bento icon close

¿Cómo utilizar el editor de formularios de Mailify Sunrise?

Mailify Sunrise incluye un editor de formularios.

Los formularios son muy útiles para recoger nuevas inscripciones en tu sitio web, registrarse para un evento o enviar un cuestionario a tus clientes.

Encontrarás toda la información sobre los diferentes tipos de formularios y cómo integrarlos en la sección ""Formularios"" de este manual de usuario.

Nos centraremos aquí en la parte de ""edición"" del formulario, es decir, en el diseño del propio formulario y en las muchas opciones de formato que se pueden aplicar al mismo.

Revisaremos cada elemento del editor de formularios: Interfaz   |  Contenidos   |  Estilos   |  Acciones

Preámbulo

El editor de formularios es idéntico de un formulario a otro, independientemente del tipo de formulario que hayas seleccionado previamente.

La única excepción a la regla es que la opción "Doble opt-in" sólo está disponible cuando se crea un formulario de registro/actualización.

Accederá al FormBuilder en el paso "editar" durante el proceso de creación de tus formularios, independientemente del tipo que elijas.

Por defecto, Mailify Sunrise te propone un formulario preformateado. Puedes modificarlo como quieras:

 

 

 

 

 

Interfaz

Con Mailify Sunrise EmailBuilder, el editor de formularios se basa en el principio de Drag & Drop.

El panel derecho permite modificar los contenidos y los estilos de su formulario, o escribir un mensaje de agradecimiento para aquellos que lo quieren completar.

Es posible aumentar el tamaño de tu plan de trabajo para obtener comodidad de uso.

 

  • Aumente la anchura de su área de trabajo que retrae el panel derecho

Haz clic en este botón situado en la parte superior del panel derecho para doblar el panel. Esta acción será reversible al hacer clic en este botón de nuevo.

Fullwidth framework

 

  • Aumenta la altura de tu trabajo cambiando al modo de pantalla completa

Haz clic en este botón situado de la esquina superior derecha de tu plan de trabajo para ocultar la columna izquierda y la barra de encabezado.

 Fullscreen framework

 De forma predeterminada, la vista de tu plan de trabajo está en la versión de escritorio, es decir, ves tu formulario como se consulta en un equipo.

Puedes ver la representación de tu formulario en la versión ""Smartphone"" haciendo clic en el botón ""switch"" situado encima de tu plan de trabajo.

 

Form builder responsive design

 También puedes ver la representación de tu formulario en una página Web haciendo clic en el botón de la esquina superior derecha de tu plan de trabajo.

 

Contenido

A diferencia de EmailBuilder, no tienes que crear un bloque antes de subir el contenido.

El formulario en sí está compuesto por solo un bloque único en el que solo es posible depositar contenidos del tipo "Pregunta".

Se pueden eliminar otros tipos de contenido por debajo o por encima del formulario y representan en sí mismo un bloque de contenido. No es posible, por ejemplo, depositar una imagen, texto o un mapa de Google dentro del formulario.

Preguntas  |  Imagen   |  Texto   |  Espace   |  Séparateur   |  Image flotante   |  Google Maps

 

 

Pregunta 

Este contenido es el único que puedes depositar en tu formulario.

Te permite insertar una nueva "pregunta". El título "Pregunta" puede ser confuso, ya que no es necesariamente una pregunta. Esta es una información más que deseas saber de tus contactos. Esta información puede o no ser obligatoria.

Para insertar este contenido, haz clic en él y arrástrelo y suéltelo directamente en la encimera, dentro del contenedor principal del formulario. El contenedor se resalta cuando está a punto de agregar la pregunta.

Hay otra forma de crear una nueva pregunta: haz clic directamente en el botón ""+"" ubicado debajo de la última pregunta de tu formulario.

Una vez que hayas enviado una nueva pregunta, es posible realizar varias acciones: puedes moverla, eliminarla o editarla.

