Esta guía le muestra cómo insertar un formulario de contacto en su sitio de Website Builder.
- Paso 1 - Arrastra el componente del formulario de contacto al espacio de trabajo
- Paso 2 - Establece la dirección de correo electrónico del formulario
- Paso 3 - Edita el formulario de contacto
- Paso 4 - Haz clic en Editar campos
- Paso 5 - Haz clic en Agregar
- Paso 6 - Selecciona un tipo de campo
- Paso 7 - Editar la configuración del campo
- Paso 8 - Haga clic en Estilo para configurar el formulario de contacto.
- Paso 9 - Ajuste el estilo del formulario de contacto.
- Paso 10 - Haga clic en Mensaje de éxito para la configuración del formulario de contacto.
- Paso 11 - Introduce un mensaje de éxito
- Paso 12 - Habilitar el captcha
- Paso 13 - Ajustar el tamaño y la ubicación del formulario de contacto
¿No tienes acceso a Website Builder? Puedes probarlo gratis durante 14 días y crear un sitio web en poco tiempo. ¡Comience su prueba gratuita ahora
Paso 1 - Arrastre el componente Formulario de contacto en el área de trabajo.
- En el editor de Website Builder, vaya a la sección de su sitio en la que desee colocar el formulario de contacto.
- Haga clic en Contacto en el menú de componentes de la parte izquierda del editor.
- Haga clic y arrastre el componente del Formulario de contacto a su espacio de trabajo y colóquelo donde desee que esté el formulario.
Nota: Solo puede haber un formulario de contacto por página, de modo que, si el componente está atenuado, significa que ya cuenta con un formulario de contacto en la página seleccionada.
Paso 2 - Configure la dirección de correo electrónico del formulario.
- Seleccione la dirección de correo electrónico a la que debe enviarse el formulario. Puede elegir una dirección existente o crear una nueva. Ten en cuenta que debe hacerse en tu dominio. Así que si, por ejemplo, tienes el dominio one-example.com, debe ser una dirección @one -example.com. Si utilizas un proveedor de correo electrónico externo, igual tendrás que crear la cuenta de correo electrónico con nosotros en el panel de control.
- Ingrese un asunto para los correos electrónicos para que pueda reconocer los correos electrónicos en su bandeja de entrada.
- Haz clic en Guardar para continuar.
Si desea cambiar la dirección de correo electrónico más adelante, haga clic en el formulario de contacto y seleccione Editar formulario de contacto --> Configuración de correo electrónico.
Consejo: Configura un filtro de correo electrónico para mover todos los correos electrónicos del formulario de contacto a una carpeta específica de tu cuenta de correo electrónico.
Paso 3 - Edita el formulario de contacto
Por defecto, un formulario de contacto tendrá un botón Enviar y tres campos: Nombre, Correo electrónico y Mensaje.
Haz clic en Editar formulario de contacto para añadir o editar campos.
Paso 4 - Haga clic en Editar campos.
Haga clic en Editar campos para cambiar la configuración predeterminada de los campos.
Consejo: Puedes cambiar el texto predeterminado del botón por el que prefieras. Solo tienes que hacer clic en el campo de texto del botón y empezar a escribir.
Paso 5 - Haz clic en Añadir
Aquí puede editar la configuración de los campos de formulario existentes y eliminar y añadir nuevos campos con diferentes opciones. Puede añadir tantos campos como desee haciendo clic en el botón Añadir situado en la esquina superior derecha.
En esta guía, vamos a agregar una casilla de verificación para que sus visitantes se registren en sus boletines informativos, aunque puede poner lo que desee.
Paso 6 - Seleccione un tipo de campo.
Puede añadir campos de varios tipos a su formulario de contacto. En esta guía, vamos a agregar casillas de verificación.
Seleccione el campo que desee añadir y haga clic en Listo.
Paso 7 - Modifique los ajustes del campo.
Cada tipo de campo tiene una configuración diferente que puede ajustar.
- Haz clic en el icono del lápiz situado junto al campo.
- Introduzca un título para el campo. Será visible para sus visitantes.
- En función del tipo de campo, puede disponer de varias opciones. Haga clic en la opción para editar la descripción, haga clic en el ícono de la papelera situado al final para eliminarla o haga clic en Añadir opción para añadir una nueva.
- Si es necesario que tus visitantes seleccionen al menos una opción, mantén esta casilla marcada. Cuando un campo es obligatorio, aparece un mensaje de error cuando intentan enviar el formulario cuando falta un campo. Puedes activar y escribir el mensaje de error en el campo de la parte inferior de la ventana.
- Haga clic en Guardar para actualizar el formulario con la nueva configuración de campo.
Paso 8 - Haga clic en Estilo para configurar el formulario de contacto.
De forma predeterminada, el formulario de contacto usará el estilo de Plantilla, pero puede ajustarlo a uno personalizado.
Haz clic en Estilo en el menú móvil.
Paso 9 - Ajuste el estilo del formulario de contacto.
Puede cambiar la configuración de la fuente y del botón de envío.
- Fuente: tipo, tamaño y color.
- Botón: estilo (color, forma y borde) y tamaño de fuente del botón.
Paso 10 - Haga clic en Mensaje de éxito en los ajustes del formulario de contacto.
Cuando se envíe con éxito un formulario de contacto, sus visitantes verán un mensaje de confirmación.
Haz clic en Mensaje de éxito en el menú móvil para editar el mensaje predeterminado. El mensaje se guardará automáticamente una vez que lo introduzcas en el campo.
Paso 11 - Indique un mensaje de éxito.
De forma predeterminada, el formulario de contacto usará el siguiente mensaje: "Gracias por su mensaje." Puede personalizarlo agregando su propio texto.
Paso 12 - Habilita el captcha
Captcha es una excelente herramienta que te ayuda a proteger tu formulario de los ataques de bots y los mensajes de spam.
Se activará automáticamente si crea un nuevo formulario de contacto en su sitio. Sin embargo, también puedes controlarlo manualmente dentro de la configuración del formulario.
- Seleccione el componente Formulario de contacto.
- Haz clic en Editar formulario de contacto.
- En el menú flotante que aparece, haz clic en Captcha.
- Deslice el selector Mostrar Captcha para habilitar/deshabilitar el Captcha y seleccione un idioma en el menú desplegable.
Paso 13 - Ajuste el tamaño y la ubicación del formulario de contacto.
Ahora que el formulario se ha completado, es el momento de ajustar su ubicación y tamaño. Haga clic en Guardar y Publicar para que el formulario esté disponible en línea.
Artículos relacionados: