{"id":2912,"date":"2023-12-12T18:53:18","date_gmt":"2023-12-12T17:53:18","guid":{"rendered":"https:\/\/elementorprobarato.com\/?p=2912"},"modified":"2024-10-03T12:47:09","modified_gmt":"2024-10-03T10:47:09","slug":"anadir-al-carrito-fijo-en-moviles","status":"publish","type":"post","link":"https:\/\/elementorprobarato.com\/en\/anadir-al-carrito-fijo-en-moviles\/","title":{"rendered":"\u00abAdd to Cart\u00bb fixed on mobiles"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

Seguro que lo has visto en muchas tiendas online<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Muchas tiendas online, muestran en dispositivos m\u00f3viles el bot\u00f3n de \u201cA\u00f1adir al carrito\u201d<\/b> en la parte inferior de la p\u00e1gina, y subas o bajes, lo tienes siempre ahi.<\/p>

Es una buena forma de aumentar las conversiones<\/b>, ya que el bot\u00f3n de compra siempre est\u00e1 visible.<\/p>

As\u00ed que nosotros vamos a hacerlo sin necesidad de usar plugins<\/a>.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Bot\u00f3n-de-a\u00f1adir\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tSaltarme el tutorial y ver el v\u00eddeo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

Crear plantilla para \u201cA\u00f1adir al Carrito\u201d fijo en m\u00f3viles<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Con el maquetador de temas de elementor Pro<\/a><\/strong>, vamos a crear una plantilla de producto<\/b> \u00fanico en elementor Pro, puedes utilizar una de las que ya vienen hechas, aunque yo he hecho esta partiendo de una ya creada:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Ahora voy a duplicar<\/strong> el bot\u00f3n de \u201cA\u00f1adir al carrito\u201d y al primero le indico que s\u00f3lo aparezca en Escritorio y en Tablet.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Ahora voy a crear un contenedor<\/b> en la parte inferior de la plantilla, y arrastro el segundo bot\u00f3n a ese contenedor, lo pongo en modo adaptable para ver en m\u00f3vil, y en Avanzado, le indico que s\u00f3lo se muestre en m\u00f3viles y le pondr\u00e9 un color de fondo para que se vea bien.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\""A\u00f1adir\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Fijar a la parte inferior<\/span><\/h2>

Y ahora con el contenedor seleccionado, en efectos de movimiento indico que se quede sticky<\/b>, o sea pegado en la parte de abajo.\u00a0<\/p>

Y por supuesto, que s\u00f3lo lo haga en m\u00f3viles.<\/p>

Ahora ya tenemos nuestro bot\u00f3n fijo en todos los productos de la tienda.<\/p>

\u00a0<\/h2>

Condiciones de la Plantilla<\/span><\/h2>

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.<\/p>

Y si has seguido los pasos, ya deber\u00edas tener tu bot\u00f3n \u201cA\u00f1adir al Carrito\u201d fijo en m\u00f3viles.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Adquiere elementor Pro con licencia 100% original por un precio mucho mas bajo con total confianza.<\/strong><\/a><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t
@lapeorempresadelmundo<\/a> C\u00f3mo poner un bot\u00f3n de compra fijo en la parte inferior de tu tienda Woocommerce usando elementor Pro para aumentar tus conversiones #elementor<\/a> #elementorpro<\/a> #wordpress<\/a> #wordpresstips<\/a> #marketingdigital<\/a> #woocommerce<\/a> #woocommercewordpress<\/a> #woocommercetips<\/a> \u266c sonido original - lapeorempresadelmundo<\/a> <\/section> <\/blockquote>