Hoy crearemos nuestro envío gratuito con OptinMonster, el kit de herramientas de optimización de conversiones número uno del mundo.

¿Aún no tienes una cuenta de OptinMonster? Sin preocupaciones. Puedes comenzar con OptinMonster hoy sin riesgos con su garantía de devolución de dinero de 14 días.

Una vez que hayas comenzado, puedes iniciar sesión en tu cuenta de OptinMonster y comenzar a crear tu barra de envío gratuito. Sólo tienes que seguir las siguientes instrucciones:

Paso 1: Crea tu barra flotante

Primero, debes seleccionar tu tipo de campaña. Para el tutorial de hoy, elegiremos una barra flotante:

Entonces es hora de seleccionar una plantilla. OptinMonster tiene más de 50 plantillas prediseñadas para elegir que funcionan muy bien en computadoras de escritorio, tabletas y dispositivos móviles. Incluso puedes filtrar sus opciones de plantilla específicamente para dispositivos móviles si la mayor parte de tu tráfico proviene de teléfonos inteligentes. Puedes hacerlo con sus opciones de filtro en el lado izquierdo:

En este tutorial, sin embargo, seleccionaremos la plantilla de Alert para escritorio / tableta, que aún se ve excelente en la mayoría de los dispositivos móviles:

La plantilla de Alert es perfecta para llamar la atención de tus clientes y hacerles saber que proporcionas envío gratuito. Ahora debes asignarle un nombre a tu campaña, asignarlo a tu sitio web y hacer clic en Iniciar creación:

Paso 2: diseña tu barra de envío gratis

Cuando tu plantilla de Alert aparezca en tu editor de OptinMonster, aparecerá en la parte inferior de tu navegador:

Esto te muestra dónde estará tu barra de envío gratuito en tu sitio web. Pero puedes mover fácilmente tu banner flotante a la parte superior de tu sitio. Dirígete al menú del lado izquierdo y haz clic en Configuración flotante:

Luego haz clic en el interruptor de palanca para activarlo, donde dice Cargar barra flotante en la parte superior de la página:

Ahora tu barra de envío gratuito aparecerá en la parte superior del navegador de tus clientes.

En este punto, debes diseñar tu campaña de banner flotante. No vamos a entrar en demasiados detalles sobre cómo hacer esto porque hay demasiadas opciones de personalización para cubrir. Todo lo que necesita saber es que puedes cambiar literalmente cualquier aspecto de tu envío gratuito con solo unos pocos clics. Para cambiar el color de fondo, por ejemplo, regresa al menú de inicio de tu editor:

Haz clic en Opt In Settings »Option View Styles:

Esto abrirá la opción para cambiar el color de fondo de tu banner flotante:

Elige un color que se adapte a tu marca pero que también capte la atención de sus clientes.

Si deseas cambiar otros aspectos de tu barra de envío gratuito, simplemente haz clic en ellos en el editor para abrir las herramientas de edición en el lado izquierdo. Por ejemplo, queremos cambiar el texto de esta plantilla para mostrar nuestra oferta de envío gratuito:

Al hacer clic en el texto en el editor, podemos modificar la escritura en el menú del lado izquierdo.

Además, para eliminar cualquier elemento de tu barra de envío gratuito, simplemente desplaza el cursor sobre él y ubica el ícono de la papelera. Es posible que desees deshacerte del botón en su barra de envío gratuito, por ejemplo:

Esto haría que nuestro banner flotante sea puramente informativo, así:

Sin embargo, si lo deseas, puedes mantener el botón y simplemente agregar una llamada a la acción cómo: Comprar ahora.

De esa manera, si eliges mostrar tu banner en cada página de tu sitio web, los lectores pueden acceder fácilmente a tu tienda en línea:

Puedes cambiar el texto del botón de la misma manera que cambiaste el texto de tu banner. Simplemente haz clic en el botón para abrir las herramientas de edición en el menú del lado izquierdo:

Luego puedes hacer clic en Acción y cambiar la URL donde tu botón redirigirá a los clientes:

Entonces, ¡todo lo que necesitas hacer es agregar la URL a la que deseas que vayan tus visitantes cuando hagan clic en tu botón!

La forma en que diseñes tu barra de envío gratuito depende totalmente de ti. Y si alguna vez deseas agregar una nueva función a tu banner flotante, es fácil.

Haz clic en el botón + Agregar bloques en la parte superior de tu editor:

Esto te mostrará diferentes cosas que puedes agregar a tu campaña, como:

• Botón

• Chatbot

• Contador regresivo

• Divisor

• Texto

• Imagen

• Video

Y más.

Luego, puedes arrastrar y soltar tu nuevo bloque en su lugar.

Para el tutorial de hoy, simplificamos las cosas siguiendo nuestro texto y el botón Comprar ahora. Pero debes saber que tienes la opción de personalizar completamente tu campaña para que sea la más efectiva para tu tienda online.

Y si alguna vez te sientes atascado, consulta este recurso útil sobre cómo crear tu primera campaña con OptinMonster.

A partir de aquí, debemos decidir dónde y cuándo mostrar la barra de envío gratuito.

Paso 3: establecer reglas de visualización

Ve a la parte superior de tu editor y haz clic en Reglas de visualización:

De forma predeterminada, tu campaña aparecerá cuando un visitante haya estado en su página durante 5 segundos o más. También aparecerá en cualquier página.

Hoy, cambiaremos el tiempo en la página de «al menos» a «es inmediato»:

De esa manera, tu notificación de envío gratuito se mostrará en tu sitio tan pronto como llegue tu tráfico.

Recuerda, puedes personalizar tu barra de envío gratuito para que aparezca cuando, donde quieras y para quien quieras. Te ayudo a crear el banner flotante exacto que necesitas para que tu sitio de comercio electrónico sea más eficaz.

Por ejemplo, es posible que solo desees mostrar tu barra de envío gratuito en determinadas páginas de productos de tu sitio. Esto es particularmente útil si tienes ciertas restricciones sobre qué productos reciben envío gratuito. Si ese es el caso, puedes dirigirte a tu segunda condición y cambiar la regla para la ruta de URL actual. En lugar de cualquier página, puedes seleccionar coincidencias exactas:

Luego ingresa la barra de URL única adjunta a la página en la que deseas que aparezca tu barra de envío gratuito:

Nuevamente, hoy nos ceñiremos a las siguientes 2 reglas:

• El tiempo en la página es inmediato

• La ruta URL actual es cualquier página.

Pero puedes cambiarlos de la forma que necesitas para que tu barra de envío gratuito sea la más eficaz.

Una vez que hayas determinado dónde y cuándo mostrará el banner flotante en tu sitio, todo lo que queda es Guardar y publicar. ¡Y eso es! Crear tu barra de envío gratis es realmente así de simple. Nuevamente, aquí está la versión de demostración que creamos para el tutorial de hoy en menos de 5 minutos:

Ahora, solo debemos asegurarnos de que puedes conectar

En tu panel de OptinMonster (en WordPress), busca y haz clic en la pestaña WooCommerce:

Ahora verás 2 campos en blanco que necesitan información:

• Clave de consumidor

• Secreto del consumidor

Si bien puedes obtenerlos manualmente desde tu cuenta de WooCommerce, también puedes simplemente hacer clic en Generar claves automáticamente:

Esto completará ambos campos por ti. ¡Y eso es! Ahora tu complemento OptinMonster está conectado a tu tienda WooCommerce.

Sabrás que funcionó cuando veas el siguiente mensaje de confirmación:

Ahora puedes administrar todas tus campañas desde tu panel de WordPress a través del complemento OptinMonster.

O puedes administrar tus campañas desde su cuenta de OptinMonster.

Agrega una barra de envío gratis a tu tienda Shopify

Agregar OptinMonster a tu tienda Shopify no podría ser más fácil. Primero, inicie sesión en tu cuenta de Shopify:

Y recuerda, también debes iniciar sesión en tu cuenta de OptinMonster.

A continuación, visita la aplicación OptinMonster en la tienda Shopify. Busca y haz clic en Agregar aplicación:

Serás redirigido a otra página donde debes hacer clic en Instalar aplicación:

Una vez que la aplicación esté instalada, tu tienda Shopify se conectará automáticamente con OptinMonster.

Sip. ¡Eso es!

Como dijimos antes, usar OptinMonster para tu tienda Shopify literalmente no podría ser más fácil.

Agregar a cualquier sitio

Si no estás trabajando con ninguna de las plataformas de comercio electrónico mencionadas en este artículo, no te preocupes. Puedes utilizar OptinMonster con cualquier sitio.

Primero, debes ir a tu campaña de barra de envío gratuito en tu panel de OptinMonster. Haz clic en Publicar en la parte superior del editor y desplázate hasta la opción Cualquier sitio web:

Esto te proporcionará el código de inserción que necesitas para sincronizar OptinMonster con tu sitio:

Ahora debes ubicar la etiqueta <body> de cierre del archivo HTML de tu sitio. Pega tu código de inserción de OptinMonster justo encima de esta etiqueta <body> de cierre.

¡Y eso es! Luego, simplemente necesitas guardar el archivo y subirlo a tu sitio.

Espero que hayas disfrutado de este artículo. Mi objetivo es permitirte crear una mejor experiencia de compra para tus clientes. De esta manera, puedes obtener aún más clientes y aumentar tus ventas.