Hay una manera muy fácil de solucionar este problema: dígales a sus clientes cuánto dinero necesitan agregar para aprovechar el envío gratuito.

Además de reducir la cantidad de carritos abandonados, mostrar la cantidad restante para envío gratuito también tiene el efecto de aumentar el carrito promedio de su tienda. Se anima a los clientes a añadir más productos a su pedido para obtener una reducción en los costes de envío.

Veremos juntos cómo configurar esta funcionalidad en su e-tienda Prestashop.

Use un módulo para mostrar el monto antes de los costos de envío gratis

La forma más fácil de mostrar cuánto debe agregar el cliente a su carrito para obtener envío gratis es instalar el módulo Importe antes del envío gratis .

Diseñado para Prestashop 1.7, se integra perfectamente con todas las tiendas con solo unos clics y ofrece una amplia variedad de opciones:

• Te permite mostrar los bloques que contienen mensajes del tipo «Faltan xx € antes del envío gratuito» a diferentes lugares de la tienda (en la parte superior de cada página, en el túnel de pedidos, en la ventana emergente de confirmación para agregar un producto …)
• Para cada uno de estos bloques puedes personalizar la apariencia (colores de fondo y texto, …) y el texto del mensaje
• Los bloques se actualizan en tiempo real, tan pronto como se modifique el contenido de la cesta.
• Funciona con el campo «Envío gratuito a partir de» (si ofrece la entrega por el mismo importe del pedido, independientemente del transportista) y tambien con el sistema de rango de precios que le permite configurar un límite de envío gratuito para cada método de envío

Este módulo está a la venta en nuestra tienda. No dudes en hacer clic en el bloque de abajo para acceder a su presentación detallada . Allí encontrará mucha información y un enlace a una demostración que le permitirá probar las distintas funciones integradas.

Indique en la cesta la cantidad a agregar para envío gratis

Si no desea pasar por un módulo, también puede implementar la funcionalidad modificando el código fuente de su sitio. Por tanto, veremos en esta 2ª parte cómo añadir manualmente, en la página resumen de la cesta, un bloque indicando al cliente el importe que debe añadir para obtener el envío gratuito. .

Para ello, debe modificar el controlador que se encarga de administrar la página en cuestión y la plantilla asociada.

Varias observaciones antes de comenzar:

• el tutorial a continuación explica cómo hacer esto para Prestashop 1.7. Para versiones anteriores, la plantilla es diferente porque el árbol de archivos ha cambiado en esta versión. Dependiendo de su tema, es posible que el nombre o la ruta de la plantilla sean diferentes .
• el método que se describe a continuación solo es válido si utiliza el campo «Envío gratuito a partir de» del menú «Transporte > Preferencias» (en otras palabras, si ofrece la entrega desde una determinada cantidad, independientemente del transportista seleccionado por el cliente); si utiliza los rangos de precios, consulte la primera parte de este artículo, que trata del módulo «Importe antes del envío gratuito»

Si aún no lo ha hecho, vaya al menú «Transporte > Preferencias» en su back office. Allí encontrará un campo titulado «Envío gratuito a partir dee» (€). Aquí es donde indicará el umbral desde el que ofrece los gastos de envío al cliente (el valor incluye IVA). Para este tutorial estableceremos este valor en 79 €.

Para transmitir esta cantidad a la página, necesitaremos crear una sobrecarga (o «override») del controlador. Para hacer esto, debe crear un archivo llamado CartController.php en el directorio override/controllers/front de Prestashop. Este archivo debe contener el siguiente código:

<?php

class CartController extends CartControllerCore
{
    public function initContent()
    {
        parent::initContent();
        $shipping_free_price = (float)Configuration::get('PS_SHIPPING_FREE_PRICE');
        $this->context->smarty->assign([
            'shipping_free_price' => $shipping_free_price
        ]);
    }
}

El código agregado aquí está destinado a pasar una variable Smarty que corresponde al valor definido en las preferencias.

Entonces podremos usar este valor en la plantilla. Elegimos la plantilla cart-detail-totals.tpl (en el directorio \templates\checkout\_partials de su tema), que corresponde al bloque que resume todo los subtotales en la columna derecha de la página de resumen del carrito. Tiene la ventaja de ser dinámico, es decir que su contenido se actualiza cada vez que se modifica el carrito (adición o eliminación de producto, etc.).