Para editar una pregunta, haz clic en el botón "Editar" que aparece al pasar el mouse sobre la pregunta.

 

Aparece una nueva ventana llamada "Propiedades de la pregunta".
 
Para los formularios de "Registro / Actualización", debes hacer coincidir esta pregunta con un campo de tu lista de contactos, de modo que los datos ingresados ​​por las personas que completen tu formulario puedan volver a las columnas de la derecha de tu lista. Por ejemplo, si insertas un campo "Nombre" en el formulario, será necesario que los datos ingresados ​​en este campo regresen correctamente en el campo "Nombre" de tu lista de contactos.

Para los formularios "Evento" o "Cuestionario", no es necesario establecer una correspondencia, tus datos no se reensamblan en una lista de contactos existente.
 
Ventana "Propiedades de consulta" de un tipo de formulario "Registro / Actualización" VS. Tipos "Evento" o "Cuestionario"

                    

 Aquí es donde podrás elegir el tipo de pregunta que deseas agregar al formulario:

Independientemente del tipo de campo seleccionado, puedes personalizar el nombre del campo en tu formulario haciendo doble clic en él:

 

Tipo "campo de texto simple"

Este tipo de pregunta te permite insertar un campo de entrada libre.

Es especialmente adecuado para respuestas textuales que no requieren un formato particular, como nombres, nombres o direcciones ...

No se recomienda utilizar este tipo de pregunta para solicitar una dirección de correo electrónico, por ejemplo. De hecho, es mejor verificar que las respuestas de tus contactos sean direcciones de correo electrónico y que respondan bien a un formato de "correo electrónico". Para esto, hay un tipo de pregunta "campo de correo electrónico".

Del mismo modo, no se recomienda utilizar este tipo de campo para preguntas abiertas. Hay un tipo de "campo multilínea" que le permite mostrar un campo de entrada más grande que un campo de texto.

 

Tipo "Número"

Este tipo de campo es adecuado para ingresar caracteres numéricos (por ejemplo, "código postal" o "número de calle"): solo se pueden escribir caracteres numéricos en este tipo de campo.

No uses este tipo de campo para insertar un número de teléfono. Hay un tipo de "teléfono" provisto para este propósito.

 

Tipo "Campo de correo electrónico"

 Este tipo de campo es adecuado para insertar una dirección de correo electrónico.

La ventaja de asociar este tipo de campo, y no el tipo de "campo de texto simple", es la siguiente: se mostrará un mensaje de error cuando una persona no ingrese una dirección de correo electrónico válida en tu formulario.

 

Tipo "Teléfono"

 Este tipo de campo es apropiado para insertar un número de teléfono.

Tus contactos solo podrán insertar contenido digital en este campo.

 

Tipo "fecha"

Este tipo de campo es apropiado para la inserción de datos de tipo "fecha". Por ejemplo, es útil si deseas solicitar una fecha de nacimiento.

 Cuando seleccionas este tipo de pregunta, un menú desplegable te permite determinar el formato de fecha que le conviene (d = día, m = mes, año = y).

 

Tipo "Campo de líneas múltiples"

Este tipo de campo es apropiado cuando deseas solicitar información de tipo de texto que puede tomar varias líneas de escritura.

La esquina inferior derecha de este campo te permite ampliar o reducir el tamaño del área de entrada como mejor le parezca.

 

 

Tipo "lista desplegable"

Este tipo de campo es apropiado cuando deseas ofrecer opciones predefinidas a tus contactos:

Puedes eliminar las opciones haciendo clic en la cruz delante de cada una. También puedes agregar opciones haciendo clic en el botón "+" a la derecha de las opciones.

La representación visual de tu menú desplegable será diferente cuando se publique el formulario: no se presentará como un árbol (como se muestra arriba) sino como una lista desplegable (como se muestra a continuación).

