Cómo añadir y personalizar formularios HTML en WordPress: tutorial detallado

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

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 nombre, dirección de correo electrónico, comentarios e información de pedidos. A diferencia de los plugins de formularios de WordPress, los formularios HTML se implementan escribiendo manualmente código HTML, lo que les da más control y personalización. Con los formularios HTML, tienes libertad para configurar 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 rendimientoLos formularios HTML son un código ligero y de carga rápida para sitios con requisitos de alto rendimiento.
2. Control totalEl código HTML manuscrito 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: Utilizar el complemento HTML Forms

Para los usuarios sin experiencia en codificación, el uso de un plugin de formulario HTML es la forma más sencilla. Si utiliza el plugin 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 quieran configurarlos rápidamente.

Pasos:

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

2. Creación de un nuevo formularioDespués de activar el plugin, vaya a Formularios HTML > Añadir nuevo formularioSi tiene un nombre de formulario, introduzca el nombre del formulario, por ejemplo, "Formulario de ejemplo", y haga clic en "Creación de formularios".

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

4. Formularios de contabilizaciónDespués de guardar los cambios, utilice la teclacó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 de servicios 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: Usar WPForms para añadir HTML personalizado a los formularios de WordPress

WPForms es una opción ideal para quienes desean 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. Instale el plugin WPFormsBuscar e instalar en el repositorio de plugins de WordPress WPForms Complementos.

2. Creación de un nuevo formularioDespués de activar el plugin, vaya a WPForms > Añadir nuevo formularioSeleccione la plantilla "Formulario de contacto simple".

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

4. Configuración personalizada del formularioConfiguración de 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 después de 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 web antigua, puede cargarla cargando el archivo Página HTMLPara visualizarlo en WordPress. Basta con colocar el archivo HTML y sus archivos CSS y de imagen asociados en una carpeta y subirla al directorio raíz de WordPress.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres