Muchas tiendas online, muestran en dispositivos móviles el botón de “Añadir al carrito” en la parte inferior de la página, y subas o bajes, lo tienes siempre ahi.
Es una buena forma de aumentar las conversiones, ya que el botón de compra siempre está visible.
Así que nosotros vamos a hacerlo sin necesidad de usar plugins.
Con el maquetador de temas de elementor Pro, vamos a crear una plantilla de producto único en elementor Pro, puedes utilizar una de las que ya vienen hechas, aunque yo he hecho esta partiendo de una ya creada:
Ahora voy a duplicar el botón de “Añadir al carrito” y al primero le indico que sólo aparezca en Escritorio y en Tablet.
Ahora voy a crear un contenedor en la parte inferior de la plantilla, y arrastro el segundo botón a ese contenedor, lo pongo en modo adaptable para ver en móvil, y en Avanzado, le indico que sólo se muestre en móviles y le pondré un color de fondo para que se vea bien.
Y ahora con el contenedor seleccionado, en efectos de movimiento indico que se quede sticky, o sea pegado en la parte de abajo.
Y por supuesto, que sólo lo haga en móviles.
Ahora ya tenemos nuestro botón fijo en todos los productos de la tienda.
Bien, con esto lo tenemos casi todo listo, ahora tenemos que indicar (si no lo has hecho ya) que esta plantilla se debe aplicar en todos los productos de la tienda.
Y si has seguido los pasos, ya deberías tener tu botón “Añadir al Carrito” fijo en móviles.
@lapeorempresadelmundo Cómo poner un botón de compra fijo en la parte inferior de tu tienda Woocommerce usando elementor Pro para aumentar tus conversiones #elementor #elementorpro #wordpress #wordpresstips #marketingdigital #woocommerce #woocommercewordpress #woocommercetips ♬ sonido original - lapeorempresadelmundo
Sign up to our newsletter