Puedes lograr el mismo objetivo creando una pregunta de opción única. Sin embargo, la lista desplegable es más apropiada cuando tienes una gran cantidad de opciones de respuesta posibles. Eres libre de elegir el formato que mejor se adapte a tus necesidades.

 

Tipo "Opción múltiple"

 
Este tipo de campo es apropiado cuando deseaa ofrecer varias opciones de respuesta posibles a tus contactos.

Puedes agregar tantas opciones de respuesta como deseas haciendo clic en el botón "+".

En la ventana de "propiedades de pregunta", tienes la posibilidad de determinar si deseas mostrar cada opción una después de la otra, o una sobre la otra.

 

 

 

 

Tipo "Single choice"

Este tipo de campo es apropiado cuando deseas ofrecer varias opciones de respuesta a tus contactos, pero deben seleccionar solo uno.

Al igual que las preguntas de opción múltiple, puede agregar tantas opciones de respuesta como deseas, y puedes alinear tus respuestas una tras otra, o una sobre la otra.

La gran diferencia con "Elección múltiple" es que se inserta un botón de opción en lugar de una casilla de verificación, lo que limita la elección a una sola respuesta.

 

 

Respuestas obligatorias u opcionales

Cuando editas una pregunta, la opción "Respuesta requerida" está disponible en la parte inferior de la ventana "Propiedades de la pregunta".

Si la opción está activada, la pregunta será obligatoria y el formulario no podrá validarse sin responder tu pregunta.

Si la opción está deshabilitada, la pregunta será opcional y el formulario será validado sin que el contacto haya respondido.

 

  

Contenido imagen Imagen

Este contenido te permite insertar una imagen encima o debajo del formulario.

Para insertar este contenido, haz clic en él y arrástrelo y suéltelo directamente en el escritorio. El contenedor se resalta cuando está a punto de agregar tu contenido para decirle que puede dejarlo allí.

Una vez que lo hayas depositado, es posible realizar varias acciones sobre este tipo de contenido al pasar el puntero sobre él:

 

 

 

  • Elegir una imagen te permite seleccionar una imagen

Examinar: te permite seleccionar una imagen navegando por los archivos de tu ordenador" 

Imagenes de archivo: Te permite seleccionar una imagen del banco libre de la imagenes de Mailify Sunrise

Desde una URL: te permite insertar una imagen insertando el enlace de alojamiento de tu imagen

Insertar variable: si tu lista de destinatarios tiene una columna de "imagen" que enumera los enlaces a las imágenes para cada destinatario, tu imagen se personalizará para cada uno de tus destinatarios. Obtenga más información sobre los campos de personalización dinámica.

Elegir una imagen emailing

 

Clonar imagen: te permite crear un duplicado de tu imagen. La nueva imagen se agrega automáticamente debajo de la imagen inicial, en el mismo contenedor que la imagen inicial
 
Mover imagen: te permite cambiar la ubicación actual de tu imagen. Arrastre y suelte la imagen a otra ubicación en tu formulario.

Eliminar imagen: te permite eliminar la imagen de tu formulario. Al hacer clic en "eliminar imagen", aparecerá el botón "confirmar". Deberás confirmar la eliminación para que sea efectiva.

Editar imagen: el botón "editar" aparece una vez que hayas insertado tu imagen. Cuando haces clic en este botón, aparece la ventana ""Propiedades de la imagen"". También puedes acceder directamente a las propiedades de tu imagen haciendo clic en ella.

A continuación, puedes modificar las dimensiones de la imagen ajustando el ancho y el alto (en píxeles) de la imagen. Un pictograma de candado te permite administrar las dimensiones de tu imagen mientras mantienes las proporciones iniciales entre la altura y el ancho (candado cerrado) o administrando estas dimensiones independientemente una de la otra (candado desbloqueado). Te recomendamos evitar estirar o aplastar tu imagen cambiando el tamaño de la imagen después de desbloquear el candado. Esto tendrá el efecto de deformarlo y la representación estética se degradará.

 También puedes gestionar la alineación de tu imagen dentro del bloque en el que está incrustada: Alinea tu imagen a la izquierda, centro o derecha del contenedor de acuerdo a tus preferencias.