Agregamos el bloque que indica la cantidad restante antes de la entrega gratuita después del subtotal «Entrega» de la siguiente manera:

          {if $subtotal.type === 'shipping'}
              <div><small class="value">{hook h='displayCheckoutSubtotalDetails' subtotal=$subtotal}</small></div>
              {* Bloc contenant le montant restant avant la livraison gratuite *}
              {if isset($shipping_free_price)}
              <div {if $shipping_free_price <= $cart.subtotals.products.amount}style="display:none"{/if}>
                {assign var="missing_amount" value=$shipping_free_price-($cart.subtotals.products.amount - $cart.subtotals.discounts.amount)}
                {$missing_amount|number_format:2:",":""} {$currency.sign} {l s='avant la livraison gratuite' d='Shop.Theme.Global'}
              </div>
              {/if}
              {* Fin du bloc *}
          {/if}

Como puede ver, comparamos el importe del pedido (descuentos deducidos) con el umbral de envío gratuito. Si esta cantidad es menor, mostramos la diferencia, de lo contrario ocultamos el bloque.

Luego puede agregar un identificador o una clase al tag div para poder modificar la apariencia del bloque en CSS como desee.

Recuerde vaciar la memoria caché del sitio desde el menú Parámetros Avanzados > Rendimiento para que se tengan en cuenta las adiciones y modificaciones de archivos.

Como se explicó anteriormente este método tiene sus límites: no funciona con el sistema de rangos de precios, debe usarse en un lugar del tema que se actualice con cada modificación del carrito, no cuenta de los códigos promocionales que ofrecen los gastos de envío,… Por todos estos motivos (y otros aún), le invitamos a descubrir nuestro módulo Importe antes del envío gratuito en la 1ª parte de este artículo si aún no lo has hecho. Cubre todos los casos y tiene una gran cantidad de opciones de configuración.

L’article Muestre el importe restante para obtener un envio gratuito est apparu en premier sur Agencia-web BeComWeb.

Por otro lado, la información que se muestra en esta página es limitada: el logo, un título, un texto … y ya está. Un poco de luz. Si la versión 1.7 de Prestashop le permite ingresar un mensaje de mantenimiento personalizado, todavía es bastante limitado. Básicamente, es como decir «Estamos cerrados» a sus clientes, sin más detalles.

Lo que les plantea muchas preguntas:

• ¿Cuándo volverá a estar disponible su sitio?
• ¿Cómo contactarlo durante este tiempo?

Y por su parte, es posible que desee hacer que esta página sea un poco más sexy. Texto negro sobre fondo blanco, sin imagen, … hemos conocido más atractivos.

Edite la página de mantenimiento de Prestashop manualmente

El 1er método para modificar el contenido y la apariencia de la página de mantenimiento consistirá en modificar los archivos que la componen.

Comencemos con Prestashop 1.6. En esta versión, los archivos en cuestión son los siguientes:

• la plantilla maintenance.tpl (ubicada en su directorio de temas),
• la hoja de estilomaintenance.css(ubicada en el subdirectoriocssde su tema)

Si desea agregar textos o imágenes, puede hacerlo en la plantilla. Para los textos, si su tienda es multilingüe, no olvide respetar la sintaxis Smarty que permite hacer que una cadena de caracteres sea traducible:{l s=’Texto a traducir’}.

Luego, para todas las modificaciones de diseño (tamaño de fuente, color de fondo, ..), debe modificar la hoja de estilo (que obviamente requiere un poco de dominio de este lenguaje).

En Prestashop 1.7, los nombres y ubicaciones de estos archivos son ligeramente diferentes:

• la plantilla maintenance.tplse encuentra en el directorio templates/errors de su tema,
• la hoja de estilo se llama error.css y está en el directorio assets/css de su tema

No olvides que en esta versión puedes personalizar el texto de la página tú mismo, como te dije un poco antes (desde el menú «Configuración de la tienda & gt; General», pestañas «Mantenimiento»).

Un módulo de personalización para la página de mantenimiento de Prestashop

Si el primer método lo desanima (porque no tiene las habilidades técnicas necesarias), puede pasar a nuestro módulo «Página de mantenimiento personalizada«.

Muy fácil de usar, tiene las siguientes opciones:

• selección de las plantillas de página disponibles («Sitio en mantenimiento», «Disponible pronto») o entrada manual del título y el texto de la página,
• elección de imagen y color de fondo,
• configurar una cuenta atrás antes de la disponibilidad del sitio
• visualización de detalles de contacto y enlaces a redes sociales

En unos minutos podrá ofrecer a sus clientes una página de mantenimiento más hermosa y completa para su tienda Prestashop, como en los ejemplos a continuación.

No dude en echar un vistazo a la página dedicada al módulo, encontrará la lista de características y varias otras capturas de pantalla.

L’article Prestashop – Personaliza la página de mantenimiento est apparu en premier sur Agencia-web BeComWeb.