¿Qué son los formularios HTML? ¿Por qué los necesita?

Un formulario HTML es un área que permite a los usuarios introducir y enviar datos, y se utiliza habitualmente para recopilar información del usuario como el nombre, la dirección de correo electrónico, comentarios e información sobre pedidos. A diferencia de los plugins de formularios de WordPress, los formularios HTML se implementan escribiendo manualmente código HTML, lo que les confiere un mayor control y personalización. Con los formularios HTML, tiene libertad para establecer campos como cuadros de texto, casillas de verificación, botones de radio, etc., así como para controlar el diseño y el estilo del formulario.

Ventajas de utilizar formularios HTML

1. optimización del rendimiento: Los formularios HTML son ligeros y de carga rápida para sitios con requisitos de alto rendimiento.
2. Control total: El código HTML escrito a mano le ofrece un control preciso sobre el aspecto y la funcionalidad de sus formularios.
3. Personalización flexible: los formularios HTML pueden personalizarse de forma flexible para satisfacer sus necesidades sin las limitaciones de funcionalidad de un plug-in.

Dos formas de añadir formularios HTML a WordPress

Método 1: Utilice el complemento HTML Forms

Para los usuarios sin experiencia en codificación, utilizar un plugin de formulario HTML es la forma más sencilla. Si utiliza el Formularios HTML Plugin. Este plugin permite la creación y configuración rápida de formularios en el panel de control de WordPress para los usuarios que deseen configurarlos rápidamente.

Pasos:

1. Instalación de plug-ins: Navegue hasta el repositorio de plugins en el panel de control de WordPress, busque e instale el plugin Formularios HTML Complementos.

2. Crear un nuevo formulario: Después de activar el plugin, navegue hasta Formularios HTML > Añadir nuevo formularioSi tiene un nombre de formulario, introduzca el nombre del formulario, por ejemplo, "Formulario de ejemplo", y luego haga clic en "Creación de formularios".

3. Configuración de los campos del formularioEn la página de edición, puede añadir campos como texto, fechas, casillas de verificación, etc. al formulario mediante pestañas. Reordene los campos y elimine los campos no deseados para asegurarse de que el diseño del formulario es el esperado.

4. Formularios de contabilización: Después de guardar los cambios, utilice lacódigo cortoInserte el formulario en la página o artículo, publique la página y entonces podrá ver el efecto del formulario en el front end.

Atención:Los formularios HTML no admiten la integración del servicio de marketing por correo electrónico. Por lo tanto, es necesario añadir manualmente la dirección de correo electrónico del usuario a su lista de correo.

Método 2: Utilice WPForms para añadir HTML personalizado a los formularios de WordPress

WPForms es una opción ideal para quienes deseen añadir código HTML personalizado a sus formularios. Aunque WPForms es un constructor de formularios de arrastrar y soltar, permite a los usuarios insertar fragmentos de código HTML en el formulario para conseguir efectos más personalizados.

Pasos:

1. Instalar el plugin WPForms: Buscar e instalar en el repositorio de plugins de WordPress WPForms Complementos.

2. Crear un nuevo formulario: Después de activar el plugin, navegue hasta WPForms > Añadir nuevo formularioSeleccione la plantilla "Formulario de contacto simple".

3. Insertar campo HTML: En el constructor de formularios, desde el panel izquierdoarrastrar y soltar (informática)campo "HTML" al formulario. En este campo se pueden añadir fragmentos de código personalizados, como tooltips o instrucciones especiales.

4. Configuración personalizada del formularioConfiguración de los mensajes de notificación y confirmación: configure los mensajes de notificación y confirmación para garantizar que los usuarios puedan recibir notificaciones por correo electrónico tras enviar un formulario y mostrar un mensaje personalizado en la página de confirmación del formulario.
5. Formularios de contabilización: Formularios WPFormsincrustaciónpágina o artículo, actualice la página para que salga en directo.

Subir páginas HTML personalizadas a WordPress

Si tiene una página HTML completa, como una plantilla estática o una página de un sitio web antiguo, puede cargarla cargando el archivo Página HTMLPara visualizarlo en WordPress. Simplemente coloque el archivo HTML y sus archivos CSS y de imagen asociados en una carpeta y súbala al directorio raíz de WordPress.