Cómo crear una ventana emergente promocional en Squarespace (paso a paso)

¿Quieres crear una ventana emergente promocional en Squarespace para hacer crecer tu lista de correo electrónico?

Ya sea que esté ejecutando una tienda en línea o un blog, encontrará ventanas emergentes promocionales útiles para hacer crecer su lista de correo electrónico, promocionar un código de cupón, verificar la edad y más.

Al final de este tutorial, aprenderá exactamente cómo crear una ventana emergente de Squarespace que aumente rápidamente su lista de correo electrónico.

Por qué crear una ventana emergente promocional en Squarespace

Una ventana emergente promocional es un mensaje que aparece sobre el contenido de su sitio de Squarespace para captar la atención de su visitante.

Puedes usar ventanas emergentes de Squarespace para:

  • Invite a los visitantes a suscribirse a su lista de correo
  • Promocionar una venta por tiempo limitado
  • Dirige a los visitantes a tu contenido más popular

Squarespace viene con una capacidad incorporada que le permite crear solo una ventana emergente promocional básica con funciones de segmentación limitadas.

Eso significa que, a menos que sea un diseñador, terminará creando una ventana emergente mediocre con sus características predeterminadas. No solo no logrará captar la atención de sus visitantes, sino que no estará lo suficientemente orientado para generar conversiones.

reglas de visualización del espacio cuadrado_

Aquí es donde entra OptinMonster.

OptinMonster es la mejor herramienta de generación de prospectos para crear ventanas emergentes de Squarespace efectivas que hacen crecer su lista de correo electrónico. Le permite crear fácilmente ventanas emergentes llamativas gracias a su generador de arrastrar y soltar y más de 50 plantillas integradas.

Página de inicio de OptinMonster

Las empresas y los editores utilizan OptinMonster para:

  • Haga crecer su lista de correo electrónico
  • Impulsar el tráfico del sitio
  • Incremento de ventas

Libratone utilizó las diferentes reglas de segmentación de OptinMonster para hacer crecer su lista de correo electrónico en un 400%.

Puede utilizar la orientación y los activadores de OptinMonster para controlar exactamente cuándo y dónde mostrar su ventana emergente promocional.

¿Estás listo para crear tu ventana emergente?

Vamos a empezar.

Cómo crear una ventana emergente promocional en Squarespace

Hoy, diseñaremos esta ventana emergente promocional en solo unos minutos usando OptinMonster.

Ventana emergente de Squarespace en OptinMonster

Antes de comenzar, deberá iniciar sesión en su cuenta de OptinMonster.

¿Aún no tienes una cuenta? Comenzar es 100% libre de riesgos con nuestra garantía de devolución de dinero de 14 días.

¡Empiece hoy mismo con una ventana emergente!

Paso 1: Cree la campaña OptinMonster

Una vez que haya iniciado sesión en su cuenta, haga clic en Crear nueva campaña.

Crear un nuevo botón de campaña de OptinMonster

A continuación, deberá elegir su tipo de campaña.

OptinMonster ofrece varios tipos de campañas, como barra flotante, tapete de pantalla completa y desplazamiento deslizante.

Una campaña en línea, por ejemplo, es buena para atraer lectores que ya están comprometidos con su contenido. Eso es porque estás presentando tu suscripción después de que hayan comenzado a leer tu contenido.

Y la barra flotante, por otro lado, permanece en la parte inferior o superior de su página web, capturando la atención de sus visitantes sin interrumpirlos.

Ya que está buscando crear una ventana emergente promocional, elijamos Surgir.

Elija el tipo de campaña de OptinMonster

Ahora podrás seleccionar tu plantilla.

Todas las plantillas son receptivas y se ven geniales en todos los dispositivos. Puede filtrar las opciones de plantilla según el dispositivo que usen sus visitantes y otros parámetros, como

  • Objetivos de la campaña: aumentar la lista, orientar a los visitantes que abandonan, redirigir el tráfico u ofrecer una oferta urgente
  • Categorías: servicios profesionales, comercializador o propietario de una tienda

Descripción general de las plantillas de campaña de OptinMonster

Hoy, elegiremos el Moda plantilla.

Elige plantilla de moda

La plantilla Moda es perfecta para nuestra ventana emergente promocional porque tendremos espacio para una imagen, un título y una copia adicional.

Hoy, ofreceremos a las personas un descuento a cambio de sus direcciones de correo electrónico.

Los incentivos y las ofertas especiales como estas son realmente excelentes para ayudarlo a agregar más suscriptores.

Normalmente, existen dos tipos de incentivos:

Ahora se le pedirá que nombre su campaña.

Hacer clic Empezar a construir para ingresar al editor de OptinMonster.

Campaña de nombre

Es hora de personalizar su ventana emergente promocional.

Paso 2: Diseño emergente de Squarespace

Puede personalizar fácilmente su ventana emergente para que se adapte al estilo de su marca y al objetivo de la campaña.

Con el generador de arrastrar y soltar de OptinMonster, puede cambiar el mensaje, los colores, las fuentes y cualquier otra cosa.

Simplemente haga clic en cualquier parte de la plantilla para personalizarla.

Esto significa que puede crear una ventana emergente promocional impresionante en minutos, no en horas.

Si acaba de comenzar a crear ventanas emergentes, desea agregar un título sólido, una oferta atractiva y un llamado a la acción claro. Estas son algunas de las mejores prácticas de ventanas emergentes de correo electrónico que han demostrado generar más conversiones.

Echemos un vistazo más de cerca a cómo funciona el editor.

Para cambiar el texto, simplemente haga clic en él. Ahora, podrá editar el texto directamente en la ventana emergente.

