Algunas funciones solo están disponibles en planes específicos o como complementos de pago y puedes consultar lo que se incluye en nuestra página de tarifas. Si tienes alguna otra pregunta, ponte en contacto con asistencia y podemos revisar tu plan y ofrecerte opciones, como hablar con alguien de nuestro equipo de éxito del cliente.
Este artículo explica cómo crear e integrar un formulario de suscripción utilizando el widget de Engage.
¿Qué es el widget de Engage?
El widget de Engage es una potente herramienta in situ que te ayuda a ampliar tu lista de contactos captando suscriptores directamente desde tu sitio web. Te permite crear formularios de inscripción personalizables, mostrarlos en el momento justo y enviar automáticamente los nuevos contactos a tus listas, sin necesidad de conocimientos de programación.
Formularios de inscripción
El widget de Engage facilita la conversión del tráfico de tu sitio web en suscriptores fieles. Tanto si te centras en la generación de leads como en el cuidado de tu comunidad, un formulario de inscripción bien situado puede marcar la diferencia. Empieza con una plantilla, personalízala y publícala, todo en solo unos minutos.
Crear un formulario de inscripción
En el menú de navegación principal, ve a Configuración > Widget de Engage.
A continuación, ve a la pestaña Formularios de inscripción y haz clic en Crear mi primer formulario:
Selección de plantilla
A continuación, puedes seleccionar entre varias plantillas que hemos agrupado según distintos casos de uso: Generación de clientes potenciales, Ventas y conversión o Interacción y Growth. Elige la que se ajuste a tus necesidades o crea tu propio formulario desde cero haciendo clic en el botón de la esquina superior derecha.
Personalización de la plantilla
Al seleccionar una plantilla, primero se te pedirá que le des un nombre a tu formulario y que elijas la lista de contactos a la que se añadirán los nuevos suscriptores. Si aún no tienes ninguna lista, se te dirigirá a la página de listas de contactos, donde podrás crear una. Esto te ayuda a mantener tus contactos organizados desde el principio.
A continuación, accederás al creador de formularios, donde podrás personalizar el formulario. Los formularios se dividen en 3 pasos personalizables individualmente:
Elemento de captación de atención: es el primer elemento que verán tus destinatarios cuando interactúen con el widget desde tu sitio web.
Recopilación de datos: aquí es donde los destinatarios rellenan un formulario para recopilar los datos que buscas. Puedes elegir qué información recopilar (como el nombre o el correo electrónico) añadiendo campos.
Página de confirmación: aquí es donde se confirma que se ha recopilado toda la información requerida y se realizan las acciones posteriores (por ejemplo, mostrar un código de descuento o la confirmación de que se ha realizado una reserva).
Puedes cambiar entre ellas en el menú de la izquierda. También puedes personalizar la apariencia para que coincida con tu marca utilizando el menú Herramientas de diseño a la derecha de la página.
Puedes alternar entre las vistas previas para móvil y para ordenador utilizando el interruptor que se encuentra debajo de la vista previa:
Haz clic en Guardar cambios (si no has terminado de personalizar el formulario) o en Establecer como activo. El formulario aparecerá ahora en tu lista de Formularios de inscripción como elemento activo o borrador.
Notas:
- Solo puede haber un formulario activo a la vez.
-
Tienes la opción de personalizar la posición y el color del widget de Engage desde la pestaña Estilo:
-
Una de las opciones de la herramienta de diseño dentro del editor de formularios te permite anular el Color de estilo; esto se refiere al Color de marca que se establece desde la pestaña Estilo descrita anteriormente.
Configurar y publicar la plantilla de suscripción
Al hacer clic en Establecer como activo, aparece el cuadro de diálogo Publicar plantilla. Esto te permite configurar un mensaje de confirmación automatizado que los suscriptores reciben inmediatamente después de suscribirse a través de tu widget.
Mensaje de confirmación
Escoge si enviar un SMS automatizado a los nuevos suscriptores:
- Enviar mensaje de confirmación al suscribirse: se envía un SMS automáticamente en cuanto alguien envía el formulario. Utiliza esto para dar la bienvenida a los nuevos suscriptores y confirmar su opt in.
- Ningún mensaje de confirmación: los suscriptores se añaden silenciosamente sin recibir un SMS.
Campo de mensaje
Si seleccionaste Enviar mensaje de confirmación al suscribirse, debes introducir un mensaje; este campo es obligatorio. Escribe el SMS que los suscriptores recibirán inmediatamente después de suscribirse.
Los marcadores de posición te permiten personalizar el mensaje con datos recopilados del formulario de suscripción. Para insertar un marcador de posición, escribe $input. seguido del nombre del campo. Por ejemplo, $input.firstname inserta el primer nombre del suscriptor. Los marcadores de posición aparecen como etiquetas integradas en el editor y se sustituyen por datos reales del suscriptor cuando se envía un SMS.
Ejemplo: Hola $input.firstname, ¡gracias por suscribirte! Nos pondremos en contacto contigo pronto.
Nota: El aviso de baja (Responde "STOP" para darte de baja) se añade automáticamente a cada SMS y no se puede editar. Esto es obligatorio para el cumplimiento de la normativa de mensajería.
ID del remitente
Selecciona el número de teléfono desde el que se enviará el SMS de confirmación. El menú desplegable enumera todos los ID del remitente disponibles en tu cuenta.
Publicar la plantilla
Cuando estés conforme con la configuración, haz clic en Establecer como activo para publicar la plantilla y activar el widget. Haz clic en Cancelar para volver sin publicar.
El formulario aparecerá en tu lista de Formularios de suscripción como activo. Los nuevos suscriptores empezarán a recibir mensajes de confirmación de acuerdo con tus ajustes.
Inserta el widget de Engage en tu sitio web
Para activar el widget de Engage, haz clic en el botón Go Live.
Una vez publicado el widget, puedes editarlo haciendo clic en el icono de más opciones (⋮):
Importante: No puedes eliminar un formulario de suscripción si ha sido publicado y el estado del widget se muestra como activo. Primero debes hacer clic en Retirar publicación. A continuación, haz clic en el icono de más opciones (⋮) y verás una opción de eliminar:
Copia el código de instalación de la pestaña Instalación:
A continuación, pégalo en el HTML de tu sitio web antes de la etiqueta de cierre </body>.
Añade el widget a tu tienda de Shopify
Tras publicar el widget, copia el código de instalación de JavaScript generado.
En tu panel de administración de Shopify, ve a Tienda online > Temas.
Haz clic en Personalizar, abre el menú de tres puntos en la parte superior izquierda y elige Editar código.
En la sección Layout, selecciona
theme.liquid.Pega el código del widget justo antes de la etiqueta de cierre
</body>.Guarda los cambios. Una vez guardado, el widget de Engage aparecerá en el escaparate de tu tienda de Shopify.
Añade el widget a tu sitio de Wix
Copia el código de instalación del widget de Engage
Inicia sesión en tu panel de control de Wix y ve al Editor
Haz clic en Añadir (+) en el menú de la izquierda y, a continuación, selecciona Insertar > Insertar un widget
Elige iframe de HTML y pega el código del widget de Engage en el cuadro
Coloca el widget donde quieras en tu página
Guarda y publica tu sitio. Tu widget de Engage ya está activo y listo para ayudarte a conectar con los visitantes.
Añade el widget a tu sitio de Squarespace
Inicia sesión en tu cuenta de Squarespace y abre el editor de tu sitio web
Ve a Configuración > Avanzado > Inyección de código
Pega el código de instalación de tu widget de Engage en la sección Pie de página
Guarda los cambios. Tu widget de Engage ya está activo y listo para conectarte con tus visitantes en Squarespace.
Añade el widget a tu sitio de WooCommerce/WordPress
Opción A: Usar un plugin (recomendado)
Instala y activa el plugin «Insert Headers and Footers» desde el directorio de plugins de WordPress
Ve a Ajustes > Insert Headers and Footers
Pega el código de instalación de tu widget de Engage en el cuadro Scripts en pie de página
Guarda los cambios. Tu widget de Engage ya está activo en tu sitio de WordPress.
Opción B: Añadir código manualmente a tu tema
En tu panel de control de WordPress, ve a Apariencia > Editor de temas
Abre el archivo footer.php
Pega el código del widget de Engage justo antes de la etiqueta de cierre </body>
Guarda el archivo. Tu widget de Engage ya está activo en tu sitio de WordPress.
Añade el código del widget a través de Google Tag Manager
Abre tu cuenta de Google Tag Manager y selecciona el contenedor de tu sitio web.
Crea una nueva etiqueta y elige HTML personalizado como tipo de etiqueta.
Pega el código de instalación del widget de Engage que has copiado antes.
Configura el activador en Todas las páginas para que el widget se muestre en todo el sitio.
Guarda y publica los cambios. Tu widget de Engage ya está activo y listo para ayudarte a conectar con los visitantes.
Añade el widget a tu tienda de BigCommerce
Opción A: Utilizar Script Manager (recomendado)
- Tras publicar el widget, copia el código de instalación de JavaScript generado.
- En la administración de BigCommerce, ve a Storefront > Script Manager.
- Haz clic en Crear un script y completa los detalles: establece la Ubicación en la página en el Pie de página, Seleccionar páginas en Todas las páginas, y el Tipo de script en Script.
- Pega el código de instalación del widget de Engage en el campo de contenidos del script.
- Guarda los cambios. Tu widget de Engage ya está activo en tu tienda BigCommerce.
- En tu administración de BigCommerce, ve a Storefront > My Themes.
- Haz clic en Personalizar en tu tema activo para abrir Page Builder.
- En el panel izquierdo, arrastra un widget de HTML desde la sección Básico a la página.
- Pega el código de instalación del widget de Engage en el widget de HTML.
- Guarda y publica los cambios. Tu widget de Engage ya está activo en la página seleccionada.
Ver nuevos envíos
Los nuevos suscriptores aparecerán automáticamente en la lista de contactos seleccionada una vez que se envíe un formulario.