Esta guía le mostrará cómo insertar un formulario de contacto en su sitio de Website Builder.
- Paso 1: Arrastre el componente Formulario de contacto en el área de trabajo.
- Paso 2: Configure la dirección de correo electrónico del formulario.
- Paso 3 - Edite el formulario de contacto
- Paso 4: Haga clic en Editar campos.
- Paso 5: Haga clic en Agregar campos.
- Paso 6: Seleccione un tipo de campo.
- Paso 7: Modifique los ajustes 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 en los ajustes del formulario de contacto.
- Paso 11: Indique un mensaje de éxito.
- Paso 12 - Ajuste el tamaño y la ubicación del formulario de contacto
¿No tiene acceso a Website Builder? Puede probarlo gratis durante 14 días y crear un sitio web en muy poco tiempo. Comience ya su prueba gratuita
Paso 1 - Arrastre el componente Formulario de contacto al espacio de trabajo
- En el editor de Website Builder, vaya a la sección de su sitio donde quiere colocar el formulario de contacto.
- Haga clic en Contacto en el menú de componente de la izquierda del editor.
- Haga clic y arrastre el componente Formulario de contacto a su espacio de trabajo y colóquelo donde quiera que esté.
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. Recuerde que debe hacerlo en su dominio. Así, por ejemplo, si tiene el dominio one-ejemplo.com, tiene que ser una dirección @one-ejemplo.com. Aunque use un proveedor de correo electrónico externo, deberá crear la cuenta de correo electrónico con nosotros en el panel de control.
- Introduzca un asunto para los correos electrónicos para que pueda reconocerlos en su bandeja de entrada.
- Haga clic en Guardar para continuar.
Consejo: Configure un filtro de correo electrónico para mover todos los mensajes relacionados con los formularios de contacto a una carpeta específica en su cuenta de correo electrónico.
Paso 3 - Edite el formulario de contacto
El formulario de contacto tendrá por defecto un botón Enviar y tres campos: Nombre, Correo electrónico y Mensaje.
Haga clic en Editar formulario de contacto para agregar o editar campos.
Paso 4: Haga clic en Editar campos.
Haga clic en Editar campos para cambiar los ajustes del campo por defecto.
Sugerencia: Puede cambiar el texto predeterminado del botón por otro que elija. Simplemente haga clic en el campo Texto del botón y comience a escribir.
Paso 5: Haga clic en Agregar campos.
Aquí puede editar los ajustes de los campos de formulario existentes y eliminar y añadir nuevos campos con diferentes opciones. Puede añadir tantos campos como quiera haciendo clic en el botón Añadir campos de 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 desea agregar y haga clic en Insertar campos.
Paso 7: Modifique los ajustes del campo.
Cada tipo de campo tiene diferentes configuraciones que puede ajustar.
- Introduzca un título para el campo. Los visitantes podrán verlo.
- Dependiendo del tipo de campo, puede tener varias opciones. Haga clic en la opción para editar la descripción, haga clic en la X del final para eliminarla o haga clic en la opción Añadir para añadir una nueva.
- Si es obligatorio que los visitantes seleccionen al menos una opción, mantenga esta casilla marcada. Cuando un campo es obligatorio, aparece un mensaje de error al intentar enviar el formulario si falta un campo. Puede escribir el mensaje de error en el campo situado en la parte inferior de la ventana.
- Haga clic en Guardar para actualizar el formulario con los nuevos ajustes de su 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.
Haga clic en Estilo en el menú móvil.
Paso 9: Ajuste el estilo del formulario de contacto.
Puede cambiar los ajustes de la fuente y el botón de envío.
- Fuente: tipo, tamaño y color.
- Botón: estilo (color, forma y borde) y tamaño de fuente para el 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.
Haga 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 introduzca en el campo.
Paso 11: Indique un mensaje de éxito.
Por defecto, el formulario de contacto utilizará el siguiente mensaje: "Gracias por su mensaje". Puede personalizarlo añadiendo su propio texto.
Paso 12 - Ajuste el tamaño y la ubicación del formulario de contacto
Una vez completado el formulario, es el momento de ajustar su ubicación y tamaño. Haga clic en Guardardo y después en Publicar para que el formulario aparezca online.
Artículos relacionados: