Cómo agregar formularios HTML en WordPress (2 métodos)

Tienes un formulario HTML listo para usar, pero agregarlo a WordPress puede ser complicado y requiere muchas pruebas.

La razón es simple: agregar formularios HTML a WordPress requiere el enfoque correcto para asegurar que funcionen adecuadamente y se integren sin problemas con tu sitio.

WordPress no maneja los formularios de la misma manera que un sitio web HTML normal. Si simplemente copias y pegas el código del formulario, a menudo no funcionará correctamente sin algunos pasos adicionales.

En nuestros propios sitios, usamos el plugin WPForms porque se encarga de toda la configuración por nosotros. Dicho esto, sabemos que muchos usuarios prefieren usar formularios HTML personalizados para mantener las cosas ligeras, tener control total sobre su código o evitar agregar otro plugin.

En esta guía, te mostraremos 2 maneras fáciles de agregar formularios HTML en WordPress, para que tu formulario se muestre correctamente, funcione como se espera y no rompa tu sitio. 💡

¿Qué son los formularios HTML y por qué crear uno?

Los formularios HTML funcionan de manera similar a otros formularios de sitios web. Permiten a los visitantes escribir y enviar información como nombres, direcciones de correo electrónico, comentarios, pedidos y más.

Lo que los diferencia es que los formularios HTML se crean usando código en lugar de un editor visual de arrastrar y soltar como un plugin de formularios. Esto significa que debes definir tú mismo campos como cuadros de texto, casillas de verificación, botones de radio y campos desplegables.

Aquí hay algunas ventajas de crear formularios desde cero usando HTML:

• Rendimiento optimizado. Los formularios HTML tienden a cargarse más rápido y usan menos memoria porque el código es ligero.
• Control. Tendrás control total sobre el diseño y la funcionalidad del formulario porque no estás limitado por las características de un constructor de formularios.
• Personalización. Los formularios HTML se pueden adaptar exactamente a tus necesidades, ofreciendo una personalización de formularios más flexible.

Si bien crear formularios HTML desde cero es una excelente manera de aprender y practicar codificación, tiene sus propios desafíos.

Podrías tener problemas con la compatibilidad entre navegadores, donde el formulario funciona de manera diferente en distintos navegadores web.

Además, según nuestra experiencia, manejar la validación de formularios con JavaScript puede ser complicado. Necesita pruebas exhaustivas para asegurar que puedes recopilar y procesar todas las entradas del usuario correctamente.

En resumen, aquí están las ventajas y desafíos clave de codificar formularios HTML manualmente:

✅ Beneficios	🛑 Desafíos
Tiempos de carga de página más rápidos con código ligero	Asegurar la compatibilidad entre diferentes navegadores
Control total sobre el diseño y la funcionalidad	Crear validación de formularios y manejo de errores
Personalización precisa para requisitos específicos	Configurar protección contra spam manualmente
Mejores oportunidades para la optimización del rendimiento	Manejar la configuración y el procesamiento del lado del servidor

La mayoría de los usuarios de WordPress encuentran que los plugins ofrecen el mejor punto intermedio. Te brinda opciones de personalización HTML sin la complejidad de la configuración manual del servidor.

Dicho esto, hay formas de agregar formularios HTML sin estas complejidades. Por lo tanto, sin importar si administras un blog de WordPress, un sitio de negocios o una tienda en línea, puedes agregar fácilmente formularios HTML a tu sitio sin tener que codificar desde cero.

En las siguientes secciones, te mostraremos cómo agregar formularios HTML a WordPress. Aquí tienes un resumen rápido de los 2 métodos que cubriremos en esta guía:

• Método 1: Agregar formularios HTML en WordPress usando el plugin HTML Forms (Fácil)
• Método 2: Agregar HTML personalizado a formularios de WordPress con WPForms
• Consejo adicional: Subir una página HTML personalizada a WordPress
• Preguntas frecuentes: Cómo agregar formularios HTML en WordPress
• Recursos adicionales: Más guías de formularios de WordPress

¿Listo? Empecemos.

