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: Elige la URL en la que los suscriptores aterrizan después de enviar el formulario.
Segmentación: Decide si el formulario debe aparecer enpáginas de productos agotados.
Configuraciones de tema
Dise del formulario: Elige el tipo de formulario (emergente, desplegable, incrustado o página de destino) 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 altimo, puedes configurar Mensajes que se mostrarn despus de un registro exitoso y a los clientes que ya estn en tu Audiencia.
¡Eso es todo! Tu formulario est listo para incrustar.
Nota: Los formularios incrustados funcionan en todas las plataformas, pero si ests usando una plataforma personalizada, necesitars completar primero la integraci 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 incrustar el formulario.
Manual – Si usas una plataforma de comercio electrónico diferente (por ejemplo, WooCommerce, BigCommerce, etc.), recibirs un código de incrustación que debe ser agregado al panel de administración de tu tienda.
También puedes 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 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, 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 Abre la configuración de Shopify.
Sers redirigido a tu administración 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 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 Guardar en la esquina superior derecha del editor de temas de Shopify.
Tu formulario ahora ser visible en tu tienda.
Incrustación manual en Shopify:
Si es necesario, siempre puedes incrustar el formulario manualmente usando el código de incrustación.
En la administración de Shopify, ve a Tienda en línea Temas Editar tema.
Haz clic en Agregar sección Selecciona Liquid personalizado.
Pega tu código de incrustación 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 sean 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í, puedes gestionar todos los aspectos de tu tienda, incluyendo agregar nuevos elementos de formulario.
Paso 3. Dependiendo de dónde quieras incrustar el formulario, navega a 'Páginas' o 'Entradas' desde el panel de control y luego selecciona 'Agregar nuevo' o elige 'Editar' una página/entrada 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 usen tu formulario incrustado sern agregados 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 pueden ser cambiadas.
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 de bienvenida predeterminada se activará automáticamente para los clientes que usen el formulario incrustado. No necesitas configurar una automatizaci de bienvenida separada para ellos.
FAQ
¿Puedo usar el mismo formulario incrustado en múltiples páginas?
Sí. Copia el código de incrustació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.