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 formularios → Haz clic en Usar 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 Configuración del Formulario.
En el menú de la derecha, encontrarás las pestañas de Comportamiento y Configuración del 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.
Configuraciones de segmentación: Decide si el formulario debe aparecer en páginas de productos agotados.
Configuración del Tema
Diseño del formulario: Elige el tipo de formulario (emergente, desplegable, incrustado o Landing) y ajusta el ancho (hasta 1000px).
Estilos del formulario: Personaliza el radio de esquina, el ancho del borde, el estilo y el color.
💡Si deseas usar colores personalizados, haz clic en el signo + debajo de Mis colores y elige los colores que necesitas de una paleta.
Botones: Estiliza los botones del formulario para que coincidan con tu marca.
Campos: Personaliza los campos de entrada, incluyendo fuente, tamaño, colores y más.
Por último, puedes configurar Mensajes que se mostrarán después de un registro exitoso y a los clientes que ya están en tu Audiencia.
¡Eso es todo! Tu formulario está listo para ser incrustado.
Nota: Los formularios integrados funcionan en todas las plataformas, pero si estás utilizando una plataforma personalizada, primero deberás completar la integración del front-end.
Código de Incrustación
Una vez que hayas personalizado tu formulario, necesitas habilitarlo para generar el código de incrustación.
Haz clic en Habilitar en el menú superior. Verás las Opciones para elegir cómo incrustar tu formulario:
Shopify – Si tu plataforma de comercio electrónico es Shopify, verás pasos dedicados y redirecciones automáticas para ayudarte a insertar el formulario.
Manual – Si utilizas una plataforma de comercio electrónico diferente (por ejemplo, WooCommerce, BigCommerce, etc.), recibirás un código de inserción que debe ser añadido al panel de administración de tu tienda.
También puedes encontrar el código de inserción más tarde haciendo clic en Configuración de comportamiento → Mostrar instrucciones de configuración → Elegir cómo insertar tu formulario → Selecciona 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, o WordPress/WooCommerce.
Insertando 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 Shopify App Embeds
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 a tu ubicación preferida dentro del diseño del tema.
💡 Consejo: Experimenta con diferentes ubicaciones para posicionar tu formulario en un área visible y atractiva para los visitantes de tu sitio web.
Paso 4. Haz clic en Guardar en la esquina superior derecha del editor de temas de Shopify.
Tu formulario ahora será visible en tu tienda.
Inserción manual en Shopify:
Si es necesario, siempre puedes incrustar el formulario manualmente usando el código de incrustación.
En el administrador de Shopify, ve a Tienda en línea → Temas → Editar tema.
Haz clic en Agregar sección → Selecciona Líquido Personalizado.
Pega tu código incrustado → Guarda tus cambios.
Incrustando el formulario en BigCommerce
Los siguientes pasos funcionan con todos los temas construidos de acuerdo con los estándares de BigCommerce. Si tu tema ha sido importado pero no construido en BigCommerce, debes consultar con el desarrollador de tu 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 deseas que se ubique el formulario incrustado.
Paso 4. Pega el código de inserción → Haz clic Guardar HTML.
Paso 5. Publica los cambios. Tu formulario ya está activo.
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 inserción del formulario.
Paso 2. Ve a tu sitio de WordPress e inicia sesión en tu Panel de control de WordPress. Aquí, puedes gestionar todos los aspectos de tu 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 'Entradas' del panel de control y luego selecciona '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 hayas agregado el bloque, puedes pegar tu 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 utilicen tu formulario incrustado serán añadidos inmediatamente con un estado de suscripción a tu Audiencia.
Todos los contactos que utilicen el formulario incrustado también recibirán una etiqueta asignada. Puedes verificar las etiquetas mientras configuras el formulario. Ten 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 deseas enviar una campaña o automatización a un segmento específico de clientes.
Nota: Tu automatización de bienvenida predeterminada se activará automáticamente para los clientes que utilicen el formulario incrustado. No necesitas configurar una automatización de bienvenida separada para ellos.
Preguntas Frecuentes
¿Puedo usar el mismo formulario incrustado en múltiples páginas?
Sí. Copia el código de inserción de Configuraciones de comportamiento → Agregar código a tu sitio web y pégalo en tantas páginas como desees.
Si tienes más preguntas o necesitas ayuda, por favor contáctanos en [email protected] o en la aplicación.