Hoy estrenamos la sección de tutoriales de marketing online donde podrás encontrar diferentes manuales, guías y tutoriales sobre diferentes aspectos de optimización web.

Empezamos con un tip del CMS del mundo e-commerce para Prestashop, este tip consiste en eliminar el paso de seleccionar transportista en nuestro carrito de compra. Y, ¿porqué eliminar un paso en el carrito? Como dice el refrán vale más una imagen que mil palabras:

conversion-web

Gracias a saltarnos un paso en el carrito de compra de Prestashop, hemos mejorado el ratio de conversión en todas nuestras tiendas online, lo que se llama una acción de CRO. Así que vamos al lío ????

Cómo saltar paso en el carrito de compra de Prestashop en 1.6

Para eliminar el paso de selección de transportista, necesitamos 2 ficheros, uno de ellos es OrderController.php que lo podemos encontrar en /controller/front/ y el otro es order-payment.tpl que lo podemos encontrar en la carpeta de la plantilla que tenemos instalada /themes/plantillaweb.

Nota: Antes de modificar y actualizar cualquier fichero, realizar una copia de seguridad de estos ficheros.

Paso 1.- Modificación del fichero OrderController.php

Alrededor de la línea 145 del fichero OrderController.php, encontramos las siguientes líneas de código:

case OrderController::STEP_DELIVERY:
if (Tools::isSubmit(‘processAddress’)) {
$this->processAddress();
}
$this->autoStep();
$this->_assignCarrier();
$this->setTemplate(_PS_THEME_DIR_.’order-carrier.tpl’);
break;

El código tiene la funcionalidad de que si estamos en el segundo paso y la dirección es correcta, el siguiente paso será la selección de transportista. Como no queremos que aparezca la selección de transportista y vaya a la página de selección de pago, tendremos que añadir el siguiente código:

 case OrderController::STEP_DELIVERY:
if (Tools::isSubmit(‘processAddress’)) {
$this->processAddress();
}
$this->autoStep();
$this->_assignCarrier();
/* INICIO NUEVO SUMA Y SUBE */
$this->_assignPayment();
$this->_assignSummaryInformations();
$this->setTemplate(_PS_THEME_DIR_.’order-payment.tpl’);
/* FIN NUEVO SUMA Y SUBE */
break;

Como nota, tened cuidado con el copia y pega del código que las comillas simples suelen traer problemas en su codificación, mejor copiar y pegar y luego escribirlas a mano.

Paso 2.- Modificación del fichero order-payment.tpl

El siguiente paso será que si el usuario quiere volver hacia atrás en el paso de selección de pago, vuelva al paso de introducir las direcciones y no vuelva a la selección de transportista. Para ello nos vamos alrededor de la línea 124 del fichero order-payment.tpl:

<p class=”cart_navigation clearfix”><a href=”{$link->getPageLink(‘order’, true, NULL, “step=2″)}” title=”{l s=’Previous’}” class=”button”>&laquo; {l s=’Previous’}</a></p>

Y sustituimos el step=2 por step1 tal y como vemos en el siguiente código:

<p class=”cart_navigation clearfix”><a href=”{$link->getPageLink(‘order’, true, NULL, “step=1″)}” title=”{l s=’Previous’}” class=”button”>&laquo; {l s=’Previous’}</a></p>

EXTRA.- Eliminar punto de dirección

Ahora si queremos eliminar el punto de Dirección del carrito, tenemos que ir al fichero order-steps.tpl que encontraremos dentro de la carpeta de nuestra plantilla instalada (theme/plantillaweb/).

eliminar-paso-prestashop

Eliminar el siguiente código del fichero order-steps.tpl:

eliminar-paso

Y por último cambiamos la numeración ya que el paso 4 ahora debe ser el paso de selección de forma de pago.

<li id=”step_end” class=”{if $current_step==’payment’}step_current{else}step_todo{/if}”>
<span><span>04</span> {l s=’Payment’}</span>
</li>

Y eso es todo amigos, si os ha gustado, os ha sido útil o tenéis cualquier duda, no busquéis más y dejad un comentario. ????