Hostinger Creador de Sitios Web: Cómo Agregar un Formulario de Contacto

Aprende cómo agregar un formulario de contacto con el Creador de sitios web de Hostinger

Actualizado hace 2 semanas

¡Puedes agregar un formulario de contacto a tu sitio web fácilmente!

Agregar un formulario de contacto

Puedes hacerlo como un elemento y/o como una sección.

Para hacerlo, expande el panel Añadir elemento a la izquierda. Busca el elemento formulario de contacto, arrástralo y suéltalo en cualquier lugar de tu página:

Hostinger Creador de Sitios Web: opción “Formulario de contacto” resaltada en Agregar elementos

Para agregar una sección de formulario de contacto, da clic en Agregar sección. Encontrarás este botón en el borde horizontal de cualquier sección:

Hostinger Creador de Sitios: botón “Añadir sección” resaltado en el editor

En el menú de la izquierda, selecciona Formulario de contacto. Selecciona la plantilla de sección que quieras a la derecha y da clic en ella. Se insertará una sección de formulario de contacto en tu página.


Editar el formulario de contacto

Da clic en el elemento del formulario de contacto para ver más opciones (editar, duplicar, cambiar la visibilidad, eliminar, cambiar el tamaño):

Editor del formulario de contacto con el botón “Editar formulario” resaltado y seleccionado

Da clic en Editar formulario para abrir su configuración:

General

  • Cambiar el nombre del formulario: si tienes varios formularios en tu sitio web, las respuestas se enumeran por separado para cada formulario.

  • Especifica una dirección de email para recibir notificaciones sobre respuestas recientes.

  • Ver respuestas.

Campos

  • Agregar, editar o eliminar campos.

  • Cambiar el orden de visualización de los campos.

  • Especificar los campos obligatorios.

  • Tipos de campos admitidos:

    • Respuesta corta.

    • Párrafo.

    • Elección única.

    • Opción multiple.

Botón

  • Cambiar el nombre del botón “Enviar”.

  • Cambiar la posición del botón (alineación).

  • Especifique lo que sucede después de enviar un formulario:

    • Mostrar un mensaje de agradecimiento.

    • Redirigir al usuario a una página en particular dentro de tu sitio web.

Para cambiar el estilo del botón, abre la pestaña de configuración de Estilo (ver a continuación).

Estilo

Cambiar el estilo de los siguientes elementos (selecciona del menú desplegable):

  • Botón.

  • Campos de formulario.

  • Fondo.


Ver respuestas enviadas

Una vez que alguien envíe un formulario de contacto desde tu sitio, recibirás automáticamente una notificación en la dirección de email vinculada a tu cuenta de Hostinger.

Puedes ver todas las respuestas enviadas a través de tu formulario de contacto dentro del editor. Expande el panel Configuración del sitio web a la izquierda y ve a Envíos de formularios:

Configuración del sitio web con Envíos de formularios resaltado en Hostinger Creador de Sitios Web

A continuación, da clic en Ver lista Junto al formulario desaeado. Aquí encontrarás todos los envíos de un formulario en particular. Puedes exportar fácilmente los datos seleccionados a un archivo .CSV y eliminar los innecesarios:

Hostinger Creador de Sitios Web: pestaña Envíos de formularios con recibidos de formulario de contacto en tabla

Añadir un formulario de contacto de terceros

Si has probado nuestro elemento de formulario de contacto y necesitas más funcionalidad, Elfsight es una de las muchas plataformas que ofrecen varios widgets integrables, así como el widget de formulario de contacto.

En Elfsight, encontrarás una variedad de plantillas de formularios de contacto. Una vez que selecciones una plantilla, podrás personalizarla a tu gusto:

Editor de formularios con menú lateral resaltado y opciones de configuración del contacto

Una vez que hayas terminado de crear tu widget, guárdalo:

Botón Guardar resaltado en el editor de formulario de contacto de Hostinger

Luego, da clic en Agregar al sitio web y copia el código de integración:

Widget de formulario de contacto con el botón “Add to website” resaltado en la instalación

Incrusta el código en su sitio web utilizando el elemento incrustar código y el formulario de contacto se agregará a tu página.

NOTAS:

  • Si decides utilizar un widget de Elfsight, es posible que se te solicite seleccionar un plan de Elfsigh. Puedes elegir la opción gratuita.

  • Al usar una integración de terceros, no podrás ver las respuestas dentro del Creador de sitios web