Método 1: Agregar formularios HTML en WordPress usando el plugin HTML Forms (Fácil)

🎖️ Ideal para: Desarrolladores y administradores de sitios que desean control HTML completo con una solución ligera y enfocada en el rendimiento. El plugin enfatiza la simplicidad y la velocidad sobre los constructores visuales.

Dado que WordPress no procesa las envíos de formularios HTML sin formato de forma predeterminada, una forma sencilla de agregar un formulario HTML a un sitio web de WordPress es usar un plugin de formularios gratuito como HTML Forms. Esto proporciona el código de backend necesario para recopilar y enviarte los datos por correo electrónico, al tiempo que te permite escribir el HTML tú mismo.

Con más de 10,000 instalaciones activas y una calificación de 4.9 sobre 5 estrellas en WordPress.org, es una herramienta confiable para crear y configurar formularios HTML en un solo lugar, por lo que no tienes que lidiar con ninguna configuración del lado del servidor.

Para comenzar, asegúrate de tener el plugin instalado en tu sitio web de WordPress.

Desde tu panel de control de WordPress, ve a Plugins » Agregar Nuevo desde la barra lateral izquierda y usa el cuadro de búsqueda para encontrar el plugin.

Cuando lo veas en el resultado de la búsqueda, haz clic en 'Instalar ahora' y luego en 'Activar'. Si necesitas ayuda, puedes seguir nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, puedes navegar a HTML Forms » Agregar Nuevo desde la barra lateral izquierda en tu panel de administración de WordPress para comenzar a crear tu formulario de contacto.

Esto te redirigirá a la página ‘Añadir Nuevo Formulario’.

A partir de aquí, lo primero que deberás hacer es nombrar tu formulario escribiendo el nombre en el campo 'Título del formulario'. Por ejemplo, nombramos nuestro formulario 'Suscripción al boletín'.

A continuación, haz clic en el botón ‘Crear Formulario’ debajo del campo.

Una vez que hagas eso, aparecerá la página ‘Editar Formulario’ y podrás empezar a personalizar tu formulario de contacto HTML.

En la parte superior de la página, verás los detalles de tu formulario, incluido el título del formulario, slug, y shortcode. No tienes que memorizar estos detalles, ya que estarán disponibles en el panel de HTML Forms cuando los necesites.

Debajo de estos detalles, encontrarás las pestañas del menú. En la pestaña ‘Campos’, puedes ver varios botones de campo, como ‘Texto’, ‘Fechas’, ‘Casillas de verificación’ y ‘Botones de radio’, para añadir a tus formularios.

Ahora, desplázate un poco más hacia abajo.

En la parte inferior de esta pestaña, encontrarás un formulario HTML preconstruido junto con la vista previa.

Este formulario de contacto es bastante simple. Tiene 4 campos para que los usuarios escriban su nombre, dirección de correo electrónico, un asunto breve y un mensaje.

Ahora, digamos que quieres agregar un nuevo campo con un registro para suscribirte a un boletín por correo electrónico. Simplemente haz clic en uno de los botones de campo encima de 'Código del formulario'.

Por ejemplo, usaremos un campo desplegable y crearemos una opción 'Sí/No' para la suscripción al boletín.

Desde aquí, querrás hacer clic en ‘Dropdown’ (Desplegable), y esto abrirá las opciones de configuración del campo desplegable. Puedes empezar a completar los detalles, que incluyen la etiqueta y las opciones del campo.

Después de ingresar los detalles, puedes hacer clic en ‘Add Field to Form’ (Agregar campo al formulario).

Luego, deberías ver la etiqueta del campo desplegable en la sección ‘Form Code’ (Código del formulario). Simplemente desplázate hacia abajo en la pestaña para revisarlo.

El siguiente paso es reorganizar el formulario de contacto.

Para mantener un buen flujo, querrás que los campos desplegables estén justo debajo del campo 'Correo electrónico'.

Dado que este plugin no tiene un constructor de arrastrar y soltar, necesitarás mover el código manualmente. Continúa y corta el código del campo desplegable desde la etiqueta <p> de apertura hasta la etiqueta </p> de cierre.