Finalmente, puedes insertar un enlace en tu imagen, así como un título (texto alternativo que se muestra en caso de que la imagen no se descargue por el cliente de correo del destinatario).




       

 
Retoque de la imagen: cuando hagas clic en "Editar imagen" y aparezca la ventana "propiedades de imagen", haz clic en el botón "retocar" en la parte superior de la imagen. A continuación, tendrás acceso al editor de imágenes integrado de Mailify Sunrise, que te permitirá realizar una amplia selección de correcciones a tu imagen con el fin de mejorar la representación visual




 Retocar una imagen

 

Contenido texto Texto

Este contenido te permite insertar un cuadro de texto en la parte superior o inferior del formulario.

Para insertar este contenido, haz clic en él y arrástralo, dejándolo caer directamente sobre la superficie de trabajo. El contenedor queda resaltado cuando estás a punto de añadir su contenido para decir que se puede soltar en ese momento.

Una vez que hayas depositado tu caja de texto, varias acciones te permitirán personalizar el texto:

 

Cuando hagas clic en el texto, aparece un editor y permite aplicar la mayor parte del formato de programa habitual de textos habitual (de izquierda a derecha):

  • Cambiar de fuente
  • Aumentar/disminuir el tamaño de fuente
  • Poner el color en el texto
  • Poner en negrita
  • Poner en cursiva
  • Subrayar texto
  • Tachar texto
  • Poner en índice
  • Poner en exponente
  • Aumentar/disminuir el espaciado de la línea
  • Alinear el texto (izquierdo, derecho, centrado, justificado)
  • Insertar una lista de viñetas
  • Insertar lista numerada
  • Insertar un campo de personalización dinámico
  • Aplicar un estilo (título 1, título 2, párrafo)
  • Aplicar un color de fondo al texto
  • Insertar una imagen flotante en el texto
  • Insertar vínculo
  • Eliminar un vínculo existente

Al igual que otros contenidos, puedes mover, clonar o eliminar tus textos.

 

 

Contenido espacio Espacio

 "Este contenido te permite insertar un espacio vertical por encima o por debajo del formulario.

Para insertar este contenido, haz clic en él y arrástralo, dejándolo caer directamente sobre la superficie de trabajo. El contenedor queda resaltado cuando estás a punto de añadir su contenido para decir que se puede soltar en ese momento.

Una vez que lo hayas depositado, varias acciones son posibles en este tipo de contenido cuando se pasa el cursor encima: se puede ajustar la altura de este espacio vertical, de 10 píxeles como mínimo a 100 píxeles como máximo.

Al igual que otros contenidos, puedes mover, clonar o eliminar este.

 

Contenido separador Separador

Este contenido te permite insertar un separador horizontal en la parte superior o inferior del formulario.

Para insertar este contenido, haz clic en él y arrástralo, dejándolo caer directamente sobre la superficie de trabajo. El contenedor queda resaltado cuando estás a punto de añadir su contenido para decir que se puede soltar en ese momento.

Una vez que lo has depositado, varias acciones son posibles en este tipo de contenido cuando se pasa el cursor encima:

Separador horizontal

En conreto, puedes personalizar el color, el grosor y el estilo del separador haciendo clic en el botón "propiedades del separador".

Al igual que otros contenidos, puedes mover, clonar o eliminar este.

 

 

 

Contenido imagen flotante Imagen flotante

Este contenido te permite insertar una imagen flotante, es decir, una imagen rodeada por otro contenido (normalmente texto) por debajo o por encima de tu formulario.