Desde el panel de edición, puede ajustar la fuente, el color, la alineación y el mensaje.

Editor de texto en línea de moda

Querrá agregar una imagen visualmente atractiva para captar la atención de los visitantes de su sitio.

Nuevamente, simplemente haga clic en la imagen.

Editar imagen de plantilla de moda

Para agregar algo nuevo a la ventana emergente, haga clic en Agregar bloques.

Agregar bloques

Luego, puede arrastrar y soltar el bloque en su campaña emergente.

Agregar nuevo bloque en la plantilla de moda

También podrá personalizar la pantalla Éxito. Esta es la pantalla que verá su visitante una vez que haya completado su suscripción. Es excelente para que su suscriptor sepa que se ha unido con éxito a su lista.

Hacer clic Éxito en la parte superior de su editor. Podrás editarlo exactamente de la misma manera.

Pestaña de éxito de la plantilla de moda

Una vez que esté satisfecho con el diseño de su ventana emergente, presione Ahorrar en la parte superior de su editor.

Botón Guardar de OptinMonster

Ahora, usted decidirá cuándo y dónde mostrar su ventana emergente promocional.

Paso 3: Mostrar ventana emergente de Squarespace

¿Le preocupa perder suscriptores mostrando su ventana emergente en el momento equivocado?

Es cierto:

La mala sincronización es la causa principal de la mayoría de las molestas ventanas emergentes que vemos en línea.

OptinMonster corrige todo eso con su Reglas de visualización.

Aquí hay una instantánea de algunas de las opciones de OptinMonster. Reglas de visualización:

Descripción general de las reglas de visualización de OptinMonster

Con OptinMonster, puede usar disparadores y segmentación para controlar quién ve su ventana emergente.

Los activadores utilizan el comportamiento de los visitantes de su sitio para mostrar sus campañas.

Puede mostrar su ventana emergente cuando:

  • Los visitantes están a punto de abandonar su sitio
  • Un visitante hace clic en un enlace o imagen.
  • Después de que el visitante se haya desplazado un cierto porcentaje

Y más.

La orientación le permite controlar quién ve su ventana emergente en función de:

  • Su ubicación física
  • El dispositivo que están usando
  • La página que están viendo

Los clientes de OptinMonster combinan con frecuencia estas reglas para aumentar las conversiones. Por ejemplo, el propietario de una tienda en línea puede mostrar una ventana emergente de salida de descuento solo después de que el visitante haya recorrido el 60% de la página.

Hoy, veremos dos reglas de visualización, Intención de salida® y Orientación a nivel de página que se puede utilizar para 2 casos diferentes.

La tecnología de intención de salida activa una ventana emergente cuando su visitante está a punto de abandonar su sitio.

Es el momento perfecto para mostrarles una última oferta antes de que se vayan para siempre.

Los clientes de OptinMonster aumentan sus conversiones entre un 2 y un 4% utilizando ventanas emergentes de salida.

Dirigirse a Reglas de visualización.

Reglas de visualización de OptinMonster

Hacer clic Intención de salida®

Regla de visualización de intención de salida de OptinMonster

Decide en qué dispositivos se mostrará tu ventana emergente.

Intención de salida Elegir todos los dispositivos

A continuación, deberá elegir el nivel de sensibilidad.

En dispositivos móviles, elegir la sensibilidad de la intención de salida es extremadamente importante. Bajo y Medio La sensibilidad activará su ventana emergente cuando el visitante se desplace hacia arriba. La alta sensibilidad creará un disparador de botón de retroceso.

Para obtener más información sobre cómo funciona exactamente la intención de salida en dispositivos móviles, consulte este artículo: Cómo crear ventanas emergentes con intención de salida móviles que conviertan

Salir de sensibilidad de intención OptinMonster

Finalmente, decida en qué página desea mostrar su ventana emergente.

Aquí puede mostrar en cualquier página o URL específicas. Puede ser muy específico sobre dónde mostrar y ocultar su ventana emergente de salida.

Salir de la URL de coincidencia exacta de intención

Consulte este artículo para conocer 40 trucos de ventanas emergentes de salida que aumentarán sus suscriptores e ingresos.

Paso 4: Integra Squarespace y OptinMonster

Sincronizar OptinMonster con su sitio de Squarespace es simple.

Todo lo que necesita hacer es copiar y pegar un código de inserción.

Dirigirse a Publicar en la parte superior de su editor.

Cinta de publicación de OptinMonster

Continúe y copie el código al final de la página.

Copiar el código de inserción de OptinMonster

Ahora, deberá agregarlo a su sitio de Squarespace.

Dirígete a tu sitio de Squarespace.

Seleccione Ajustes.

Inicio de Squarespace selecciona Configuración

En la siguiente pantalla, seleccione Avanzado.

Configuración avanzada de Squarespace

Escoger Inyección de código en la página siguiente.

Selección de inyección de código de Squarespace

Pegue el código de inserción de OptinMonster en la sección del pie de página.

Pegue el código de inserción de OptnMonster en el pie de página de Squarespace

Eso es todo.

¡Empiece hoy mismo con una ventana emergente!

Esperamos que haya disfrutado leyendo este artículo sobre cómo crear una ventana emergente para Squarespace.

Estos recursos lo ayudarán a convertir la lista de correo electrónico en un activo comercial importante:

¿Quiere más información sobre OptinMonster y cómo puede hacer crecer su negocio?

Consulte este artículo: ¿Cómo funciona OptinMonster (8 beneficios + 12 casos prácticos)?

¿Está listo para convertir a más visitantes de su sitio en suscriptores? Regístrese en OptinMonster hoy.