Preguntas frecuentes y documentación de soporte para ITOfunnels
¿Quieres poder poner varios formularios en una misma página y que los registros se guarden juntos?
Te enseño a hacerlo en este vídeo.
En nuestra academia te explicamos todo lo que necesitas saber para sacarle el máximo partido a ITOfunnels. *
(*) Sólo accesible para usuarios de ITOfunnels
No me redirige el formulario de contacto a la página de Gracias. Lo he revisado todo y aparentemente todo funciona.
No entiendo porque no redirecciona sin darme ningún tipo de error
La url tenia una "/" al final Si la quitas funciona. Me ha pasado en una ocasión. A veces las soluciones son más sencillas de lo que parecen.
Elementor es muy delicado con las urls de las redirecciones.
Tienen que ser completas, y a veces si acaban con un «/» pueden dar problemas, por lo que ante la duda no pongáis ese carácter al final. Funcionará igual y no es necesario
En la edición de nuestras landings, tenemos un elemento fundamental llamado formulario.
En el siguiente artículo lo veremos en profundidad paso a paso.
En nuestra academia te lo explicamos con todo tipo de detalles en éste vídeo. *
(*) Sólo accesible para usuarios de ITOfunnels
Permite añadir, modificar o borrar campos del formulario.
Para empezar puedes cambiar el nombre del formulario.
Por defecto, se incluyen los campos ‘Name‘, ‘Email‘ y ‘Message‘.
Cada uno, a simple vista puedes clonarlo o borrarlo pulsando en sus respectivos iconos posicionados a su derecha.
Si pulsas en cualquiera de ellos accederemos a la pestaña ‘CONTENT‘ en la que podrás:
Si pulsas en la pestaña ‘ADVANCED‘ podrás:
Permite modificar el contenido y estilo del botón del formulario. Por orden, podrás:
las opciones de Step buttons no las usamos porque son para formularios en varios pasos
Permite añadir acciones que se realizarán después de que un usuario envíe el formulario (por ejemplo, abrir o cerrar una ventana emergente, enviar una notificación por correo electrónico, conectarse a un tercero como MailChimp, Redirect, etc.)
Después de que un usuario envíe un formulario, ¿entonces qué?
Nota: Una pregunta común de los diseñadores de formularios nuevos es: “He configurado mi formulario de ITOfunnels, pero no sucede nada cuando se envía. ¿Por qué?
Nota: La respuesta suele ser: Todavía no ha configurado las acciones 'Actions After Submit'
Una vez que se envíe un formulario, querrás que se realicen una o más acciones, y cada una de esas acciones requiere una pequeña configuración. Algunas acciones comunes incluyen:
Enviar los resultados del formulario por correo electrónico a una o más direcciones de correo electrónico.
Redirigir al usuario a una página de «Gracias».
Agregar información de suscriptor a un servicio de respuesta automática.
Agregar información de usuario a un CRM.
Enviar datos de formulario a un canal de Slack o Discord.
Abrir o cerrar una ventana emergente (Popup).
Puede conectarse con servicios de terceros como Mailchimp, Drip, Hubspot, Slack o Convertkit para procesar la información del formulario.
La lista de acciones de formularios de ITOfunnels disponibles actualmente incluye:
Pulsa el formulario para editarlo -> de la pestaña ‘CONTENIDO’:
Pulsa en ‘Acciones después de enviar’.
Agregue nuevas acciones haciendo clic dentro del campo Agregar acción. Esto mostrará una lista de acciones disponibles para elegir.
Elige la acción de correo electrónico. Esto añadirá una pestaña Email. La pestaña Email se utiliza para enviar los resultados del formulario al usuario administrador de su sitio web. Si también necesitas enviar un correo electrónico adicional al usuario que envió el formulario, consulte la opción Email2 a continuación.
Haga clic en la pestaña Email para abrir sus opciones.
To : Las direcciones de correo electrónico a las que se enviarán los resultados del envío del formulario. Agregue direcciones de correo electrónico adicionales separadas por comas.
Subject : el asunto del correo electrónico
Message : el cuerpo del correo electrónico. Por defecto, todos los campos del formulario se envían a través del código corto (shortcode): [all-fields]. ¿Quieres personalizar qué campos se envían? Copia el shortcode que aparece dentro de los campos que deseas enviar y pégalos aquí.
From Email : la dirección de correo electrónico «enviado desde»
From Name : el nombre «enviado de»
Reply-To : la dirección de correo electrónico a la que enviar respuestas
CC : direcciones de correo electrónico a CC
BCC : dirección de correo electrónico a BCC
Metadata : los metadatos disponibles se incluyen por defecto. Haz clic en la «x» en cada una para eliminar las que no desees incluir en el correo electrónico.
Send As : seleccione el formato para enviar el correo electrónico, ya sea HTML o Normal
Nota: Si tienes configurado un SMPT en el menú 'Correo' (como por ejemplo Sendgrid o Sendinblue) los campos 4, 5, 7 y 8 los tienes que dejar VACIOS. De esta forma te cogerá tus datos configurados de tu SMTP directamente.
Configurar Email2 es muy útil.
Por ejemplo, es posible que desees enviar un correo electrónico de confirmación al visitante que completó el formulario.
Email2 es la acción a utilizar para esto. Para crear uno, realiza el mismo proceso que el anterior para Email.
Nota: En el campo 'Para', debe ingresar el código corto ubicado en la pestaña avanzada del campo de correo electrónico [field id = "email"].
Consejo: Puedes personalizar el correo electrónico de confirmación utilizando el nombre del remitente ('Hola [id del campo = "nombre"]').
Consejo: Úsa esta fantástica herramienta web para escribir tus emails en html -> Visitar WordtoHtml
Ejemplos (utilizando HTML):
<p> Bienvenido [field id = «name»] </p>
<p> Gracias por apuntarte a nuestras listas.</p>
<p> Te llamaremos al Teléfono que has introducido: [field id = «tel»] </p>
<p> Nos vemos pronto 🙂 </p>
Importante: Solo se pueden usar códigos cortos ubicados en la pestaña avanzada del widget de campos de formulario. No puedes usar códigos cortos desde ningún otro lugar aquí. Agregar otros códigos cortos desde otros complementos o en cualquier otro lugar provocará un mensaje de error del servidor. El shortcode debe escribirse exactamente como aparece en la pestaña avanzada del campo de formulario, con una excepción. Si el shortcode en la pestaña avanzada tiene el formato [field id = email], debes ajustar el nombre del campo entre comillas, por lo que deberá cambiar [field id = email] a [field id = "email"].
Elige la acción Redirect.
Esto agregará una pestaña Redirect.
Haz clic en la pestaña Redirect para abrir sus opciones.
Redirect: ingrese la URL de la página para redirigir al usuario después del envío del formulario.
Elige cualquiera de los servicios de terceros.
Esto agregará una nueva pestaña para ese servicio.
Haz clic en la pestaña del servicio elegido para abrir sus opciones.
Clave API: Ingresa aquí la clave API para el servicio elegido. Primero debes configurar sus credenciales de API en la Configuración de integraciones (como se explica en la nota anterior). También puedes establecer diferentes credenciales de API seleccionando «Personalizado» (como se explica también en la nota anterior).
Audience / Custom API Key: Seleccione la lista o cuenta para enviar la información del formulario.
Nota: Si ya tienes integrado tu servicio en el menú 'Elementor' -> 'Integraciones' deja la API Key por defecto: 'Default'. Automáticamente te cogerá los datos de tu servicio integrado. Si por el contrario en esa página específica quieres añadir un servicio que no sea el que ya tengas integrado selecciona la opción 'Custom' e introduce la nueva API Key del servicio.
Tienes opción a poner un identificador al formulario (ID).
Si activas la casilla de ‘Custom Messages’ puedes modificar los siguientes mensajes:
Success Message: es el mensaje que aparecerá una vez enviado el formulario con éxito.
Error Message: es el mensaje que aparecerá si el formulario no consigue enviarse por algún error.
Required Message: es el mensaje que aparecerá cuando el usuario intente enviar el formulario sin haber rellenado algún campo obligatorio.
Invalid Message: es el mensaje que aparecerá cuando el usuario intente enviar el formulario y sea inválido.