Para insertar este contenido, haz clic en él y arrástralo, dejándolo caer directamente sobre la superficie de trabajo. El contenedor queda resaltado cuando estás a punto de añadir su contenido para decir que se puede soltar en ese momento.

Una vez que lo hayas depositado, varias acciones son posibles en este tipo de contenido cuando se pone el cursor encima:

 

al pasar por encima de la imagen, aparece un icono que simboliza un engranaje. Haz clic en el engranaje para insertar una imagen.

Aparecerá un menú desplegable para pedirte que insertes una imagen. Los modos de inserción son los mismos que los descritos en la sección de tipo de contenido "imagen".

 Selecciona la imagen de tu elección con el método que más te convenga.

Una vez que la imagen esté insertada, aparecerá un botón de "propiedad" en el menú desplegable al hacer clic en la imagen.

Haz clic en este botón para acceder a los ajustes de ésta:

 

Aparecerá una nueva ventana de configuración en la pantalla:

  • Retocar: te permite acceder al editor de imágenes de Mailify Sunrise para realizar las correcciones deseadas
  • Ancho / Altura: te permite aumentar o disminuir las dimensiones de tu imagen. Un candado te permite aumentar estas dimensiones proporcionalmente (candado cerrado) o de manera desproporcionada (candado desbloqueado). Sin embargo, te aconsejamos evitar desproporcionadamente cambiar las dimensiones de la imagen, esto estirará o aplastará tu imagen y la hará poco atractiva.
  • Alineación: te permite colocar la imagen en la parte superior izquierda, o en la parte superior derecha del contenido de texto.
  • Margen: te permite ajustar el margen alrededor de la imagen. Cuanto menor sea tu margen, más cerca estará el texto de tu imagen.
  • Enlace: te permite insertar un enlace en tu imagen para que tus destinatarios puedan hacer clic en ella. Completa la URL de tu elección en este campo.
  • Leyenda: puedes agregar un texto alternativo a tu imagen. Este texto no será visible en Mailify Sunrise, pero en caso de que las imágenes de tu formulario no puedan mostrarse, este texto alternativo se mostraría en lugar de ellas. Describe, en el mejor de los casos, qué representa tu imagen en el campo provisto para este propósito.

 
Al igual que otros tipos de contenido, la imagen flotante se puede duplicar, mover o eliminar utilizando los botones de acción que aparecen cuando se rebasa el contenido.

 

 

Contenu Google Maps Google Maps

Este contenido te permite insertar un mapa (generado por Google Maps) debajo o encima del formulario.

Un mapa de Google Maps se inserta automáticamente al crear un formulario de "Evento".

Para insertar este contenido manualmente, haz clic en él y arrástrelo y suéltelo directamente en el escritorio. El contenedor se resalta cuando está a punto de agregar el contenido.

Una vez que lo hayas depositado, es posible realizar varias acciones sobre este tipo de contenido al pasar el puntero sobre él:

 Google map into an email

Haz clic en "Generar plan" para validar la creación de la imagen del mapa de Google Maps.

No es un mapa interactivo, sino una instantánea de la ubicación de la dirección indicada.

 

