Base de conocimiento

Obtén hosting web experto

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

Inicio / Website Builder / Edición de Páginas y Contenido / Cómo crear y editar una página de "Contacto"

Cómo crear y editar una página de "Contacto"

Lee y resume el articulo:
Última actualización: Jul 06, 2026 2 min de lectura

La mayoría de las plantillas del Website Builder incluyen una página de “Contacto” por defecto, por lo que no tendrás que crearla desde cero. Sin embargo, si has optado por comenzar con un sitio en blanco o has seleccionado una plantilla que no incluye una página de “Contacto”, deberás crearla. Sigue estos pasos:

  1. Haz clic en Editar sitio web en Site Admin > Website Builder.
    Edit Website button in Site Admin of a Website Builder
  2. Ve a la pestaña Páginas y haz clic en el botón Añadir nueva.
    Pages section in Website Builder with a highlighted Add New button for creating a Contact us page
  3. En la siguiente ventana emergente, abre la categoría Contacto en el menú de la izquierda, coloca el cursor sobre una plantilla y pulsa el botón Añadir página.
    A pop-up window for creating a page in Website Builder with a selected Contact Us page layout

Cómo editar la página “Contacto”

Estos pasos son válidos tanto para SiteGround Website Builder como para SiteGround Ecommerce. Para editar una página “Contacto” existente:

  1. Abre la pestaña Páginas en la barra de herramientas del menú de la izquierda y selecciona la página Contacto.
    Pages section in Website Builder with a selected Contact Us page
  2. ​​Aquí puedes editar la página “Contacto” prediseñada según tus necesidades. Puedes añadir nuevas secciones con el botón Añadir secciones, eliminar secciones existentes con el botón Eliminar sección en la barra de herramientas de la sección o editar directamente el contenido de ejemplo. Además, puedes añadir componentes a una sección con el botón Añadir en la esquina superior izquierda.
    Editing options for the Contact Us page in Website Builder
  3. Para cambiar la configuración general de la página, ve a la pestaña Páginas, coloca el cursor sobre la página Contáctenos y abre el menú Configuración (icono de tres puntos).
    Settings menu of the selected Contact Us page in the Pages section in Website Builder


  4. Abre la configuración General para cambiar el título, la URL y el estado de la página.
    General settings options for the Contact Us page in Website Builder
  5. Para cambiar el título y la meta descripción SEO, abre la configuración SEO.
  6. Para cambiar el título y la descripción que aparecen al compartir la página en redes sociales, abre la configuración Social.

Cómo configurar el formulario de contacto

Una vez que hayas configurado los ajustes generales y el aspecto de la página, puedes personalizar el formulario de contacto.

Nota: El formulario de contacto no está limitado a la página de Contáctanos. Puedes añadir formularios de contacto a diferentes páginas, y cada formulario puede tener sus propios campos, ajustes y destino de envío.

  1. Haz clic en el formulario de contacto y presiona el icono de edición de la barra de herramientas de arriba para modificarlo.
    Formulario de contacto seleccionado en el lienzo del Site Builder con la barra de edición (editar, copiar, eliminar y más).
  2. En la ventana emergente de configuración del formulario de contacto, puedes actualizar la Dirección de email (se admiten varias direcciones), el Asunto y el Mensaje de agradecimiento
    Ventana Editar formulario de contacto en la pestaña General, con los ajustes de Envíos: campos De, Enviar a y Asunto del correo.

  3. Abre la pestaña de Contenido para modificar los campos del formulario. Puedes eliminar algunos de los campos predeterminados o añadir más de la lista de campos disponibles.
    Ventana Editar formulario de contacto en la pestaña Contenido, con el botón Agregar nuevo campo y los campos predeterminados Nombre, Correo y Mensaje.
  4. Para cambiar la apariencia del formulario, abre la pestaña de Diseño.
    Ventana Editar formulario de contacto en la pestaña Diseño, con Estilo de elementos (filas Campos y Botón) y los ajustes de Fondo.
  5. Haz clic en Campos para configuraciones adicionales de diseño de campos del formulario. Puedes alternar entre las pestañas de estado predeterminado y al pasar el ratón.
    Subpanel Campos con las pestañas Default y Hovered y ajustes de estilo: Color de fondo personalizado, Color del texto de la etiqueta, Familia de fuentes y Radio de esquina.
  6. Elige Botones desde la pestaña de diseño para cambiar el texto del botón y cómo se ven los botones. Similar a la pestaña de Campos, hay subpestañas de Predeterminado y Al pasar el ratón para personalización.

Comparte este artículo