Guías/Editar tu web/Editor/Formularios/Crea un formulario de contacto

Crea un formulario de contacto

Crea formularios en tu sitio para recopilar mensajes, reservas, registros, comentarios y mucho más. En esta guía, aprenderás a crear un formulario que puedas añadir a tu sitio.

Tutorial en vídeo

Crea tu formulario

Para crear un formulario nuevo, sigue estos pasos:

  1. Dirígete al escritorio de tu sitio.
  2. Ve a Jetpack → Formularios.
  3. Haz clic en el botón «Crear un formulario» de la parte superior derecha.
An arrow pointing to the "Create a form" button.
  1. Ponle un nombre al formulario (por ejemplo, «Contacta con nosotros») y haz clic en el botón Crear. El nombre aparece en el escritorio Formularios y te ayuda a diferenciar tus formularios cuando tienes más de uno.
The form name field and Create buttons highlighted.
  1. En el editor de formularios, elige entre diferentes diseños predefinidos, como Formulario de contacto, Formulario de confirmación, Formulario de registro, Formulario de cita, Formulario de comentarios o Formulario de varios pasos. O utiliza el campo de texto para describir el formulario que quieres.
The form block with pre-built layouts and a text field to ask AI to build the form.
  1. Añade y personaliza los campos de tu formulario usando el insertador de bloques + del formulario. Los tipos de campos disponibles incluyen nombre, correo electrónico, área de texto, casilla de verificación, botones de opción, desplegable y carga de archivos.
  2. Diseña tu formulario cambiando colores, fuentes y diseño desde los ajustes de estilo del formulario.

Elige lo que sucede después del envío

Puedes controlar lo que ven los visitantes después de enviar el formulario. Para establecer la acción posterior al envío, sigue estos pasos:

  1. Abre la vista de lista haciendo clic en el icono de tres líneas horizontales situado en la esquina superior del editor.
  2. Selecciona el bloque Formulario en la lista.
An arrow from the List View icon to the Form block in the List View.
  1. En la barra lateral de ajustes del bloque, expande «Acción después del envío».
The "action after submit" settings showing options for a text or redirect link.
  1. Elige una opción:
    • Texto: muestra un mensaje personalizado. Puedes editar el texto por defecto, decidir si mostrar un resumen de los datos enviados e incluir un enlace «Volver».
    • Enlace de redirección: envía a los visitantes a otra página después de enviarla.

Publica tu formulario

Cuando tu formulario esté listo, sigue estos pasos:

  1. Haz clic en el botón Publicar situado en la esquina superior derecha del editor.
  2. Confirma haciendo clic en Publicar de nuevo en el panel que aparece.

Tu formulario se ha guardado y está disponible para incrustarlo en cualquier página o entrada.

Después de publicar tu formulario, verás las siguientes opciones:

  • Añadir a una nueva página: Crea una nueva página con el formulario ya añadido.
  • Añadir a una página existente: Selecciona una página existente a la que añadir el formulario.
  • Copiar y añadir manualmente: Copia el código incrustado o el shortcode para añadir el formulario manualmente.

Cuando salgas del editor de formularios, podrás seguir añadiendo el formulario a cualquier página. Obtén más información en nuestra guía sobre bloques de formularios.

The post-publish options for adding a form to a page.

Recibir notificaciones por correo electrónico

Recibirás una notificación por correo electrónico cada vez que alguien envíe un formulario a tu sitio. Puedes responder a estos correos electrónicos directamente en tu programa de correo electrónico.

Por defecto, las respuestas se enviarán a la dirección de correo de tu cuenta de WordPress.com. Para cambiar la dirección de correo electrónico o añadir varios destinatarios, sigue estos pasos:

  1. Para abrir la vista de lista, haz clic en el icono con forma de tres líneas horizontales situado en la esquina superior izquierda del editor.
  2. Selecciona el bloque Formulario en la lista.
An arrow from the List View icon to the Form block in the List View.
  1. En la barra lateral de ajustes del bloque, expande las notificaciones del formulario.
  2. Confirma que el botón «Enviar respuestas al correo electrónico» está activado.
  3. Introduce la dirección de correo electrónico en el campo «Dirección de correo electrónico a la que enviar». Separa las direcciones de correo electrónico con comas.
  4. Haz clic en Guardar.
The Form block's notifications settings with a text field labeled "Email Address to Send To"

Personaliza el asunto del correo electrónico

Puedes personalizar el asunto de los correos electrónicos de notificación que recibas. En la sección Notificaciones del formulario de los ajustes del bloque, actualiza el campo «Línea del asunto del correo electrónico».

Para incluir información del envío del formulario en la línea del asunto, escribe el nombre del campo entre llaves. Por ejemplo, si tu formulario tiene los campos «Nombre» y «Correo electrónico», introduce {name};{email} para incluir esos valores en el asunto. Los nombres de los campos deben coincidir con las etiquetas del formulario y no distinguen entre mayúsculas y minúsculas.

The form block settings showing how the subject line can be customized.

Configura las notificaciones push

Puedes recibir notificaciones push de respuestas de formularios en las notificaciones de tu escritorio y en tu navegador. Para activar las notificaciones push, sigue estos pasos:

  1. Abre vista de lista en el editor.
  2. Selecciona el bloque Formulario en la lista.
  3. En la barra lateral de ajustes del bloque, expande las notificaciones del formulario.
  4. Activa la opción «Activar notificaciones de respuestas».
  5. Elige cuál de los usuarios de tu sitio recibirá notificaciones.
  6. Haz clic en Guardar.
The  "Enable notifications for responses" option is toggled on and a site username is shown in the box below.

Configurar el almacenamiento de respuesta

Por defecto, los formularios enviados a través del bloque Formulario se almacenan en respuestas en Jetpack → Formularios. Almacenar tus respuestas en tu sitio es especialmente útil si los mensajes enviados a tu correo electrónico están bloqueados como spam.

Configura el almacenamiento de respuesta siguiendo estos pasos:

  1. Abre vista de lista en el editor.
  2. Selecciona el bloque Formulario en la lista.
  3. En la barra lateral de ajustes del bloque, expande «Almacenamiento de respuesta».
  4. Desactiva la opción «Guardar respuestas» para dejar de almacenar tus mensajes. Activa la opción «Guardar respuestas» para almacenar las respuestas en tu sitio.
The Save responses toggle under Response storage toggled on.

Comprender la sincronización de formularios

Todos los formularios de tu sitio se almacenan como entradas de formulario. Cuando insertas un bloque Formulario en una página, WordPress.com crea una entrada de formulario vinculada a ese bloque. Las ediciones están diseñadas para mantenerse sincronizadas entre las dos:

  • Los cambios en el bloque Formulario en una página actualizan la entrada del formulario.
  • Los cambios en las páginas de actualización del editor de formularios donde aparece ese formulario.
  • El escritorio Formularios de Jetpack → Formularios muestra todas las entradas de formulario en un solo lugar.

La sincronización se produce automáticamente al guardar. Si un formulario no aparece en el escritorio Formularios después de insertarlo en una página, conviértelo siguiendo estos pasos.

Copied to clipboard!