El botón "Editar imagen" te permite acceder a la configuración de la imagen.

 

  • Dimensiones: si se selecciona "ancho completo", la imagen ocupará el 100% del ancho máximo asignado, es decir, el 100% del ancho del contenedor. Si se selecciona "Personalizar", puedes ajustar el ancho y alto de la imagen. El candado te permite ajustar las dimensiones de ancho en proporción a la altura para que no estire o aplaste tu imagen. Puedes desbloquear el candado para ajustar el ancho o la altura independientemente el uno del otro, pero esto no se recomienda por razones estéticas.
  • Alineación: una vez que el tamaño de tu imagen sea el adecuado, la opción "Alineación" te permite colocar la imagen a la izquierda, a la derecha o en el centro del contenedor. La opción de alineación solo está disponible si has elegido una dimensión "personalizada" (en el caso de una dimensión de "ancho completo", la cuestión de la alineación de tu mapa no surge ya que ocupa el ancho completo del contenedor).
  • Enlace: puedes hacer clic en la imagen de tu mapa insertando un enlace. Por ejemplo, puedes enviar a tus destinatarios a la información de tu dirección en Google Maps para que puedan navegar en él y, opcionalmente, dibujar una ruta desde tu ubicación actual (este es el enlace predeterminado que se inserta mediante Mailify Sunrise). También puedes optar por enviarlos de vuelta a tu sitio web. Puedes elegir de personalizar el enlace como mejor te convenga.
  • Leyenda: agrega un texto alternativo a tu imagen. Este texto no será visible en Mailify Sunrise, pero en caso de que las imágenes de tu formulario no puedan mostrarse, este texto alternativo se mostraría en lugar de ellas. Describe lo mejor posible la representación de tu imagen en el campo ""leyenda"". En el caso de tu imagen de Google Maps, podrías, por ejemplo, recordar la dirección que utilizó para generar tu mapa.

Al igual que otros tipos de contenido, Google Maps se puede duplicar, mover o eliminar gracias a los botones de acción que aparecen al pasar el ratón sobre el contenido.

 

Estilo

Puedes personalizar la apariencia del formulario modificando los atributos del encabezado "Estilos" ubicado en el panel derecho del editor de Formularios.
 

 

  • Fondo: te permite cambiar el color de fondo alrededor de tu formulario.
  • Fondo del formulario: te permite cambiar el color de fondo del formulario.
  • Fondo de campos de formulario: te permite personalizar el color interno de los campos de formulario.
  • Borde de campo de formulario: te permite personalizar el color del borde del campo tu formulario.
  • Etiquetas y opciones: te permite personalizar el color de las etiquetas sobre los campos, así las opciones son una pregunta de opción múltiple o una pregunta de opción única.
  • Placeholder: te permite personalizar el color del texto organizado en tu campo, esperando ingresar texto de tu contacto.
  • Contenedor - Bordes redondeados: redondea las esquinas de tu formulario por sí mismo.
  • Contenedor - Sombra paralela: agrega una sombra paralela a tu formulario.
  • Campos: bordes redondeados: redondea los ángulos de tu forma por sí mismo.
  • Campos sombreados: agrega una sombra paralela dentro de tus campos de entrada, o fuera de tus campos de entrada.

Formulario de muestra creado con Mailify Sunrise

 

 

 

Acción

 La sección "Acción" del panel derecho te permite configurar un mensaje que se mostrará una vez que se haya validado el formulario, o para devolver a la persona a la página web que elijas.

 

En el caso de un formulario de "registro / actualización" (solo), también tienes la opción de agregar una confirmación de registro doble. Es enviar una confirmación de solicitud de registro a la persona que acaba de registrarse al completar el formulario.

El doble opt-in designa una doble confirmación de registro en tu correo electrónico. Se opone a la opción de suscripción única, lo que significa una confirmación única. Te permite mejorar la calidad de los registros que genera y así mejorar la calidad de tu base de datos. Evitarás inscripciones maliciosas, no reflejadas, no solicitadas o registros generados por robots ("robots").

Para activar el doble opt-in, activa el botón de cambio ubicado frente a "verificación de registro".

  • Al insertar un nuevo contacto: en esta sección, completa el título y el texto del mensaje que se mostrará en la pantalla para las personas que completaron tu formulario. Hazles saber que recibirán un correo electrónico de confirmación de registro y que tendrán que hacer clic en el enlace de este correo electrónico para validar tu registro.
  • Correo electrónico de confirmación automática: esto es para configurar el correo electrónico que se enviará automáticamente cuando hayas enviado el formulario. Completa el asunto de tu correo electrónico, el nombre de tu remitente, el correo electrónico del remitente y un correo electrónico de respuesta.