Cómo Crear y Administrar Formularios de Suscripción
Un formulario de registro o de suscripción es la mejor manera de obtener nuevos clientes y hacer crecer su lista basada en permisos. Colocar un formulario en su sitio web en el lugar correcto atraerá la atención de los visitantes y los alentará a suscribirse de manera rápida y segura a su boletín.
Hemos simplificado el proceso de creación de formularios para que sea lo más fácil posible para usted. En pocos pasos, podrá crear un formulario popup o inline en su sitio web. También puede crear una landing page independiente, que se aloja en nuestro servidor, para capturar suscriptores de su mercado meta. Cada formulario está conectado a una lista en su cuenta de eMailchef y funcionará automáticamente.
Para medir el rendimiento de sus formularios de suscripción, consulte la sección de reportes del formulario en su cuenta de eMailChef y revise nuestro tutorial: «Analice el rendimiento de sus formularios de suscripción«.
Este tutorial le explicará cómo optimizar su formulario de suscripción para asegurarse de aprovechar al máximo las visitas a su sitio web.
Los Tres Formularios de Suscripción en eMailchef
eMailchef le permite crear tres tipos de formularios:
-
-
Popup
Este tipo de formulario aparece en medio de la pantalla.
-
-
Formulario Inline
Este formulario se incrusta en su sitio web. Deberá colocar un pequeño fragmento de código en su sitio web donde desea que aparezca el formulario. Puede encontrar el código en el último paso del proceso de creación del formulario.
-
-
Formulario de Landing Page
Este formulario es una página de destino independiente, alojada por eMailChef, que usted puede utilizar para generar nuevos suscriptores a través de otros medios, incluso fuera de su sitio web.
Además de los formularios que están «listos para usarse», también puede encontrar un “apartado” con el código de formulario HTML y personalizarlo por completo con su propio código CSS.
Introducción
Para instalar cualquiera de los formularios de suscripción de eMailchef en su sitio, primero debe instalar el “Script para Sitio Web”. Solo tendrá que hacer esto una vez. El script será válido para todos sus formularios. Si ya instaló el script, puede omitir este paso.
Cómo instalar el script en su sitio web
Paso 1: Instale el script en su sitio web
Vaya a la sección «Integraciones» en «Configuración» (CONFIGURACIÓN> INTEGRACIONES) y copie el «Script para Sitio Web».
Pegue el script en el archivo del tema principal de su sitio web. Importante: debe pegar el script del sitio web antes de la etiqueta para que el código aparezca en todas las páginas. Esto le permitirá activar formularios en cualquier página de su sitio web. El archivo exacto y la ubicación del código podrían variar dependiendo de su sitio web.
Puede controlar las páginas específicas en las que aparecerá su formulario POPUP utilizando la pestaña de Comportamiento dentro del editor de formularios.
Paso 2: Verifique su instalación
Para verificar que ha instalado correctamente el Script para Sitio Web en su página, vaya a la sección «Integraciones» en «Configuración» (CONFIGURACIÓN> INTEGRACIONES). En «Script para sitio web», introduzca la URL de la página en la que insertó el código y haga clic en «PRUEBE SU SCRIPT» .
Un recuadro en verde confirmará que los formularios de registro se instalaron correctamente en su sitio web.
Por el contrario, un mensaje en rojo indica que no se ha podido verificar su instalación. Revise y verifique la instalación siguiendo las instrucciones en esta guía. Si su sitio no está activo o está protegido con contraseña, no podremos verificar su instalación.
Después de haber verificado su instalación, ya puede crear un nuevo formulario y publicarlo en su sitio web.
Cree un formulario para su sitio web
A. Formulario Popup
Este formulario aparece en medio de la pantalla.
Una vez que haya instalado correctamente el Script para Sitio Web en su página, por favor vaya a la sección «LISTAS». Seleccione la lista que desea asociar con el formulario y haga clic en «Formularios de registro«.
Ahora haga clic en «CREAR UN FORMULARIO DE REGISTRO«.
Paso 1 – Configuración principal
La configuración principal de su formulario se compone de los siguientes elementos:
- Nombre del formulario: Debe asignarle un nombre a su formulario. Este nombre sólo será visible para usted.
- Descripción: También puede agregar notas acerca del formulario. De igual manera, la descripción sólo será visible para usted.
- Idioma por defecto: Seleccione el idioma del formulario. De forma predeterminada, el idioma es el mismo que el de su cuenta, pero puede cambiarlo para que coincida con el idioma de su sitio web sin cambiar el idioma de su cuenta.
- Presentación del formulario: seleccione Popup
NOTA: Recuerde que un formulario popup es aquel que aparece como una ventana emergente en medio de una pantalla cuando un visitante llega a una página en específico de su sitio web.
Para definir cuándo se mostrará el formulario, seleccione «Configuración de visualización«. Tiene siete opciones disponibles:
- Inmediatamente: El formulario aparecerá tan pronto como el visitante abra la página.
- Después de 5 segundos: El formulario aparecerá 5 segundos después de que el visitante abra la página.
- Después de 20 segundos: El formulario aparecerá 20 segundos después de que el visitante abra la página.
- Al llegar a mitad de página: El formulario aparecerá cuando el visitante se desplace al centro de la página.
- Al llegar al final de la página: El formulario aparecerá cuando el visitante llegue al final de la página.
- Cuando el visitante abandone la página: El formulario aparecerá cuando el visitante abandone o cierre la página.
- Al hacer clic en un botón: El formulario aparecerá solo cuando el visitante haga clic en un botón específico de la página. Usted deberá agregar un pequeño fragmento de código en el botón o los botones que detonaran que se muestre el formulario.
Una vez que haya elegido la configuración de visualización, deberá elegir la «Frecuencia de visualización«. Esto define la frecuencia con la que sus visitantes verán el formulario popup después de su primera visita. Establezca 7 días, por ejemplo, y sus visitantes no verán el formulario más de una vez a la semana.
Marque la casilla «Ocultar después de enviar el formulario» para no mostrar el formulario después de que el visitante lo haya completado. Si esta casilla no se marca, el formulario emergente se seguirá mostrando incluso a los visitantes que ya se hayan suscrito.
Paso 2 – Diseño del Formulario
Elija una plantilla de formulario de nuestra amplia selección de diseños listos para usar. Podrá personalizar el formulario libremente.
Para editar el formulario, haga clic en el botón «Editar formulario» o en la vista previa, y así se abrirá el editor para poder personalizarlo. Para salir del editor de formularios y regresar a la página principal, haga clic en el botón «CERRAR» en la parte superior derecha.
Editor de formularios
El editor de formularios utiliza un sistema drag & drop (arrastrar y soltar) para permitir adicionar fácilmente, eliminar o editar cada elemento. En el siguiente ejemplo, arrastramos y soltamos un cuadro de texto …
… Luego lo editamos cambiando el texto, la alineación, el tipo de fuente y el tamaño de la fuente.
Se pueden realizar los mismos cambios con todos los elementos de la izquierda. Las herramientas de personalización cambian con cada tipo de elemento.
También puede cambiar el estilo de su formulario con las herramientas de la derecha.
Utilice los iconos con flecha para modificar el orden de los campos. Haga clic en el campo, luego arrastre y suelte hacia donde desee colocarlo.
Cualquier campo personalizado que haya creado estará disponible entre los elementos predeterminados. Por ejemplo, si creó un campo para capturar la fecha de cumpleaños de los visitantes, podrá arrastrar y agregar fácilmente ese campo al formulario de suscripción. Todos los datos se sincronizan automáticamente.
eMailChef también le permite crear una versión traducida de su formulario para sitios web multilingües. Simplemente haga clic en «Agregar traducción» para generar una copia traducida.
COMPORTAMIENTO del formulario Popup
La pestaña de Comportamiento le permite definir el comportamiento de su formulario emergente. La configuración se aplica tanto al formulario de suscripción como al mensaje de confirmación exitoso que ven los usuarios después de suscribirse.
Para seleccionar las URL en las que aparecerá el formulario, elija de entre los parámetros «Contiene» y «Exactamente»
«Contiene» requiere que la URL contenga al menos alguna parte del valor que usted ingrese. Por ejemplo, si ingresa «Contiene emailchef.com», el formulario emergente aparecerá en emailchef.com/knowledge-base/, emailchef.com/features/, etc.
«Exactamente» le permite ingresar una URL específica. Por ejemplo, «https://emailchef.com/knowledge-base/grow-list-create-signup-form/» mostrará el formulario emergente solo en esa URL.
Una vez que haya terminado de editar su formulario y haya regresado a la página principal, haga clic en «Siguiente».
Paso 3: Preferencias de Suscripción
Elija su modo de suscripción preferido. (La suscripción simple solo está disponible en el plan Chef Ejecutivo). Edite los correos de confirmación, las alertas de mensajes, mensajes de bienvenida y todo lo que sus suscriptores necesitan ver o recibir después de suscribirse a su boletín.
Comience eligiendo si desea crear un formulario de registro de suscripción simple o confirmada.
Double Opt-in
Para implementar un proceso de suscripción confirmada, primero debe preparar un correo de confirmación de suscripción. eMailChef enviará este correo al suscriptor inmediatamente después de registrarse. El correo contendrá un enlace (identificado por la etiqueta [[confirm_link]]) en el que el suscriptor deberá hacer clic para confirmar su registro y así validar su dirección de correo. eMailChef ya incluye un texto predeterminado que le sirve de guía. También puede agregar su logotipo, el cual el sistema editará automáticamente para que se ajuste al correo electrónico.
Para enviar a sus suscriptores un correo electrónico de confirmación de suscripción con el formato correcto, eMailChef utiliza un sistema de etiquetas interno y personalizable.
{{h1#Confirmación de suscripción}} para el título que aparece en el cuerpo del correo.
{{button#[[confirm_link]]#Si, suscribirme a la lista}} para el botón de confirmación.
{{a#[[unsubscribe_link]]#Presione Aquí para Desuscribirse}} para agregar el link de desuscripción.
Puede modificar las palabras en cursiva después del hashtag #.
eMailChef también crea etiquetas para personalizar, que pueden ser fijas y pregeneradas, como [[email]], [[first_name]] y [[last_name]]. Otros etiquetas de personalización se generan a partir de los campos personalizados que usted crea, como fecha de nacimiento o país.
El siguiente paso es crear un mensaje de alerta que aparecerá en su sitio web. La alerta es para indicar que el correo de confirmación de suscripción se ha enviado correctamente. En lugar de un mensaje personalizado, también puede utilizar una landing page personalizada seleccionando la opción «URL externa» e ingresando la URL de su landing page.
Finalmente, aparecerá un mensaje de bienvenida una vez que su suscriptor haga clic en el enlace en el correo de confirmación de suscripción, finalizando así, el proceso de suscripción confirmada. Al elegir el mensaje personalizado, se abrirá una página de destino que contiene el texto de bienvenida. O usted puede usar su propia página de destino personalizada seleccionando la opción «URL externa» e ingresando la URL de la página que desee mostrar.
También puede enviar un mensaje de agradecimiento para confirmar a su nuevo suscriptor que todo salió bien. El texto predeterminado es un simple «¡Gracias por unirse a nuestro boletín!» pero puede personalizar su propio mensaje. Si agrega su logotipo, eMailChef lo editará automáticamente para que se adapte al mensaje.
Single Opt-in
Para crear un formulario de suscripción simple (solo disponible para usuarios del plan Chef Ejecutivo), solo necesita escribir un mensaje de bienvenida que aparecerá en su sitio web después de que el usuario se haya suscrito. Por ejemplo:
Al igual que el modo de suscripción confirmada, una suscripción simple también le permite enviar un correo de agradecimiento para confirmar que el registro se realizó correctamente. De igual forma, puede editar el texto predeterminado del mensaje de bienvenida y agregar su logotipo.
Paso 4 – Agregar el código
No es necesario que agregue ningún código adicional a su sitio web para utilizar los formularios popup o emergentes. Pero si desea controlar las páginas en las que aparece su formulario emergente, utilice la pestaña de Comportamiento en el editor de formularios.
Para ello, deberá haber instalado el Script para Sitio Web que se encuentra a la izquierda.
Recuerde que debe instalar primero el Script para Sitio Web para utilizar cualquier tipo de formulario. El script es el mismo para cualquier formulario en su cuenta de eMailChef, por lo tanto no es necesario que lo agregue más de una vez en el mismo sitio web.
Si ha puesto un pie de página en su sitio web, el código estará presente en todas las páginas.
Si no recuerda qué es el Script para Sitio Web, por favor vuelva a la sección «Introducción«.
B. Formulario Inline
Los formularios Inline son aquellos que se integran en su sitio web.
Después de instalar con éxito el script para sitio web, vaya a la sección «LISTAS». Seleccione la lista que desea asociar con el formulario y haga clic en «Formularios de registro«.
Ahora haga clic en «CREAR UN FORMULARIO DE REGISTRO«.
Paso 1 – Configuración principal
Establezca la configuración principal de su formulario de la siguiente manera:
- Nombre del formulario: Debe asignarle un nombre a su formulario. Este nombre sólo será visible para usted.
- Descripción: También puede agregar notas acerca del formulario. De igual manera, la descripción sólo será visible para usted.
- Idioma por defecto: Seleccione el idioma del formulario. De forma predeterminada, el idioma es el mismo que el de su cuenta, pero puede cambiarlo para que coincida con el idioma de su sitio web sin cambiar el idioma de su cuenta.
- Presentación del formulario: seleccione Inline
Paso 2 – Diseño del Formulario
Elija una plantilla de formulario de nuestra amplia galería de diseños listos para usar. Podrá personalizar el formulario libremente.
Para editar el formulario, haga clic en el botón «Editar formulario» o sobre la vista previa, y así se abrirá el editor para poder personalizarlo. Para salir del editor de formularios y regresar a la página principal, haga clic en el botón «CERRAR» en la parte superior derecha.
Editor de formularios
El editor de formularios utiliza un sistema drag & drop (arrastrar y soltar) para permitir adicionar fácilmente, eliminar o editar cada elemento. En el siguiente ejemplo, arrastramos y soltamos un cuadro de texto …
… Luego lo editamos cambiando el texto, la alineación, el tipo de fuente y el tamaño de la fuente.
Se pueden realizar los mismos cambios con todos los elementos de la izquierda. Las herramientas de personalización cambian con cada tipo de elemento.
Utilice los iconos de flecha para cambiar el orden de los campos. Haga clic en el campo, luego arrastre y suelte hacia donde desee colocarlo.
También puede cambiar el estilo de su formulario con las herramientas de la derecha.
Cualquier campo personalizado que haya creado estará disponible entre los elementos predeterminados. Por ejemplo, si creó un campo para capturar la fecha de cumpleaños de los visitantes, podrá arrastrar y agregar fácilmente ese campo al formulario de suscripción. Todos los datos se sincronizan automáticamente.
eMailChef también le permite crear una versión traducida de su formulario para sitios web multilingües. Simplemente haga clic en «Agregar traducción» para generar una copia traducida.
Paso 3: Preferencias de Suscripción
Elija su modo de suscripción preferido. (La suscripción simple solo está disponible en el plan Chef Ejecutivo). Edite los correos de confirmación, las alertas de mensajes, mensajes de bienvenida y todo lo que sus suscriptores necesitan ver o recibir después de suscribirse a su boletín.
Comience eligiendo si desea crear un formulario de registro de suscripción simple o confirmada.
Double Opt-in
Para implementar un proceso de suscripción confirmada, primero debe preparar un correo de confirmación de suscripción. eMailChef enviará este correo al suscriptor inmediatamente después de registrarse. El correo contendrá un enlace (identificado por la etiqueta [[confirm_link]]) en el que el suscriptor deberá hacer clic para confirmar su registro y así validar su dirección de correo. eMailChef ya incluye un texto predeterminado que le sirve de guía. También puede agregar su logotipo, que el sistema editará automáticamente para que se ajuste al correo electrónico.
Para enviar a sus suscriptores un correo electrónico de confirmación de suscripción con el formato correcto, eMailChef utiliza un sistema de etiquetas interno y personalizable.
{{h1#Confirmación de suscripción}} para el título que aparece en el cuerpo del correo.
{{button#[[confirm_link]]#Si, suscribirme a la lista}} para el botón de confirmación.
{{a#[[unsubscribe_link]]#Presione Aquí para Desuscribirse}} para agregar un enlace de desuscripción.
Puede modificar las palabras en cursiva después del hashtag #.
eMailChef también crea etiquetas para personalizar, que pueden ser fijas y pregeneradas, como [[email]], [[first_name]] y [[last_name]]. Otros etiquetas de personalización se generan a partir de los campos personalizados que usted crea, como fecha de nacimiento o país.
El siguiente paso es crear un mensaje de alerta que aparecerá en su sitio web. La alerta es para indicar que el correo de confirmación de suscripción se ha enviado correctamente. En lugar de un mensaje personalizado, también puede utilizar una landing page personalizada seleccionando la opción «URL externa» e ingresando la URL de su landing page.
Finalmente, aparecerá un mensaje de bienvenida una vez que su suscriptor haga clic en el enlace en el correo de confirmación de suscripción, finalizando así, el proceso de suscripción confirmada. Al elegir el mensaje personalizado, se abrirá una página de destino que contiene el texto de bienvenida. O usted puede usar su propia página de destino personalizada seleccionando la opción «URL externa» e ingresando la URL de la página que desee mostrar.
También puede enviar un mensaje de agradecimiento para confirmar a su nuevo suscriptor que todo salió bien. El texto predeterminado es un simple «¡Gracias por unirse a nuestro boletín!» pero puede personalizar su propio mensaje. Si agrega su logotipo, eMailChef lo editará automáticamente para que se adapte al mensaje.
Single Opt-in
Para crear un formulario de suscripción simple (solo disponible para usuarios del plan Chef Ejecutivo), solo necesita escribir un mensaje de bienvenida que aparecerá en su sitio web después de que el usuario se haya suscrito. Por ejemplo:
Al igual que el modo de suscripción confirmada, una suscripción simple también le permite enviar un correo de agradecimiento para confirmar que el registro se realizó correctamente. De igual forma, puede editar el texto predeterminado del mensaje de bienvenida y agregar su logotipo.
Paso 4 – Agregar el código
Por último, copie el fragmento de HTML «INLINE» y péguelo en su sitio web donde desea que se incruste el formulario.
Nota: si ha creado el formulario en varios idiomas, deberá copiar y pegar el fragmento HTML de cada idioma.
También deberá haber instalado el Script para Sitio Web que se encuentra a la izquierda.
Recuerde que debe instalar primero el Script para Sitio Web para utilizar cualquier tipo de formulario. El script es el mismo para cada formulario en su cuenta de eMailChef, por lo que no es necesario que lo agregue más de una vez en la misma página web.
Si ha puesto un pie de página en su sitio web, el código estará presente en todas las páginas.
Si no recuerda qué es Script para Sitio Web, vuelva a la sección “Introducción”.
C. Formulario de Landing Page
Este tipo de formulario se aloja en nuestra landing page y se puede utilizar para obtener nuevos suscriptores en medios diferentes al de su sitio web. Para crear un formulario de Landing Page, siga los pasos del tipo de formulario Inline.
En el último paso (Obtener el código), copie el código de «Hosted» (que se encuentra debajo de «Formulario de Landing Page») y péguelo en su sitio web, en un enlace o en un botón.