{"id":5693,"date":"2022-04-07T10:04:17","date_gmt":"2022-04-07T09:04:17","guid":{"rendered":"https:\/\/www.lucushost.com\/blog\/?p=5693"},"modified":"2022-04-11T11:37:45","modified_gmt":"2022-04-11T10:37:45","slug":"plugin-formulario-wordpress","status":"publish","type":"post","link":"https:\/\/www.lucushost.com\/blog\/plugin-formulario-wordpress\/","title":{"rendered":"Los mejores plugins de formulario para WordPress"},"content":{"rendered":"<p>Si est\u00e1s buscando un plugin para a\u00f1adir un formulario de contacto en WordPress, en este post te traigo una recopilaci\u00f3n con 5 opciones muy buenas y que est\u00e1n disponibles para descargar de forma gratuita en el repositorio oficial.<\/p>\n<p><!--more--><\/p>\n<p>Un formulario de contacto es un elemento fundamental para cualquier tipo de p\u00e1gina web. Que los clientes puedan contactar contigo a cualquier hora del d\u00eda para enviar sus consultas sin necesidad de salir de tu web es un punto a tu favor. Algo que ayuda a mejorar la experiencia de usuario y que Google tendr\u00e1 en cuenta a la hora de posicionar tu sitio.<\/p>\n<p>Y muy importante tambi\u00e9n, un plugin de formulario para WordPress te permite recopilar informaci\u00f3n muy valiosa de tus visitas y, por supuesto, <strong><a href=\"https:\/\/www.lucushost.com\/blog\/estrategias-para-generar-leads\/\">captar leads<\/a><\/strong> que luego puedan convertirse en clientes.<\/p>\n<p>Bueno, no me l\u00edo m\u00e1s y voy al grano. A continuaci\u00f3n te muestro mi TOP 5 de mejores plugins de formulario de contacto para WordPress. \u00a1A ver a ti qu\u00e9 te parecen!<\/p>\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Tabla de contenidos:<\/p><ul class=\"toc_list\"><li><a href=\"#5_plugins_de_formulario_para_WordPress\">5 plugins de formulario para WordPress<\/a><ul><li><a href=\"#1_Contact_Form_7\">1. Contact Form 7<\/a><\/li><li><a href=\"#2_WP_Forms\">2. WP Forms<\/a><\/li><li><a href=\"#3_Ninja_Forms\">3. Ninja Forms<\/a><\/li><li><a href=\"#4_Gravity_Forms\">4. Gravity Forms<\/a><\/li><li><a href=\"#5_Formidable_Form_Builder\">5. Formidable Form Builder<\/a><\/li><\/ul><\/li><li><a href=\"#En_conclusion\">En conclusi\u00f3n<\/a><\/li><\/ul><\/div>\n\n<h2><span id=\"5_plugins_de_formulario_para_WordPress\">5 plugins de formulario para WordPress<\/span><\/h2>\n<p>A continuaci\u00f3n te muestro cinco opciones que deber\u00edas valorar si quieres a\u00f1adir un formulario en WordPress. Adem\u00e1s, para que no tengas que probar cada uno de ellos y te puedas hacer una idea de c\u00f3mo funcionan o c\u00f3mo de intuitivo es su panel, te hago un breve resumen de cada uno de estos plugins de formulario.<\/p>\n<p>Ya te adelanto que todos ellos tienen una interfaz muy intuitiva y realmente el funcionamiento de todos ellos es pr\u00e1cticamente el mismo. \u00bfVemos de qu\u00e9 plugins se trata? \ud83d\ude42<\/p>\n<h3><span id=\"1_Contact_Form_7\">1. Contact Form 7<\/span><\/h3>\n<p>Si lees cualquier art\u00edculo que haga una recopilaci\u00f3n con los <a href=\"https:\/\/www.opiniones.hosting\/mejores-plugins\/mejores-plugins-para-wordpress\/\" rel=\"follow noopener\" target=\"_blank\"><strong>mejores plugins para WordPress<\/strong><\/a>, el 95% de las veces siempre se menciona a <strong><a href=\"https:\/\/es.wordpress.org\/plugins\/contact-form-7\/\" rel=\"nofollow noopener\" target=\"_blank\">Contact Form 7<\/a><\/strong>. Y teniendo en cuenta que en el repositorio oficial hay casi 60.000, que casi siempre se mencione al mismo, por algo ser\u00e1, \u00bfno crees?<\/p>\n<p>Tanto es as\u00ed que, actualmente, Contact Form 7 tiene m\u00e1s de 5 millones de instalaciones activas, est\u00e1 traducido en 65 idiomas y muy buenas valoraciones por parte de los usuarios de este <a href=\"https:\/\/www.lucushost.com\/blog\/gestor-de-contenidos\/\">gestor de contenidos<\/a>.<\/p>\n<p>Para m\u00ed, la sencillez a la hora de configurarlo lo convierte en uno de los mejores plugins para crear un formulario de contacto. Eso s\u00ed, la interfaz no es tan amigable como la de otros plugins <em>Drag&amp;Drop<\/em>, pero ya sabes que en esta vida no hay nada perfecto \ud83d\ude1c.<\/p>\n<p>Una vez que lo instalas y lo activas en tu aplicaci\u00f3n, se activa en tu web una secci\u00f3n llamada \u00abContacto\u00bb. Pulsando ah\u00ed, ver\u00e1s que ya tienes un formulario predeterminado con los siguientes campos:<\/p>\n<ul>\n<li aria-level=\"1\">Nombre<\/li>\n<li aria-level=\"1\">Correo electr\u00f3nico<\/li>\n<li aria-level=\"1\">Asunto<\/li>\n<li aria-level=\"1\">Mensaje<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5702\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-de-contacto-plugin-contact-form-7.png\" alt=\"C\u00f3mo crear un formulario de contacto en WordPress con Contact Form 7\" width=\"1144\" height=\"678\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-de-contacto-plugin-contact-form-7.png 1144w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-de-contacto-plugin-contact-form-7-300x178.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-de-contacto-plugin-contact-form-7-1024x607.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-de-contacto-plugin-contact-form-7-768x455.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-de-contacto-plugin-contact-form-7-700x415.png 700w\" sizes=\"(max-width: 1144px) 100vw, 1144px\" \/><\/p>\n<p>El formulario de contacto puedes editarlo completamente a tu gusto, cambiando textos o a\u00f1adiendo nuevos campos (tel\u00e9fono, fecha, URL de la p\u00e1gina web\u2026). Tambi\u00e9n puedes modificar la plantilla de correo electr\u00f3nico que te llega a tu email o los mensajes autom\u00e1ticos que se muestran al usuario cuando interact\u00faa con el formulario.<\/p>\n<p>Si quieres ampliar la informaci\u00f3n, te recomiendo que visites esta gu\u00eda sobre <a href=\"https:\/\/www.lucushost.com\/blog\/como-crear-un-formulario-en-wordpress-con-contact-form-7\/\"><strong>c\u00f3mo crear un formulario con Contact Form 7<\/strong><\/a> en WordPress.<\/p>\n<h3><span id=\"2_WP_Forms\">2. WP Forms<\/span><\/h3>\n<p><strong><a href=\"https:\/\/es.wordpress.org\/plugins\/wpforms-lite\/\" rel=\"nofollow noopener\" target=\"_blank\">Contact Form by WPForms<\/a><\/strong> es otro de los mejores plugins para crear formularios en WordPress.<\/p>\n<p>Lo que m\u00e1s me gusta de este plugin es el editor <i>Drag &amp; Drop <\/i>que te permite insertar un formulario en WordPress arrastrando y soltando elementos. Adem\u00e1s, tienes un mont\u00f3n de formularios predefinidos que puedes utilizar como base para a\u00f1adir a tu web:<\/p>\n<ul>\n<li aria-level=\"1\">Formularios de contacto<\/li>\n<li aria-level=\"1\">Formularios de suscripci\u00f3n a una newsletter<\/li>\n<li aria-level=\"1\">Formularios de aceptaci\u00f3n de t\u00e9rminos y servicios<\/li>\n<li aria-level=\"1\">Formularios de cumplimiento con el GRPD<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5698\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/plantillas-fomulario-contacto-plugin-wp-forms.png\" alt=\"Plantillas disponibles en el plugin de formulario WP Forms\" width=\"1418\" height=\"746\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/plantillas-fomulario-contacto-plugin-wp-forms.png 1418w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/plantillas-fomulario-contacto-plugin-wp-forms-300x158.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/plantillas-fomulario-contacto-plugin-wp-forms-1024x539.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/plantillas-fomulario-contacto-plugin-wp-forms-768x404.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/plantillas-fomulario-contacto-plugin-wp-forms-700x368.png 700w\" sizes=\"(max-width: 1418px) 100vw, 1418px\" \/><\/p>\n<p>Para a\u00f1adir un formulario de contacto en WordPress, puedes elegir la plantilla \u00abSimple Contact Form\u00bb y modificarla en funci\u00f3n a las necesidades de tu sitio. Por defecto, te muestra un formulario como el siguiente, a\u00f1adiendo o quitando los campos que quieras:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5699\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-de-contacto-simple-plugin-wp-forms.png\" alt=\"Crear un formulario de contacto con el plugin WP Forms\" width=\"1424\" height=\"736\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-de-contacto-simple-plugin-wp-forms.png 1424w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-de-contacto-simple-plugin-wp-forms-300x155.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-de-contacto-simple-plugin-wp-forms-1024x529.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-de-contacto-simple-plugin-wp-forms-768x397.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-de-contacto-simple-plugin-wp-forms-700x362.png 700w\" sizes=\"(max-width: 1424px) 100vw, 1424px\" \/><\/p>\n<p>En cualquier caso, siempre puedes seleccionar la opci\u00f3n \u00abFormulario en blanco\u00bb para crearlo completamente a medida y con todos los requerimientos que necesite tu p\u00e1gina web.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5697\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-en-blanco-plugin-wp-forms.png\" alt=\"Crear un formulario en blanco con el plugin WP Forms\" width=\"1415\" height=\"737\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-en-blanco-plugin-wp-forms.png 1415w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-en-blanco-plugin-wp-forms-300x156.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-en-blanco-plugin-wp-forms-1024x533.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-en-blanco-plugin-wp-forms-768x400.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/crear-formulario-en-blanco-plugin-wp-forms-700x365.png 700w\" sizes=\"(max-width: 1415px) 100vw, 1415px\" \/><\/p>\n<p>Una vez que tengas el formulario de contacto preparado, puedes a\u00f1adirlo a WordPress mediante el <em>shortcode <\/em>que te facilita el propio plugin. Tambi\u00e9n en&nbsp; Gutenberg tienes disponible un bloque para insertar el formulario f\u00e1cilmente.<\/p>\n<p>Aunque todas estas opciones puedes hacerlas con la versi\u00f3n gratuita de este plugin, tambi\u00e9n tienes disponible una versi\u00f3n <em>premium<\/em> que te ofrece opciones m\u00e1s avanzadas y que te pueden ser \u00fatiles, por ejemplo, si usas <a href=\"https:\/\/www.lucushost.com\/blog\/mailchimp-wordpress\/\"><strong>Mailchimp con WordPress<\/strong><\/a>.<\/p>\n<h3><span id=\"3_Ninja_Forms\">3. Ninja Forms<\/span><\/h3>\n<p>Otro plugin muy recomendable para crear formularios en WordPress es <strong><a href=\"https:\/\/es.wordpress.org\/plugins\/ninja-forms\/\" rel=\"nofollow noopener\" target=\"_blank\">Ninja Forms<\/a><\/strong>, sobre todo si est\u00e1s empezando con WordPress y ahora entender\u00e1s por qu\u00e9.<\/p>\n<p>Una vez que instalas y activas el plugin en tu web, se crea una secci\u00f3n en WordPress llamada \u00abNinja Forms\u00bb. En ella, ya tienes creado un formulario de contacto predefinido como este:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5706\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/fomurlario-de-contacto-predefinido-plugin-ninja-forms.png\" alt=\"Formulario de contacto predefinido en Ninja Forms\" width=\"1422\" height=\"735\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/fomurlario-de-contacto-predefinido-plugin-ninja-forms.png 1422w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/fomurlario-de-contacto-predefinido-plugin-ninja-forms-300x155.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/fomurlario-de-contacto-predefinido-plugin-ninja-forms-1024x529.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/fomurlario-de-contacto-predefinido-plugin-ninja-forms-768x397.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/fomurlario-de-contacto-predefinido-plugin-ninja-forms-700x362.png 700w\" sizes=\"(max-width: 1422px) 100vw, 1422px\" \/><\/p>\n<p>Pulsando en cada uno de los campos, puedes modificar el texto para traducirlo al espa\u00f1ol o a\u00f1adir las opciones que necesites para tu web.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5707\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-ninja-forms-1.png\" alt=\"Modificar los campos para crear un formulario de contacto con el plugin Ninja Forms\" width=\"1420\" height=\"702\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-ninja-forms-1.png 1420w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-ninja-forms-1-300x148.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-ninja-forms-1-1024x506.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-ninja-forms-1-768x380.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-ninja-forms-1-700x346.png 700w\" sizes=\"(max-width: 1420px) 100vw, 1420px\" \/><\/p>\n<p>Si necesitas a\u00f1adir m\u00e1s campos, simplemente pulsa en el s\u00edmbolo \u00ab+\u00bb y arrastra los elementos que necesites a tu formulario.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5705\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/campos-para-crear-un-formulario-con-plugin-ninja-forms.png\" alt=\"A\u00f1adir campos para crear un formulario de contacto con el plugin Ninja Forms\" width=\"938\" height=\"761\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/campos-para-crear-un-formulario-con-plugin-ninja-forms.png 938w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/campos-para-crear-un-formulario-con-plugin-ninja-forms-300x243.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/campos-para-crear-un-formulario-con-plugin-ninja-forms-768x623.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/campos-para-crear-un-formulario-con-plugin-ninja-forms-700x568.png 700w\" sizes=\"(max-width: 938px) 100vw, 938px\" \/><\/p>\n<h3><span id=\"4_Gravity_Forms\">4. Gravity Forms<\/span><\/h3>\n<p>Cuando se trata de plugins para formularios en WordPress, <strong><a href=\"https:\/\/www.gravityforms.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Gravity Forms<\/a><\/strong> se lleva la medalla de oro. De hecho, podr\u00edamos decir que es un plugin <em>todoterreno<\/em>.<\/p>\n<p>Con Gravity Forms puedes crear cualquier tipo de formulario en WordPress y, a su vez, es una de las herramientas m\u00e1s poderosas para captar leads, automatizar flujos de trabajo y procesar pagos.<\/p>\n<p>\u00bfLo malo? S\u00ed, siempre hay un <em>pero<\/em> (ya lo s\u00e9), y es que es un plugin <em>premium<\/em> y no tiene ninguna versi\u00f3n gratuita en el repositorio oficial. Eso s\u00ed, ahora tienen disponible una versi\u00f3n demo para probarla sin compromiso en una instalaci\u00f3n de WordPress. As\u00ed puedes ver c\u00f3mo funciona, si se ajusta o no a lo que buscas y si merece la pena hacer la inversi\u00f3n.<\/p>\n<p>Si es la primera vez que vas a utilizar un plugin para crear un formulario en WordPress, aunque la interfaz sea intuitiva, puede ser que al ver tantas opciones te hagas un poco el l\u00edo (\u00a1nos pasa siempre!).<\/p>\n<p>Cuando instalas y activas el plugin, ver\u00e1s que en el men\u00fa de WordPress se crea la secci\u00f3n \u00abForms\u00bb; haz clic sobre ella. Por defecto, GravityForms ya tiene un mont\u00f3n de plantillas creadas; formularios de contacto, de suscripci\u00f3n, de pago, de donaciones\u2026 Elige el que m\u00e1s se adapte a tu sitio y pulsa sobre \u00abEdit\u00bb.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5709\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/seleccionar-un-formulario-de-contacto-plugin-gravity-forms.png\" alt=\"Seleccionar una plantilla de formulario de contacto con el plugin Gravity Forms \" width=\"1374\" height=\"681\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/seleccionar-un-formulario-de-contacto-plugin-gravity-forms.png 1374w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/seleccionar-un-formulario-de-contacto-plugin-gravity-forms-300x149.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/seleccionar-un-formulario-de-contacto-plugin-gravity-forms-1024x508.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/seleccionar-un-formulario-de-contacto-plugin-gravity-forms-768x381.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/seleccionar-un-formulario-de-contacto-plugin-gravity-forms-700x347.png 700w\" sizes=\"(max-width: 1374px) 100vw, 1374px\" \/><\/p>\n<p>En este ejemplo selecciono la plantilla \u00abContact Form\u00bb, pero, si lo prefieres, puedes crear un formulario desde cero pulsando en \u00abAdd New\u00bb.<\/p>\n<p>Haciendo clic en cada uno de los campos podr\u00e1s cambiar los textos, la configuraci\u00f3n de los campos, la apariencia, establecer que cubran obligatoriamente o eliminarlos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5722\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-gravity-forms.png\" alt=\"Modificar los campos para crear un formulario de contacto con el plugin Gravity Forms\" width=\"1262\" height=\"686\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-gravity-forms.png 1262w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-gravity-forms-300x163.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-gravity-forms-1024x557.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-gravity-forms-768x417.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-gravity-forms-700x381.png 700w\" sizes=\"(max-width: 1262px) 100vw, 1262px\" \/><\/p>\n<p>Desde la secci\u00f3n \u00abAdd fields\u00bb puedes arrastrar nuevos campos a tu formulario como, por ejemplo, solicitar la direcci\u00f3n de la p\u00e1gina web, un tel\u00e9fono, nombre de usuario, un <strong><a href=\"https:\/\/www.lucushost.com\/blog\/recaptcha-wordpress\/\">captcha<\/a> <\/strong>para evitar bots, etc.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5719\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-nuevos-campos-para-crear-un-formulario-con-plugin-gravity-forms.png\" alt=\"A\u00f1adir campos para crear un formulario de contacto con el plugin Gravity Forms\" width=\"1261\" height=\"699\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-nuevos-campos-para-crear-un-formulario-con-plugin-gravity-forms.png 1261w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-nuevos-campos-para-crear-un-formulario-con-plugin-gravity-forms-300x166.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-nuevos-campos-para-crear-un-formulario-con-plugin-gravity-forms-1024x568.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-nuevos-campos-para-crear-un-formulario-con-plugin-gravity-forms-768x426.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-nuevos-campos-para-crear-un-formulario-con-plugin-gravity-forms-700x388.png 700w\" sizes=\"(max-width: 1261px) 100vw, 1261px\" \/><\/p>\n<p>Una vez que tengas tu formulario listo, pulsa en \u00abSave Form\u00bb para guardarlo. Adem\u00e1s, puedes hacer una previsualizaci\u00f3n del mismo pulsando en el bot\u00f3n \u00abPreview\u00bb.<\/p>\n<p>Si utilizas el <a href=\"https:\/\/www.lucushost.com\/blog\/gutenberg-wordpress\/\">editor de bloques Gutenberg<\/a>, Gravity Forms genera su propio bloque para que puedas seleccionar tu formulario y a\u00f1adirlo en tu web f\u00e1cilmente. De todas formas, desde el propio formulario, tambi\u00e9n tienes la opci\u00f3n de obtener el <em>shortcode<\/em> para a\u00f1adirlo manualmente o generar una nueva p\u00e1gina con el elemento que acabas de crear.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5718\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-fomulario-en-gutenberg-con-el-plugin-gravity-forms.png\" alt=\"A\u00f1adir un formulario de Gravity Forms en WordPress con el plugin Gravity Forms\" width=\"1387\" height=\"704\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-fomulario-en-gutenberg-con-el-plugin-gravity-forms.png 1387w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-fomulario-en-gutenberg-con-el-plugin-gravity-forms-300x152.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-fomulario-en-gutenberg-con-el-plugin-gravity-forms-1024x520.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-fomulario-en-gutenberg-con-el-plugin-gravity-forms-768x390.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-fomulario-en-gutenberg-con-el-plugin-gravity-forms-700x355.png 700w\" sizes=\"(max-width: 1387px) 100vw, 1387px\" \/><\/p>\n<h3><span id=\"5_Formidable_Form_Builder\">5. Formidable Form Builder<\/span><\/h3>\n<p>Otro plugin de formulario para WordPress que no puede pasar desapercibido es <strong><a href=\"https:\/\/es.wordpress.org\/plugins\/formidable\/\" rel=\"nofollow noopener\" target=\"_blank\">Formidable Form Builder<\/a><\/strong>.<\/p>\n<p>Al igual que los tres primeros que te mencion\u00e9 en este post, tienes una versi\u00f3n totalmente gratuita en el repositorio oficial de WordPress, as\u00ed que por probarlo no pierdes nada \ud83d\ude42<\/p>\n<p>Con este plugin podr\u00e1s crear formularios de contacto, registro, pagos, cuestionarios y <strong><a href=\"https:\/\/www.lucushost.com\/blog\/plugins-para-encuestas-wordpress\/\">encuestas en WordPress<\/a><\/strong>. Lo cierto es que tiene una interfaz muy intuitiva y te permite empezar f\u00e1cilmente utilizando una plantilla predefinida. \u00bfQuieres ver c\u00f3mo funciona?<\/p>\n<p>Lo primero es instalar y activar el plugin en WordPress. Hecho esto, se habilita una nueva secci\u00f3n \u00abFormidable\u00bb en el <a href=\"https:\/\/www.lucushost.com\/blog\/frontend-backend\/\">backend<\/a> para que puedas empezar. Por defecto, ver\u00e1s que hay disponible un formulario predeterminado para configurar a tu gusto, pero, si prefieres, puedes empezar uno nuevo pulsando en \u00abA\u00f1adir nuevo formulario\u00bb.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5725\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/interfaz-formulario-de-contacto-plugin-formidable-forms.png\" alt=\"Interfaz del plugin de formularios Formidable Forms de WordPress\" width=\"1246\" height=\"712\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/interfaz-formulario-de-contacto-plugin-formidable-forms.png 1246w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/interfaz-formulario-de-contacto-plugin-formidable-forms-300x171.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/interfaz-formulario-de-contacto-plugin-formidable-forms-1024x585.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/interfaz-formulario-de-contacto-plugin-formidable-forms-768x439.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/interfaz-formulario-de-contacto-plugin-formidable-forms-345x198.png 345w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/interfaz-formulario-de-contacto-plugin-formidable-forms-700x400.png 700w\" sizes=\"(max-width: 1246px) 100vw, 1246px\" \/><\/p>\n<p>En este ejemplo edito directamente el formulario de contacto haciendo clic en \u00abEdit\u00bb.<\/p>\n<p>Se abrir\u00e1 una nueva ventana con el formulario de contacto para que puedas modificar cada uno de los campos a tu gusto y establecer las configuraciones que necesites. Yo he modificado todos los textos y he eliminado las descripciones de los campos:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5726\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-formidable-forms.png\" alt=\"Modificar los campos para crear un formulario de contacto con el plugin Formidable Forms\" width=\"1351\" height=\"702\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-formidable-forms.png 1351w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-formidable-forms-300x156.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-formidable-forms-1024x532.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-formidable-forms-768x399.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/modificar-campos-para-crear-un-formulario-con-plugin-formidable-forms-700x364.png 700w\" sizes=\"(max-width: 1351px) 100vw, 1351px\" \/><\/p>\n<p>Tambi\u00e9n puedes moverlos de posici\u00f3n o eliminar los que no necesites haciendo clic en \u00abM\u00e1s opciones\u00bb &#8211; \u00abDelete\u00bb.<\/p>\n<p>\u00bfNecesitas a\u00f1adir nuevos campos al formulario de WordPress? Pulsa en \u00abA\u00f1adir campos\u00bb y se desplegar\u00e1n todas las opciones que tienes disponibles en la versi\u00f3n gratuita. Basta con arrastrar y soltar la opci\u00f3n que necesites a tu formulario en la posici\u00f3n que quieras y \u00a1listo!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5727\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-nuevos-campos-para-crear-un-formulario-con-plugin-formidable-forms.png\" alt=\"A\u00f1adir campos para crear un formulario de contacto con el plugin Formidable Forms\" width=\"1344\" height=\"689\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-nuevos-campos-para-crear-un-formulario-con-plugin-formidable-forms.png 1344w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-nuevos-campos-para-crear-un-formulario-con-plugin-formidable-forms-300x154.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-nuevos-campos-para-crear-un-formulario-con-plugin-formidable-forms-1024x525.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-nuevos-campos-para-crear-un-formulario-con-plugin-formidable-forms-768x394.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/anadir-nuevos-campos-para-crear-un-formulario-con-plugin-formidable-forms-700x359.png 700w\" sizes=\"(max-width: 1344px) 100vw, 1344px\" \/><\/p>\n<p>Este plugin tambi\u00e9n genera un bloque en el editor de Gutenberg, por lo que puedes a\u00f1adirlo directamente desde el editor de WordPress.<\/p>\n<p>En cualquier caso, tambi\u00e9n puedes a\u00f1adir el formulario a WordPress mediante un <em>shortcode<\/em>, manualmente a trav\u00e9s de c\u00f3digo o insert\u00e1ndolo en una nueva p\u00e1gina de tu sitio.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5728\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/incrustar-formulario-contacto-wordpress-plugin-formidable-forms.png\" alt=\"Incrustar un formulario de contacto en WordPress con el plugin Formidable Forms\" width=\"565\" height=\"495\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/incrustar-formulario-contacto-wordpress-plugin-formidable-forms.png 565w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/04\/incrustar-formulario-contacto-wordpress-plugin-formidable-forms-300x263.png 300w\" sizes=\"(max-width: 565px) 100vw, 565px\" \/><\/p>\n<h2><span id=\"En_conclusion\">En conclusi\u00f3n<\/span><\/h2>\n<p>Para m\u00ed, estos son los mejores para crear un formulario de contacto en WordPress:<\/p>\n<ul>\n<li>Contact Form 7<\/li>\n<li>WP Forms<\/li>\n<li>Ninja Forms<\/li>\n<li>Gravity Forms<\/li>\n<li>Formidable Forms<\/li>\n<\/ul>\n<p>Todos tienen una interfaz muy intuitiva; arrastrando y soltando elementos puedes tener tu formulario listo en pocos minutos. Adem\u00e1s, gracias a la integraci\u00f3n con Gutenberg, puedes a\u00f1adirlos a cualquier <strong><a href=\"https:\/\/www.lucushost.com\/blog\/partes-de-una-pagina-web-estructura-y-contenido\/\">parte de tu p\u00e1gina web<\/a><\/strong> simplemente a\u00f1adiendo el bloque correspondiente. Si no, siempre tienes la opci\u00f3n de integrarlos en tu sitio mediante un <em>shortcode<\/em>.<\/p>\n<p>Y como ya s\u00e9 que <em>para gustos, los colores<\/em>, quiero que ahora seas t\u00fa quien me digas cu\u00e1l es el mejor plugin de formularios para WordPress. \u00a1Entre todos podremos hacer crecer esta lista!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si est\u00e1s buscando un plugin para a\u00f1adir un formulario de contacto en WordPress, en este post te traigo una recopilaci\u00f3n con 5 opciones muy buenas y que est\u00e1n disponibles para descargar de forma gratuita en el repositorio oficial.<\/p>\n","protected":false},"author":3,"featured_media":5694,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42],"tags":[56,60],"_links":{"self":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/5693"}],"collection":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/comments?post=5693"}],"version-history":[{"count":31,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/5693\/revisions"}],"predecessor-version":[{"id":5754,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/5693\/revisions\/5754"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media\/5694"}],"wp:attachment":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media?parent=5693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/categories?post=5693"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/tags?post=5693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}