Luego, simplemente pega ese fragmento de código justo después de la etiqueta de cierre del campo 'Correo electrónico' (que generalmente se ve como </p> o </label>).

El campo predeterminado ‘Subject’ (Asunto) podría no ser necesario para un formulario de suscripción a boletines. Por lo tanto, recomendamos eliminar el campo.

Puedes hacer esto eliminando todo el bloque de párrafo que contiene la etiqueta y el campo de entrada del Asunto, incluyendo las etiquetas de apertura <p> y cierre </p>.

Después de mover y eliminar etiquetas, querrás desplazarte hacia abajo en la pestaña hasta la sección ‘Form Preview’ (Vista previa del formulario).

En esta sección, puedes verificar si has movido y eliminado los campos con éxito sin romper nada. En la Vista Previa del Formulario a continuación, puedes verificar que el campo Asunto desapareció sin romper el diseño del formulario. También puedes verificar si el menú desplegable funciona correctamente.

Cuando estés satisfecho con los resultados, haz clic en el botón azul ‘Save Changes’ (Guardar cambios) debajo de la sección ‘Form Code’.

Una vez que el proceso de guardado haya terminado, deberías ver una notificación ‘Form updated.’ (Formulario actualizado) en la parte superior de esta página.

Ahora, es posible que desees revisar la configuración del formulario. Pasemos a la pestaña ‘Messages’ (Mensajes) para ver cómo HTML Forms configura los mensajes de confirmación de envío del formulario.

Simplemente haz clic en ‘Mensajes’ para abrir la pestaña.

Esta pestaña te permite editar el texto predefinido para cuando el envío del formulario de un usuario sea exitoso y otras situaciones similares.

Si todo te parece bien, puedes dejarlo así. Si realizas algún cambio, no olvides hacer clic en el botón 'Guardar cambios' para no perder tu progreso.

A continuación, vamos a la pestaña ‘Configuración’.

Por defecto, HTML Forms establecerá 'Sí' para guardar cada envío de formulario y 'No' para ocultar el formulario después de un envío exitoso. Puedes personalizar esto según sea necesario.

Luego, en 'Redirigir a URL después de registros exitosos', puedes copiar y pegar la URL de una página web activa de tu sitio web de WordPress. Alternativamente, puedes dejar el campo vacío o ingresar 0 para mantener a los usuarios en la página actual después de enviar el formulario con éxito.

Cuando todo esté configurado, todo lo que queda por hacer es agregar el formulario HTML a una página de WordPress.

Dirijámonos a Entradas o Páginas » Todas las Entradas o Todas las Páginas desde el panel de WordPress.

Para esta guía, agregaremos el formulario HTML a nuestra página de 'Contacto'.

Así que, pasaremos el cursor sobre la página 'Contacto' en la lista y haremos clic en 'Editar' cuando aparezca.

Esto iniciará el editor de bloques de la página 'Contacto'.

En el editor, puedes empezar a elegir un área para agregar el formulario. Luego, simplemente pasa el cursor sobre un área entre bloques y haz clic en el botón '+' para agregar el bloque de Formularios HTML, o haz clic en el ícono del insertador de bloques en la barra de herramientas superior izquierda.

Ahora, puedes escribir 'Formularios HTML' en la barra de búsqueda en la parte superior del panel del insertador de bloques para encontrar rápidamente el bloque. Una vez que tengas el resultado de la búsqueda, haz clic en él.

Verás un menú desplegable en el bloque 'Formularios HTML'. Simplemente expándelo y selecciona el formulario que deseas mostrar. Aquí, estamos eligiendo el formulario 'Registro de Boletín' que acabamos de crear.

El formulario aparecerá cuando publiques tu contenido. Así que, una vez que hayas seleccionado el formulario del menú desplegable, puedes hacer clic en el botón 'Actualizar'.

Tu formulario ahora está en vivo y los usuarios pueden registrarse en tu boletín. Aquí tienes cómo podría verse en tu sitio:

Para ver las sumisiones del formulario, primero puedes dirigirte a Formularios HTML » Todos los Formularios. Esto te llevará a la lista de todos tus Formularios HTML.

