Contenido

 

Introducción

Utilice el elemento de evento "Formulario".

Este formulario es el enlace entre tu página web y Quentn (si no utilizas una landing page de Quentn).

Puedes diseñarlo tú mismo y luego integrarlo cómodamente en tu web, incluso si trabajas con constructores de landing pages como OptimisePress & Co.

Información: Diseño adaptable

Los formularios se crean con diseño responsive y se adaptan automáticamente a pantallas más pequeñas, como la de un smartphone.

General

• Abra el elemento con un doble clic. Se recomienda trabajar en modo de pantalla completa.
  
  
• En la parte izquierda encontrará todos sus campos de contacto: los azules son los campos estándar, los naranjas son los campos de contacto que ha creado usted mismo
  
  
• Arrastre y suelte en el formulario los campos obligatorios, como el nombre, los apellidos y, sobre todo, el correo electrónico. No podrá guardar el formulario sin este campo.
• Para poder colocar los campos uno al lado del otro, haga clic en maquetación. Arrastre el campo Columnas al formulario. Sólo 2 campos pueden estar uno al lado del otro.
  
  
• El botón para registrarse está siempre en la parte inferior.

 

Consejo: utilice menos campos obligatorios

Cuantos menos datos personales solicite a un cliente potencial, mayor será la probabilidad de que rellene el formulario. Si es obligatorio rellenar un campo de contacto (por ejemplo, el correo electrónico), marque la casilla "obligatorio" en la configuración de campos.

Nota: El formulario sólo puede guardarse si la dirección de correo electrónico o la dirección completa son campos obligatorios.

 

Opciones y diseño

• Personalice el encabezado y su formulario, así como los campos, haciendo clic en el área correspondiente. El área marcada se resalta en amarillo.
  
  
• Aparecerán dos pestañas a la derecha: Opciones y Diseño.
  
  • En Opciones, puede realizar todos los ajustes relacionados con el texto y el contenido.
  • En Diseño, puede configurar el tipo y tamaño de letra, los colores, la alineación de la fuente, etc.

Título del formulario

Haga clic en el texto "<Headline>". A continuación, puede introducir el texto en Opciones, a la derecha.

Campos de contacto

Haga clic en el campo de contacto correspondiente. Por ejemplo, determine si el nombre de su campo de contacto debe estar encima del campo (a continuación, introduzca el texto en "Etiquetado") o dentro del campo (a continuación, introduzca el texto en "Marcador de posición").

Si lo desea, también puede introducir un texto de ayuda para los interesados.

Aquí también se determina si el campo de contacto debe ser obligatorio.

 

Botón

Para personalizar el botón, pulse sobre él. Aquí también puede especificar el texto que debe aparecer en el botón en Opciones.

En Diseño, se determina el aspecto del botón: Forma y color, si debe estar a la izquierda, en el centro o a la derecha, tamaño, etc.

Vista previa

En "Vista previa" puedes ver cómo se ve tu página de destino en el PC y también en el móvil. Haz clic en el botón para ir a la vista previa o abandónala de nuevo.

Guardar diseño

Puede guardar el diseño de su formulario haciendo clic en el botón.

Nota: Sólo se guardan los ajustes del diseño, no los campos de contacto. Esto significa que en cuanto cargue el diseño, se adoptarán la fuente, el color, el tamaño, el estilo, etc. Sin embargo, siempre deberá volver a crear los campos de contacto en el formulario.

Al guardar, puede seleccionar si un diseño debe sobrescribirse o si desea guardar un nuevo diseño. Haga clic en "Guardar".

Ahora asigne un nombre a su diseño para poder encontrarlo más tarde en "Cargar diseño".

Formulario multinivel

Un formulario de varios pasos es especialmente útil cuando se trata de ofertas más caras o si necesita más datos de sus clientes potenciales pero no quiere asustarles con un formulario largo con muchos campos de contacto.

En primer lugar, el contacto introduce su dirección de correo electrónico, por ejemplo, y hace clic en "Siguiente". A continuación, introduce los datos de su dirección, y así sucesivamente.

Con Quentn puedes crear varias páginas para tu formulario.

Para ello, haz clic en "Añadir página" y configura las páginas según tus necesidades.

Puede crear un máximo de 5 páginas.

Para eliminar páginas, haga clic en la cruz roja y confirme que realmente desea eliminar la página.

 

Rellenar el formulario automáticamente

Si envía visitantes conocidos -es decir, contactos que ya están en su sistema Quentn y han completado el doble opt-in en el pasado- a su formulario a través de un correo electrónico de campaña o un boletín de noticias, puede completar automáticamente el formulario para que el contacto sólo tenga que añadir información si es necesario.

Para precompletar un formulario, primero necesita el enlace a la página en la que se encuentra el formulario. Inserte este enlace en el correo electrónico de su campaña.

Ahora tienes que añadir los parámetros de la URL al enlace:

