Los formularios incrustados aparecen de manera consistente en páginas particulares de su sitio web, facilitando la recopilación de suscriptores de manera fácil y fluida. Al incrustar un formulario en cualquier página de tu sitio web, puedes ampliar tu alcance, construir tu lista de contactos y agregar nuevos suscriptores directamente a tu Audiencia de Omnisend.
En este artículo, aprenderás cómo agregar un formulario incrustado a tu sitio y cómo usarlo para impulsar tu estrategia de marketing por correo electrónico.
Antes de empezar
Un formulario incrustado es una forma de mostrar tu formulario de suscripción como parte de tu sitio web.
Debes copiar y agregar un corto código HTML al código de tu tema de sitio web.
Si ya tienes un formulario en el pie de página de tu sitio web, no necesitas crear otro formulario incrustado en Omnisend. Los contactos que lleguen a través del formulario de tu tema se sincronizarán automáticamente con tu Audiencia de Omnisend.
Para que el formulario incrustado funcione, debes terminar la integración del front-end primero (se realiza automáticamente para Shopify, BigCommerce y WooCommerce una vez que se instala la aplicación de Omnisend).
Wix no admite formularios incrustados. Si usas Wix, puedes crear un Popup o Formulario emergente en su lugar.
Para usuarios de Shopify: La inserción de la aplicación Omnisend debe estar habilitada en tu tema para que los formularios incrustados funcionen. Aprende más sobre Shopify App Embed
Proceso de configuración
Paso 1. Navega a Formularios y haz clic en Crear formulario.
Paso 2. En la Biblioteca de Formularios, selecciona Formularios incrustados → Selecciona uno de los plantillas de formulario Haz clicUsar plantilla.
Paso 3. Serás redirigido a la Constructor de Formularios, donde puedes editar tu formulario y agregar cualquier elemento adicional que desees.
Puedes personalizar fácilmente tu formulario incrustado utilizando un simple editor de arrastrar y soltar.
Además de recopilar direcciones de correo electrónico, puedes utilizar campos de entrada y desplegables para recopilar otra información del cliente, como la fecha de nacimiento, el número de teléfono o propiedades personalizadas.
También puedes mejorar tu formulario con texto, imágenes, múltiples botones o incluso una Ruleta de la Fortuna para gamificar la experiencia e incentivar las suscripciones.
Paso 4. Revisa y ajusta tu Configuraciones del formulario.
En el menú de la derecha, encontrarás las pestas de Comportamiento y Configuraciones de tema.
Configuración del Comportamiento
Gestión de la audiencia: Asigna una etiqueta a los contactos que envían el formulario para una segmentación más fácil. Puedes añadir una etiqueta existente al formulario o crear una nueva directamente en el generador de formularios. Lee más sobre las etiquetas de contacto aquí
También puedes habilitar doble confirmación o reCAPTCHA para asegurarte de que tu formulario recoja solo suscriptores válidos. Aprende más sobre doble opt-in y reCAPTCHA.
Redirigir después de la presentación: Elija la URL en la que los suscriptores aterrizan después de enviar el formulario.
Segmentación: Configura dónde y a quién aparece tu formulario incrustado. Puedes utilizar segmentación de visitantes, segmentación de páginas, segmentación por ubicación, segmentación por fuente y segmentación UTM.
Configuración del tema
Diseño del formulario: Elija el tipo de formulario (emergente, desplegable, incrustado o página de destino) y ajuste el ancho (hasta 1000px).
Estilos de formulario: Personalice el radio de esquina, el ancho del borde, el estilo y el color.
💡Si desea usar colores personalizados, haga clic en el signo + debajo de Mis colores y elija los colores que necesita de una paleta.
Botones: Estilice los botones del formulario para que coincidan con su marca.
Campos: Personalice los campos de entrada, incluyendo fuente, tamaño, colores y más.
Por último, puede configurar Mensajes que se mostrarán después de un registro exitoso y a los clientes que ya están en su Audiencia.
¡Eso es todo! Su formulario está listo para incrustar.
Nota: Los formularios incrustados funcionan en todas las plataformas, pero si está utilizando una plataforma personalizada, primero deberá completar la integración del front-end.
Código de incrustación
Una vez que haya personalizado su formulario, debe habilitarlo para generar el código de incrustación.
Haz clic en Habilitar en el menú superior. Verá las Opciones para elegir cómo incrustar su formulario:
Shopify – Si su plataforma de comercio electrónico es Shopify, verá pasos dedicados y redirecciones automáticas para ayudarle a incrustar el formulario.
Manual – Si utiliza una plataforma de comercio electrónico diferente (por ejemplo, WooCommerce, BigCommerce, etc.), recibirá un código de incrustación que debe añadirse al panel de administración de su tienda.
También puede encontrar el código de incrustación más tarde haciendo clic en Configuraciones de comportamiento → Mostrar instrucciones de configuración → Elegir cómo incrustar su formulario → Seleccione Shopify o Manual.
Nota: Incrustar formularios no es una solución única, ya que a menudo requiere ajustes según el tema de tu tienda. Para obtener orientación detallada y específica de la plataforma, consulta la documentación a continuación para tu plataforma de comercio electrónico: Shopify,BigCommerce, oWordPress/WooCommerce.
Incrustando el formulario en Shopify
Paso 1. En Omnisend, haz clic en Habilitar → Selecciona Shopify como tu método de inserción → Copia el ID del Formulario → Haz clic en Abrir configuraciones de Shopify.
Serás redirigido a tu administrador de Shopify.
Nota: Si la aplicación de Formulario Incrustado de Omnisend no está habilitada, primero serás redirigido a Incrustaciones de Aplicaciones para habilitarla. Una vez habilitada, regresa al editor de temas para continuar. Aprende más sobre las incrustaciones de aplicaciones de Shopify
Paso 2. En Shopify, localiza el Sección de Formulario Incrustado de Omnisend (generalmente en la parte inferior del diseño del tema) → Haz clic en la sección → Pega el ID del formulario.
Paso 3. Arrastra y mueve la Sección de formulario incrustado de Omnisend en su ubicación preferida dentro del diseño del tema.
💡 Consejo: Experimente con diferentes ubicaciones para posicionar su formulario en un área visible y atractiva para los visitantes de su sitio web.
Paso 4. Haz clic Guardar en la esquina superior derecha del editor de temas de Shopify.
Su formulario ahora será visible en su tienda.
Incrustación manual en Shopify:
Si es necesario, siempre puede incrustar el formulario manualmente usando el código de incrustación.
En el administrador de Shopify, vaya a Tienda en línea → Temas → Editar tema.
Haga clic en Agregar sección → Seleccione Liquid personalizado.
Pegue su código incrustado → Guarde sus cambios.
Incrustando el formulario en BigCommerce
Los siguientes pasos funcionan con todos los temas construidos de acuerdo con los estándares de BigCommerce. Si su tema ha sido importado pero no construido en BigCommerce, debe consultar con el desarrollador de su tema para aprender cómo incrustar el código.
Paso 1. En Omnisend, haz clic en Habilitar → Selecciona Manual → Copia el Código de incrustación del formulario.
Paso 2. Navega a tu Administrador de Bigcommerce → haz clic Tienda → Temas → Personalizar.
Paso 3. Arrastra y suelta el Bloque HTML donde desea que se ubique el formulario incrustado.
Paso 4. Pega el código de inserción → Haz clic Guardar HTML.
Paso 5. Publique los cambios. Su formulario está activo ahora.
Nota: El formulario solo aparecerá cuando los cambios estén publicados.
Incrustando el formulario en WordPress/WooCommerce
Paso 1. En Omnisend, haz clic Habilitar → Selecciona Manual → Copia el Código de incrustación del formulario.
Paso 2. Ve a tu sitio de WordPress e inicia sesión en tu Panel de control de WordPress. Aquí, puede gestionar todos los aspectos de su tienda, incluyendo la adición de nuevos elementos de formulario.
Paso 3. Dependiendo de dónde quieras incrustar el formulario, navega a 'Páginas' o 'Publicaciones' desde el panel de control y luego seleccione 'Agregar nuevo' o elige 'Editar' una página/publicación existente.
Paso 4. Para agregar el bloque HTML personalizado, haz clic en el icono + Bloque Inserter y busca 'HTML.'
Paso 5. Una vez que haya agregado el bloque, puede pegar su código en el cuadro proporcionado, editarlo y previsualizarlo dentro del editor.
En unos pocos clics, el HTML se convierte en un formulario incrustado en tu tienda de WordPress/WooCommerce.
Trabajando con suscriptores
Los clientes que utilizan su formulario incrustado serán añadidos inmediatamente con un estado de suscripción a su Audiencia.
Todos los contactos que utilicen el formulario incrustado también recibirán una etiqueta asignada. Puedes verificar las etiquetas mientras configuras el formulario. Tenga en cuenta que las etiquetas son predeterminadas y no se pueden cambiar.
Como resultado de la suscripción, sus clientes recibirán dos etiquetas: una etiqueta predeterminada asignada al formulario incrustado y una etiqueta predeterminada asociada con el formulario de registro. Fuente: formulario de registro.
Esas etiquetas se pueden usar para segmentación si desea enviar una campaña o automatización a un segmento específico de clientes.
Nota: Su automatización de bienvenida predeterminada se activará automáticamente para los clientes que utilicen el formulario incrustado. No necesita configurar una automatización de bienvenida separada para ellos.
FAQ
¿Puedo usar el mismo formulario incrustado en varias páginas?
Sí. Copie el código de incrustación de Configuraciones de comportamiento → Agregar código a su sitio web y pégalo en tantas páginas como desee.
Si tienes más preguntas o necesitas ayuda, por favor contáctanos en [email protected] o en la aplicación.