Luego, simplemente pasa el cursor sobre un formulario y haz clic en el botón ‘Envíos’ cuando aparezca.

Desde aquí, puedes ver todos los envíos de tu formulario.

La tabla de ‘Envíos’ detalla toda la información que los usuarios completaron en tu formulario. Luego, está la columna ‘Marca de tiempo’, que te dice cuándo enviaron el formulario.

Por ejemplo, aquí, el primer envío fue realizado por ‘Usuario 1’.

De la tabla, podemos ver que el usuario envió el formulario el 25 de junio alrededor de la 1 p.m. Además, ‘Usuario 1’ respondió ‘Quizás más tarde’ a la pregunta ‘¿Quieres suscribirte a nuestro boletín?’. Por lo tanto, en este caso, no deberías agregar su dirección de correo electrónico a tu lista de correo.

Método 2: Agregar HTML personalizado a formularios de WordPress con WPForms

🎖️ Lo mejor para: Usuarios no técnicos que desean formularios profesionales en minutos sin codificación. WPForms es elogiado por los usuarios por hacer posible crear formularios atractivos rápidamente con su intuitiva interfaz de arrastrar y soltar.

Otro enfoque es usar un constructor visual de formularios de contacto como WPForms, el plugin de formularios de WordPress mejor valorado con más de 6 millones de instalaciones activas y una calificación de 4.8 sobre 5 estrellas de más de 14,000 reseñas.

Esta es la mejor opción si deseas crear el formulario visualmente pero necesitas insertar elementos HTML específicos, como un enlace, un formato de texto o una información sobre herramientas, usando código.

Por ejemplo, podrías usar HTML personalizado para mostrar un breve mensaje de advertencia en un formulario de pago con un enlace a tu página de 'Política de Reembolsos y Devoluciones'.

O también puedes agregar una barra de progreso para que los usuarios sepan cuánto les falta para completar el formulario. El HTML personalizado incluso te permite insertar emojis o agregar una información sobre herramientas.

En este método, te mostraremos cómo agregar fragmentos de código HTML para personalizar tus formularios de WordPress usando WPForms, el mejor constructor de formularios para WordPress.

Más sobre WPForms

WPForms es el constructor de formularios de WordPress más popular, con más de 6 millones de instalaciones activas.

Más allá de su constructor de arrastrar y soltar, incluye una gran biblioteca de complementos e integraciones que pueden extender tus formularios sin necesidad de desarrollo personalizado. Por ejemplo, puedes:

• Rastrear y recuperar el abandono de formularios (Plan Elite)
• Crear formularios conversacionales (Plan Pro)
• Ejecutar encuestas y sondeos (Plan Pro)
• Aceptar pagos a través de Stripe, PayPal, Square y Authorize.Net (Plan Plus)
• Recopilar firmas digitales (Plan Pro)
• Registrar usuarios de WordPress automáticamente (Plan Pro)

La versión gratuita WPForms Lite incluye el constructor de formularios principal y campos básicos. El campo HTML utilizado en este tutorial requiere una licencia premium (Básico o superior). La disponibilidad varía según el plan: el campo HTML está disponible desde Básico ($49.50/año), y los complementos más avanzados requieren Pro ($199.50/año) o Elite ($299.50/año).

En WPBeginner, usamos WPForms para formularios de contacto, encuestas anuales y formularios de solicitud de migración de sitios porque hace que la creación y administración de formularios sea mucho más fácil que codificarlos a mano.

Obtén más información sobre este plugin en nuestra reseña detallada de WPForms.

Antes de comenzar, asegúrate de tener una cuenta de WPForms con una licencia premium que incluya el campo HTML (plan Básico o superior).

En el sitio web de WPForms, haz clic en el botón ‘Obtener WPForms Ahora’, elige un plan que incluya el campo HTML (licencia Básica o superior a $49.50/año o más) y completa el pago.

Al registrarte, tendrás tu propio panel de WPForms, donde podrás descargar tu archivo zip de WPForms y copiar tu clave de licencia.

