Crea tu primer formulario de registro
Empieza con los formularios de registro.
Aprende a crear y personalizar formularios de registro efectivos para tu sitio web o tienda de Shopify. Esta guía cubre:
Creación y nombramiento de tu formulario
Personalización del diseño y la apariencia del formulario
Agregar campos de suscripción y bloques de contenido
Configurar reglas de visualización y segmentación
Publicación y seguimiento del rendimiento del formulario
Agregar formularios a tu tienda de Shopify o sitio web
Guía paso a paso
Nuestros formularios de registro están diseñados para facilitar que tus clientes se inscriban en el canal que desean utilizar.
Los formularios de registro te permiten recopilar detalles de contacto de los clientes a través de WhatsApp, email o SMS directamente desde tu sitio web o tienda de Shopify. Cuando alguien se suscribe, se añade a tu lista de contactos, listo para recibir mensajes de bienvenida automatizados u ofertas promocionales, como un código de descuento.
Sigue los pasos a continuación para configurarlo.
Al menos un canal instalado
Acceso a Marketing para diseñar tu formulario de registro
Acceso a Contactos para configurar tu lista de suscripción
Acceso a Journeys para configurar tu proceso de suscripción
Acceso al CMS de tu sitio web o al editor del sitio de comercio electrónico
Paso 1: accede a los formularios de registro
Paso 2: crear un nuevo formulario
Click Create new sign-up form in the top right corner.
To set up your form, simply:
Name your form: Give it a clear and recognizable name, e.g., "Bird.com multi-channel opt-ins."
Select your default language using the dropdown list.
Add a tag (optional): For example, "promotions" if you plan to send this list promotional content.
Select the list for subscribers to be added to. In this example, we will use Website signups.
If your form is for Shopify, select your store from the dropdown menu. If no stores appear, go back and install Shopify as an integration. Otherwise, select "any other website."
Click Create sign-up form, and you will be able to start designing your form.
Paso 3: Personaliza el diseño del formulario
Ve a la pestaña de estilos para elegir cómo aparecerá tu formulario en el escritorio. Puedes alternar entre diferentes vistas (por ejemplo, modal, pop-over, integrar). Para los pop-overs, puedes seleccionar dónde en la pantalla se mostrará el formulario.
Ajusta el tamaño del formulario ingresando la altura en píxeles y seleccionando entre las opciones de fondo (pequeño, mediano o grande).
Personaliza los colores usando los deslizadores o ingresando códigos específicos RGB, HSL, o hex para que coincidan con tu marca.
Ajusta el color de fondo, el color del borde, y habilita una imagen de fondo si lo deseas. También puedes agregar espaciado dentro del formulario para que se ajuste al estilo de tu marca.
Formularios de registro embebidos
Para integrar tus formularios de registro en tus propias páginas web, puedes seleccionar Estilos > Integrar al crear un formulario de registro
Ahora puedes diseñar tu formulario de registro y publicar una vez que esté listo.
Para integrar tu formulario de registro publicado, necesitas seguir los siguientes pasos:
Abre el formulario de registro desde la vista de lista y haz clic en Instalación
Under Instalación, ve a la sección Mi propio sitio web donde necesitas seleccionar una Aplicación (esto significa el seguimiento de tu sitio web para agregar nuestro SDK). Si no tienes una aplicación, ve a Developer > Application y crea una dando un nombre.
Crear una nueva aplicación o seleccionar una aplicación existente te mostrará el fragmento de código que debe añadirse a tu sitio web en la etiqueta head para instalar Bird SDK.
Incluye esta etiqueta de script en la etiqueta head de tu sitio web. Solo necesitas incluirla una vez y todos los formularios de inscripción asociados a esta aplicación serán detectados automáticamente.
Ahora muévete a la pestaña de Plataformas de comercio electrónico para encontrar el fragmento HTML específico para este formulario de registro embebido.
Puedes poner este fragmento HTML en tu página donde deseas que aparezca el formulario de inscripción.
Paso 4: Agregar reglas de segmentación y comportamiento
Paso 5: Añadir una imagen a tu formulario
Ve a la sección de Form Image. Puedes añadir una imagen subiendo un archivo, proporcionando una URL o seleccionando una imagen pre-guardada de tu biblioteca de medios.
Selecciona el tamaño de la imagen del menú desplegable, añade tu texto alternativo para accesibilidad y elige la posición y alineación de la imagen. El tamaño de la imagen deberá ajustarse en función de esta colocación.
Paso 6: Personalizar el contenido del formulario
Navega a Pasos > Contenido para comenzar a editar tus encabezados y texto del cuerpo para alinear con el mensaje de tu campaña, por ejemplo, "Regístrate y obtén un 10% de descuento."
Puedes editar el tamaño y el estilo del texto dentro del editor y configurar los tamaños de margen para ajustarlos a tu marca.
Paso 7: Agrega bloques a tu formulario de registro
Paso 8: Publica tu formulario
Ahora que tu formulario está listo, simplemente haz clic en el botón Publicar para activarlo.
Si estás usando Shopify, tu formulario aparecerá automáticamente en tu tienda justo después de publicarlo; no necesitas hacer nada más.
Para otros sitios web, encontrarás un fragmento de código después de publicar. Copia este fragmento, dirígete a la configuración de tu sitio web y pégalo donde quieras que aparezca el formulario. No olvides