Inserte un signo de interrogación al final de la URL y determine qué campos deben contener qué información. Utilice los marcadores de posición para copiar los nombres exactos. Para especificar varios campos, coloque un "&" entre los parámetros. No utilice espacios.

Por ejemplo, en nuestro formulario pedimos el nombre, los apellidos y el correo electrónico. Estos datos también deben crearse en Quentn. La URL del formulario con los datos preestablecidos tendrá este aspecto:

https://mi-página-de-prueba.esp/?first_name={{contact.first_name}}&family_name={{contact.family_name}}&mail={{contact.mail}}

Al enviar el enlace, el formulario se rellena previamente con los datos existentes de los visitantes conocidos.

 

Ocultar los campos de contacto rellenados previamente

Si el formulario debe rellenarse previamente, en la pestaña "Opciones" puede especificar si el campo rellenado debe ser visible para el interesado o no.

Esto significa: los datos conocidos se escriben en el campo, pero no se muestran al usuario y sólo son visibles los campos abiertos.

Sin embargo, a veces los registros de datos no siempre están completos; por ejemplo, usted desea rellenar previamente el nombre y los apellidos, pero falta el nombre de un contacto. El contacto seguirá viendo el campo (porque está vacío) y, por tanto, podrá añadir los datos que faltan.

 

Ejemplo: ID de afiliado

 

Por supuesto, también puede transferir un ID de afiliado y almacenarlo con el contacto.

También debe realizar los siguientes ajustes:

• Arrastre su propio campo de contacto al formulario en el que debe introducirse el ID de afiliado
• En "Opciones", marque la casilla junto a
  
  • Rellenar previamente (aquí también puede cambiar el nombre del parámetro GET)
  • Ocultar siempre

Para que todo funcione, el ID de afiliado debe estar presente como parámetro GET en la URL que apunta al sitio web con el formulario.

Podría tener este aspecto: https://mi-página-de-prueba.esp/first_name={{contact.first_name}}&family_name={{contact.family_name}}&mail={{contact.mail}}&aff_ID={{contact.aff_ID}}

 

Configuración del formulario

Protección contra inundaciones

Si esta función está activada, el formulario puede enviarse hasta 20 veces en 60 minutos desde la misma dirección IP. Se bloquearán todos los intentos posteriores.

Si la opción está desactivada, el formulario puede enviarse tantas veces como sea necesario desde la misma dirección IP. Esto es útil, por ejemplo, si muchos participantes en un evento utilizan la misma conexión a Internet.

Recomendamos encarecidamente activar esta función para evitar ataques de spam.

 

Redirección (predeterminada)

Aquí puede establecer a dónde se dirige el usuario desconocido cuando ha enviado el formulario:

• a un mensaje de confirmación generado por el sistema
  • Sólo tiene que introducir un texto aquí. El texto proporcionado es sólo opcional.
• a una dirección web que usted mismo diseñe y ponga en línea.
  
  • aquí tienes que introducir la URL

Redirección (contactos ya confirmados)

Aquí puede determinar cómo proceder con los usuarios de los que ya tiene la dirección de correo electrónico confirmada (es decir, que ya han completado el doble opt-in).

Si deja marcada la casilla "Estándar", a los contactos se les mostrará el mismo mensaje de confirmación o dirección web que a los usuarios desconocidos. En ocasiones, esto puede dar lugar a confusión, ya que se dice a los contactos que recibirán un correo electrónico de confirmación inmediatamente. Sin embargo, como los contactos no pueden pasar dos veces por el proceso de opt-in doble, el correo electrónico no llegará.

Por lo tanto, recomendamos redirigir a los contactos que ya hayan introducido sus datos a una URL independiente.

 

Integrar un formulario en su sitio web

Para incrustar su formulario creado en su sitio web, haga clic en Incrustar en su formulario.

Javascript (recomendado)

Paso a paso:

• En primer lugar, copie el script de cabecera y péguelo en la zona de cabecera de su sitio web.
• A continuación, copie el código del paso 2 del formulario e introdúzcalo en su sitio web donde desee que aparezca el formulario.

HTML sin formato

Primero crea el código haciendo clic en el botón verde "Generar HTML". A continuación, copie el código y péguelo en el lugar adecuado de su sitio web.

 

Los diferentes códigos de incrustación

Javascript:

Con esta variante recomendada, el formulario se muestra en un iframe. Toda la información de estilo se toma del constructor de formularios para que tu formulario se vea exactamente como lo diseñaste de antemano. Si vuelves a editar tu formulario, no tienes que copiar el código de nuevo e incrustarlo en el sitio web, ya que se ejecuta en el iframe y obtiene los campos directamente de nuestro servidor.

Raw HTML (en breve):

Esta variante está pensada para determinados proveedores externos, por ejemplo Leadpages u OptimizePress. Toda la información de estilo del creador de formularios no se transfiere aquí. La información contenida aquí sólo se utiliza para enviar las entradas del formulario a la dirección correcta, es decir, a sus campañas Quentn.