Ahora, estás listo para instalar y activar WPForms en tu sitio web de WordPress.

Desde tu panel de WordPress, ve a Plugins » Agregar Nuevo y haz clic en el botón ‘Subir Plugin’ en la parte superior.

Ahora deberías ver el cargador de archivos.

Haz clic en ‘Elegir Archivo’ para subir tu archivo zip de WPForms desde tu computadora local. Después de eso, simplemente haz clic en ‘Instalar Ahora’ y luego en ‘Activar’.

Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Tras la activación, puedes navegar a WPForms » Configuración para ingresar tu código de licencia. Después de ingresar la clave, simplemente haz clic en el botón ‘Verificar Clave’ para iniciar la verificación.

Una vez hecho esto, puedes comenzar a crear tu formulario y agregar HTML personalizado.

Para esta guía, te mostraremos cómo agregar una simple información sobre herramientas a tu formulario de contacto.

Un tooltip es como un pequeño cuadro emergente que aparece cuando pasas el cursor del ratón sobre un elemento web. Es útil porque permite a los usuarios obtener más información sobre un elemento web específico sin hacer clic ni abandonar la página en la que se encuentran.

Pero primero, vamos a crear el formulario de contacto. Simplemente ve a WPForms » Añadir Nuevo desde tu área de administrador de WordPress para empezar.

Esto abrirá el panel de ‘Configuración’, donde primero deberás nombrar tu formulario. Este nombre es solo para referencia interna, así que puedes usar lo que quieras.

El siguiente paso es seleccionar cómo quieres construir tu formulario.

Con WPForms, puedes crear formularios usando el constructor de formularios con IA (plan Básico o superior), una plantilla predefinida o desde cero.

Si quieres usar el constructor con IA, solo tienes que ingresar una indicación sencilla. La IA creará el formulario por ti en pocos segundos.

Sin embargo, para este tutorial, usaremos una plantilla preconstruida.

Como hay más de 2100 plantillas de formularios para elegir, puedes usar la barra de búsqueda para filtrarlas rápidamente. Para hacerlo, simplemente escribe ‘Formulario de Contacto’ y espera a que se complete la búsqueda.

Si quieres explorar cada resultado de búsqueda para ver cómo es el formulario, puedes aprovechar la función de vista previa. Simplemente pasa el cursor sobre la plantilla del formulario y haz clic en 'Ver demostración'.

Una vez que hayas encontrado el formulario de contacto perfecto para tus necesidades, pásale el cursor por encima una vez más y haz clic en 'Usar plantilla'.

Esto iniciará el constructor de formularios.

Ahora, todas las herramientas de personalización están en el panel izquierdo, y la vista previa en vivo del formulario está en el lado derecho de tu pantalla.

En esta página, puedes usar la función de arrastrar y soltar para agregar elementos del panel izquierdo a la vista previa en vivo. También puedes usar la función para mover campos en la vista previa en vivo.

Intentemos agregar el campo HTML al formulario. Todo lo que tienes que hacer es desplazarte hacia abajo en el panel izquierdo y luego arrastrar y soltar 'HTML' sobre el formulario.

Después de insertar el campo HTML, puedes hacer clic en él para abrir sus opciones de personalización. Aquí, lo primero que debes hacer es completar la 'Etiqueta' del campo. También puedes dejarla vacía.

Luego, insertarás el código HTML personalizado en el campo 'Código'.

Para crear un tooltip, puedes usar la etiqueta <span> o simplemente copiar el siguiente código y pegarlo en el campo ‘Código’:

<span title="We have cool stuff to share every week. :)">Hi there! We have an email newsletter you might want to subscribe to. Let us know in the Comment or Message field, and we'll sign you up.</span>

Este es solo código de ejemplo, así que siéntete libre de editar el texto para que se ajuste a tus necesidades. ¡La parte title="" del código es exactamente lo que le dice al navegador web que cree el efecto emergente al pasar el ratón!

Ten en cuenta que WPForms no muestra el código HTML en la vista previa del constructor de formularios. Para previsualizar el campo y asegurarte de que todo esté correcto, puedes guardar los cambios primero y hacer clic en 'Vista previa'.

Esto te llevará a una nueva pestaña.

Ahora, probemos si el fragmento de código HTML para tu tooltip funciona correctamente. Simplemente pasa el cursor sobre el texto y espera a que aparezca el tooltip durante unos segundos.

Cuando estés satisfecho con el resultado, puedes volver al constructor de formularios para finalizar tu formulario.

La configuración de notificación y confirmación de tu formulario ya está lista en WPForms. Sin embargo, si deseas personalizarlas, ve a ‘Ajustes’ y luego a ‘Notificaciones’ o ‘Confirmaciones’.

En la sección ‘Notificaciones’, puedes agregar varios destinatarios para la presentación de tu formulario de contacto.

Para agregar varios destinatarios, separa las direcciones de correo electrónico con comas: correo1@ejemplo.com, correo2@ejemplo.com, correo3@ejemplo.com. También puedes pasar el cursor sobre el botón de signo de interrogación junto al campo ‘Enviar a la dirección de correo electrónico’ para obtener instrucciones adicionales.

También puedes editar el texto predeterminado para la línea de asunto de tu correo electrónico.

Por ejemplo, nosotros cambiamos el nuestro de ‘Nueva entrada: Formulario de contacto’ a ‘Tienes correo: Nuevo contacto’.

Una vez que hayas personalizado tus notificaciones, querrás pasar al panel de ‘Confirmación’.

Por defecto, WPForms establece tu tipo de confirmación en ‘Mensaje’ y tiene el texto predeterminado listo para ti. Definitivamente puedes cambiar estas configuraciones si lo deseas.

Además de mostrar un mensaje de confirmación, puedes redirigir a los usuarios a una nueva página o a una URL específica.

Una vez que todo esté configurado, es hora de publicar y incrustar el formulario de WordPress.

Haz clic en el botón naranja ‘Incrustar’ en la esquina superior derecha del constructor de formularios para comenzar a publicar.

WPForms te preguntará si deseas agregar el formulario a una página existente o a una nueva. En esta guía, elegiremos ‘Seleccionar página existente’.

En la siguiente ventana emergente, elegirás una página de la lista de páginas disponibles. Después de eso, puedes hacer clic en ‘¡Vamos!’ para ir al editor de bloques de la página.

Ahora, puedes pasar el cursor sobre un área entre bloques y hacer clic en el botón ‘+’, o hacer clic en el icono del insertador de bloques en la barra de herramientas superior izquierda. Continúa y selecciona el bloque WPForms.

Luego, puede elegir un formulario del menú desplegable del bloque WPForms.

Una vez que haya seleccionado un formulario, WPForms lo cargará en el área de contenido seleccionada. Si desea mostrar el título del formulario, puede ir a la pestaña ‘Bloque’ en el panel derecho y activar el control deslizante ‘Mostrar título’.

Cuando esté satisfecho con todo, continúe y presione el botón ‘Actualizar’.

¡Y listo! Ha agregado HTML personalizado a su formulario de contacto de WPForms y lo ha publicado en su sitio web de WordPress.

Ahora, los usuarios pueden comenzar a completar el formulario y, posiblemente, registrarse en tu boletín informativo por correo electrónico.

Para ver todas las envíos de formularios de WPForms, navega a WPForms » Todos los Formularios.

Luego, puede pasar el cursor sobre ‘Formulario de contacto’ o cualquier formulario de la lista y hacer clic en ‘Entradas’ cuando aparezca el botón.

En la siguiente pantalla, debería poder ver todas las entradas de su formulario.

La tabla detalla toda la información que los usuarios enviaron con el formulario, así como la hora del envío.

Por ejemplo, el 2 de julio alrededor de las 8 a. m., ‘Usuario 3’ dijo que quería suscribirse al boletín informativo por correo electrónico y dejó una pregunta sobre cómo contactar a nuestro equipo de atención al cliente.

También podemos ver la columna de ‘Acciones’. En esta columna, hay varios botones: ‘Ver’, ‘Editar’, ‘Spam’ y ‘Papelera’.

