Base de conocimiento

Obtén hosting web experto

Elija la fiabilidad del sitio web y el conocimiento con SiteGround!

Inicio / Website Builder / Formulario de Contacto / Cómo añadir y configurar un formulario de contacto

Cómo añadir y configurar un formulario de contacto

Lee y resume el articulo:
Última actualización: May 26, 2026 • 1 min de lectura

Puedes agregar un formulario de contacto a una página de las siguientes maneras:

  • Agregar una sección prediseñada que incluya un formulario de contacto
  • Agregar un componente de formulario de contacto a una sección de la página

Cómo agregar una sección de formulario de contacto

Para agregar un formulario de contacto a tu sitio, sigue estos pasos:

  1. Ve a Site Admin > Website Builder y haz clic en Editar sitio web.
    Edit Website button in Site Admin of a Website Builder
  2. Ve a la pestaña Páginas y selecciona la página donde deseas colocar el formulario de contacto.
    Pages section in the visual editor of Website Builder where the Contact Us page is selected
  3. Determina el área específica donde deseas agregar el formulario de contacto y haz clic en Añadir sección.
    Selected section on a page in Website Builder with a highlighted Add Section button

  4. Abre la categoría Contacto, coloca el cursor sobre el diseño elegido y presiona el botón Añadir sección.
    A pop-up window where you can choose a section layout with a selected contact form layout
  5. Una vez añadido el formulario de contacto, puedes hacer clic en el icono de Editar sección (lápiz) de la barra de herramientas superior derecha.
    Highlighted Edit Section button in the toolbar in the top-right cornere of a section in Website Builder
  6. Aquí puedes personalizar la configuración general de la sección, como la cuadrícula, el espaciado, el color de fondo y más.
    Section's settings window where you can change the appearance of a section

Cómo añadir un componente de formulario de contacto

Para añadir un componente de formulario de contacto a una página:

  1. Coloca el cursor sobre la sección donde añadirás el componente o crea una nueva sección.
  2. Pulsa el botón Añadir en la esquina superior izquierda de la sección.
    A selected section in Website Builder with a highighted Add button in the top-left corner for adding a component
  3. En la ventana Añadir componente, selecciona Formulario de contacto.
    Add Component window where a Contact Form component is selected
  4. Arrastra el componente y suéltalo en la posición deseada en la cuadrícula de la sección.
    A section's grid area where you can drag and drop a contact form component

Cómo personalizar el formulario de contacto

Una vez añadido el formulario de contacto, puedes cambiar su configuración y apariencia.

  1. Haz clic en el formulario de contacto y selecciona el icono del lápiz (Editar) de la barra de herramientas superior.
  2. Abre la pestaña General en la ventana Editar formulario de contacto para configurar la dirección de email a la que se enviarán los correos electrónicos tras el envío correcto, editar el mensaje de agradecimiento que ven los visitantes y cambiar el asunto del correo electrónico.
    A contact form component where the Edit icon from its toolbar is selected and the Settings window appears on the right with an open General tab
  3. Abre la pestaña Contenido para modificar los campos. Haz clic en un campo para abrir otra ventana donde podrás cambiar su nombre y el texto de marcador de posición.
    Contat form's settings window with an open Content tab where you can modify the form fields
  4. Abre la pestaña Diseño para cambiar la apariencia del formulario de contacto. Puedes editar los colores y las fuentes del botón y los campos, cambiar el color de fondo, modificar el radio de las esquinas del formulario, etc.
    Contact form's settings window with an open Design tab where you can change the form's appearance

Comparte este artículo

Artículos relacionados