Agregar un formulario de contacto es fundamental para facilitar la comunicación con los visitantes de tu sitio.
Con él, puedes recibir mensajes directamente en el correo electrónico configurado, organizar solicitudes y mantener un canal activo de atención.
A continuación, haz clic en la plataforma que utilizaste para crear tu sitio y consulta cómo hacerlo:
- Nuevo Creador de Sitios con IA
- Creador de Sitios Rápido (Descontinuado)
Consejo:
Si necesitas ayuda, puedes comunicarse conmigo. Soy Gator, la inteligencia artificial (IA) de HostGator. Solo tienes que ingresar al Portal del Cliente, me encontrarás en la parte superior de la página, listo para ayudarte.
Si prefieres, consulta el video:
Nuevo Creador de Sitios con IA
Sigue las etapas a continuación y consulta cómo configurarlo:
Etapa 1: Agregar el formulario en el sitio
Existen dos formas de agregar un formulario:
Opción 1: Como un elemento
1En el Editor del Creador de Sitios con IA, en la barra lateral, haga clic en el ícono + (Agregar Elementos)
2En “Añadir elementos”, en el campo de búsqueda, escribe Formulario
3En el elemento “Formulario”, haz clic, arrastra y suelta en la parte de la página donde deseas agregarlo
4Ahora, consulta la etapa 2 para editar y personalizar
Opción 2: Como un bloque
1En el Editor del Creador de Sitios con IA, entre las secciones existentes del sitio donde deseas agregar el bloque del formulario, haz clic en el ícono +
2En la pantalla “Bloques”, elige cómo deseas insertar el formulario:
- A) Crear uno desde cero - para agregar un bloque vacío y montar el formulario manualmente, haz clic en Cree el suyo
- B) A partir de una plantilla - en el menú lateral, haz clic en Contact (Contacto) y elige la plantilla que deseas - Serás dirigido a la página y podrás hacer las ediciones necesarias
3Ahora, revisa la etapa 2 para editar y personalizar
Etapa 2: Editar y personalizar
1En el formulario agregado, haz clic sobre él
2En la barra de herramientas que se abrirá, haz clic en el primer ícono (Campo)
3En la pestaña “Campo”, completa la información:
- Tipo - elige la opción que corresponde con el campo: Texto, correo electrónico, número, párrafo - Por ejemplo: si el campo es "Correo electrónico", selecciona Correo electrónico
- Valor por defecto - para agregar una información que será completada automáticamente como respuesta (quando el visitante acceda, este texto ya estará dentro del campo) - Por ejemplo: En el campo “Correo electrónico”, el valor predeterminado podría ser contacto@tudominio.com
-
Selección múltiple (dependiendo del tipo de campo, tendrá esta configuración) - elige si el usuario puede elegir:
- Apenas una opción - para ser sin selección múltiple, mantén “Desactivado” - En color “Gris”
- Varias opciones al mismo tiempo - con selección múltiple, activa el botón - Se mostrará en color “Azul”
- Requerido - activa si deseas que el llenado sea obligatorio.
4Para agregar al formulario el título que identifica el campo que debe ser llenado, procede de la siguiente forma:
- A) Haz clic en la pestaña Avanzado
- B) A continuación, activa la opción Etiqueta
- C) En el formulario, edita la información
5Para personalizar colores, texto, posición y otras opciones, utiliza los restantes recursos del menú
6hora, revisa a continuación la etapa 3 de integración con el correo electrónico
Etapa 3: Integrar con el correo electrónico
Para que toda presentación del formulario sea enviada al correo electrónico configurado, sigue los pasos a continuación:
1En el formulario agregado en el sitio, haz clic en el botón - Que representa el envío del formulario
2A continuación, haz clic en el ícono de integraciones
3En la pantalla que se abrirá, en “Correo electrónico”, haz clic en Notificación por correo electrónico
4En la pantalla de configuración del correo electrónico, completa la información para definir quién recibirá los mensajes y cómo serán identificados:
- A) Email destinatario/Correo electrónico para (obligatorio) - informa la dirección de correo electrónico que recibirá los mensajes enviados por el formulario - Usa un correo electrónico válido y activo
- B) Asunto - define el título del correo electrónico que recibirás - Para ayudar a identificar y organizar tu bandeja de entrada
- C) Nombre remitente - informa el nombre que aparecerá como remitente del correo electrónico – Para ayudar a identificar de dónde vino el mensaje - Por ejemplo: Formulario de contacto del sitio
5Para concluir, haz clic en Continuar y luego en Hecho
6Para guardar todas las configuraciones, haz clic en Actualización
¡Listo! El formulario está configurado.
Revisa cómo se muestra en el sitio y haz una prueba de envío para confirmar el funcionamiento de las configuraciones realizadas.
Creador de sitios Rápido (Descontinuado)
Añadir un formulario de contacto es fundamental para facilitar la comunicación con sus clientes.
Consulte a continuación cómo crear y configurar:
1En el editor del Creador de Sitios Web, seleccione la página que desea insertar el formulario de contacto y entre las secciones que lo añadirá, haga clic en el ícono +. Si es necesario, consulte cómo acceder al panel
2Después en el menú lateral izquierdo, en la lista de secciones, haga clic en Contacto
3En la lista con las opciones, haga clic en la plantilla que desea usar
4Mueva el mouse sobre el formulario y haga clic en el ícono de engranaje (ajustes)
5En la pantalla que se muestra, en la primera pestaña "Campos de formulario", edite los campos y habilite todos los elementos que desea mostrar en el formulario
6En la segunda pestaña, en "Dirección del Formulario", establezca la dirección de correo electrónico que recibirá todos los mensajes venidos por el formulario
7En la tercera pestaña, en "Mensaje de éxito", puede editar el título y el mensaje que se envía automáticamente a los usuarios cuando envían un formulario
8En la cuarta pestaña, en "Mensaje de permiso", si lo desea, añada un mensaje personalizado sobre la autorización de enviar mensajes a los usuarios
9Para finalizar todas las etapas, haga clic en Guardar
10Para guardar los cambios realizados en el sitio, en el menú superior, haga clic en Guardar y en seguida en Publicar