Si haces clic en ‘Ver’, WPForms te llevará a una página de resumen dedicada de una entrada. En esta página, el plugin te anima a activar dos complementos.

El primero es el complemento Geolocation para rastrear desde dónde envía el formulario el usuario. El segundo es el complemento User Journey, que puede ayudarte a analizar el recorrido del usuario por tu sitio hasta que haga clic en el botón ‘Enviar’.

Recomendamos instalar y activar estos complementos para un rendimiento más optimizado del formulario. Ten en cuenta que ambos complementos están disponibles en la licencia Pro ($199.50/año) o superior.

Los botones ‘Spam’ y ‘Papelera’ son útiles para marcar envíos falsos y eliminarlos de tus entradas. Para obtener más información sobre cómo reducir los envíos de formularios falsos, puedes leer nuestra guía sobre cómo bloquear el spam de formularios de contacto.

Consejo adicional: Subir una página HTML personalizada a WordPress

Es posible que también estés buscando una forma de subir una página HTML personalizada a tu sitio de WordPress. Esto puede ser útil si tienes una plantilla estática que deseas usar o una página HTML de un sitio web antiguo.

En general, puedes subir una sola página HTML sin archivos CSS o de imagen separados usando un plugin de Administrador de Archivos o un cliente FTP.

Pero, si la página que deseas subir incluye archivos CSS e imágenes separados, deberás subirlos en una carpeta, manteniendo la misma estructura de directorios utilizada en tu archivo HTML.

AIOSEO, el mejor plugin SEO para WordPress, puede ayudar a los motores de búsqueda a encontrar tu página HTML personalizada agregándola a tus sitemaps XML.

Para obtener más información, consulta nuestra guía para principiantes sobre cómo subir una página HTML a WordPress sin errores 404.

Preguntas frecuentes: Cómo agregar formularios HTML en WordPress

Hemos respondido algunas preguntas comunes para ayudarte a agregar formularios HTML a WordPress con facilidad.

¿Por qué mi formulario HTML no funciona en WordPress?

Este es un problema común. En WordPress, simplemente pegar un formulario HTML generalmente no es suficiente para que funcione.

Si bien el formulario puede mostrarse correctamente, WordPress no procesa automáticamente los envíos del formulario. A diferencia de un sitio HTML básico, no hay un script incorporado para manejar los datos cuando alguien hace clic en Enviar.

Para que el formulario sea funcional, necesitarás agregar código PHP personalizado para procesar los envíos o usar un plugin que se encargue de esto por ti.

¿Cómo puedo asegurarme de que mis envíos de formularios se procesen correctamente?

La opción más fácil es usar un plugin de formularios de contacto como WPForms o Formidable Forms. Estos plugins manejan todo detrás de escena, incluyendo el guardado de entradas, el envío de notificaciones por correo electrónico y el bloqueo de spam, para que no tengas que configurarlo tú mismo.

¿Aún puedo personalizar mis formularios si uso HTML?

Sí, absolutamente. Usar HTML te da control total sobre cómo se ve y funciona tu formulario. Solo ten en cuenta que también serás responsable de todo lo demás, como:

• Estilizar el formulario con tu propio CSS
• Agregar validación, mensajes de error o lógica condicional con código personalizado
• Asegurarse de que el formulario funcione correctamente en diferentes dispositivos y navegadores

Así que sí, tienes total flexibilidad, pero también total responsabilidad.

Recursos adicionales: Más guías de formularios de WordPress

Esperamos que este artículo te haya ayudado a aprender cómo agregar formularios HTML en WordPress. A continuación, quizás quieras consultar nuestras guías sobre:

• Cómo Crear un Formulario de Reservas en WordPress (Métodos Fáciles)
• Cómo crear formularios multilingües en WordPress
• Cómo Crear Formularios Conversacionales en WordPress
• Cómo exportar entradas de formularios de WordPress a CSV y Excel
• Guía definitiva para usar formularios de WordPress

Si te gustó este artículo, suscríbete a nuestro Canal de YouTube para ver tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.