--- title: "3 formas sencillas de crear un formulario de contacto en WordPress" date: 2021-08-11 canonical_id: wordpress-contact-form author: "osogovo" category: - feedback - wordpress locale_slug: "formulario-de-contacto-wordpress" summary: "Crea un formulario de contacto en WordPress para cualquier negocio usando estos tres métodos sencillos." draft: false seo: title: "3 formas sencillas de crear un formulario de contacto en WordPress" description: "Crea un formulario de contacto en WordPress para cualquier negocio usando estos tres métodos sencillos." structured_data: article --- Ya sabemos que los formularios de contacto son una de las formas más convenientes de ponerse en contacto con tus clientes. Son necesarios en todo sitio web, ya sea de comercio electrónico o de otro tipo. Lucen profesionales y son una excelente manera de recopilar datos de los clientes; además, añadir un simple botón captcha puede ofrecer una excelente protección contra el spam. Así que, en esta entrada de blog, analizamos cómo puedes crear un formulario de contacto de forma rápida y sencilla usando un creador de formularios de WordPress, un plugin y HTML, para que puedas disfrutar de todos los beneficios que ofrecen los formularios de contacto. ¡Vamos a sumergirnos! Dentro de esta guía: mostrar - [1\. Crear formularios de contacto con un creador de formularios](#1-create-contact-forms-with-form-builder) - [2\. Crear formularios de contacto con un plugin de WordPress](#2-create-contact-forms-with-wordpress-plugin-) - [3\. Crear un formulario de contacto en HTML](#3-create-html-contact-form) .gutentoc-toc-wrap ul li a, .gutentoc-toc-title-wrap .text\_open{ color: #0033ff}} ## 1\. Crear formularios de contacto con un creador de formularios ![creador de formularios online](https://embedsocial.com/wp-content/uploads/2021/08/Embedforms.jpg) Los creadores de formularios online son la primera opción para los usuarios que carecen de conocimientos técnicos de HTML, CSS y otros lenguajes de programación o que están demasiado ocupados para crear uno desde cero por su cuenta. El proceso de crear formularios de contacto con un creador de formularios para tu sitio web de WordPress es sencillo y, en la mayoría de los casos, toma menos de cinco minutos. Los creadores de formularios modernos tienen una interfaz de usuario sencilla que permite una navegación intuitiva por la configuración, lo que te permite crear rápidamente cualquier formulario. Las plantillas de formularios dentro de la biblioteca del creador de formularios, es decir, los documentos organizados para la recopilación de datos, están diseñadas de antemano. Todo lo que les queda a los usuarios es personalizar el formulario según sus necesidades. Analizaremos el proceso de personalización y las posibilidades que ofrecen los creadores de formularios más adelante en la publicación. Ahora, comenzaremos con la guía paso a paso para crear un formulario de contacto con la ayuda de [EmbedForms](/forms/). 1. Primero, crea una [cuenta](/admin/purchase_plugin/forms/month). 2. Elige la plantilla de **formulario de contacto** 3. Haz clic en **'Publicar**' Eso es todo. Si publicas el formulario, estará listo para insertarse en tu página de contacto de WordPress de inmediato. Los usuarios pueden implementar el formulario en la página primero copiando el código y luego pegándolo en el sitio web donde quieren que aparezca el formulario. El formulario puede insertarse como [botón de retroalimentación](/blog/feedback-buttons/) o como un formulario de contacto habitual en una página de contacto separada. Aquí tienes un ejemplo de cómo lucirá tu formulario de contacto una vez insertado en tu sitio de WordPress. (function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "/cdn/ef.js?v=1.1"; d.getElementsByTagName("head")\[0\].appendChild(js);}(document, "script", "EmbedSocialFormsScript")); Si eliges los botones de retroalimentación, el formulario puede insertarse en la barra lateral o en el encabezado de la página, y una vez activado por los usuarios, puede aparecer como popup, flotante o banner. ![botón de retroalimentación de EmbedForms](https://embedsocial.com/wp-content/uploads/2021/08/feedback-button-gif.gif) Y eso es todo. ¡Has terminado! Ahora volvamos y hablemos de las opciones de personalización y qué sucede si decides editar el formulario. Los formularios de contacto básicos contienen varios campos críticos para nombre, correo y mensaje. Pero en algún momento, es posible que quieras añadir nuevos [campos de formulario](/blog/survey-questions/) o cambiar el diseño del formulario. Usar un creador de formularios online también puede ayudarte con esto. **Solo haz clic en cualquier pregunta y, desde el menú de la izquierda, haz clic en la configuración de la pregunta.** El menú de configuración de la pregunta te ofrecerá diferentes campos que van desde párrafos, campos para correo, botones de opción, menús desplegables, casillas de verificación y muchos más tipos de campos, que podrían resultar útiles al crear otros formularios como formularios de pedido o formularios de registro. Además, puedes personalizar el formulario para que encaje con el diseño de tu sitio eligiendo uno de los temas diseñados profesionalmente, adjuntar tu foto al formulario de contacto o usar la opción de CSS personalizado. Otras opciones que puedes usar de los creadores de formularios son: - notificación por correo - enlace de redirección - mensaje de agradecimiento después de completar el formulario - añadir tu propio texto para el botón de envío - opción de campos obligatorios - formulario con vista organizada donde puedes monitorear todos los envíos del formulario - interfaz de arrastrar y soltar para reorganizar las preguntas - integración con múltiples aplicaciones de email marketing y sistemas de pago como Stripe Si aún no estás seguro de cómo empezar, puedes consultar nuestro [tutorial.](https://help.embedsocial.com/en/articles/5015688-setup-guide-create-an-online-form) ### ¿Por qué elegir un creador de formularios? Los creadores de formularios vienen con alta funcionalidad y potentes características, pero la mayoría de las veces son fáciles de usar para principiantes, y cualquiera puede usarlos para crear un formulario haciendo clic en las opciones deseadas. Lo mejor es que no hay necesidad de instalar complementos adicionales, que pueden afectar la velocidad de tu sitio web. Además, los creadores de formularios pueden funcionar con cualquier creador de páginas y CMS además de WordPress, y algunas de las versiones pro ofrecen funcionalidades avanzadas como formularios de múltiples páginas e incluso integraciones con Paypal. ## 2\. Crear formularios de contacto con un plugin de WordPress ![plugins de formularios de WordPress](https://embedsocial.com/wp-content/uploads/2021/08/wordpress-pug-in-contact-form.jpg) Los plugins creadores de formularios son otra herramienta de ayuda a la que muchos usuarios recurren cuando necesitan un formulario de contacto en WordPress. Hay una amplia gama de plugins de WordPress que son populares en el mercado, y van desde plugins gratuitos que permiten formularios simples insertados con un shortcode hasta plugins totalmente integrados con WordPress. Y cuál es el mejor plugin de WordPress depende principalmente de las preferencias y necesidades de los usuarios. Sin embargo, aquí tienes algunos de los plugins de WordPress más populares que puedes encontrar: - WPForms Lite - Formidable Forms - Contact Form 7 - Gravity forms - Caldera forms - Ninja Forms ***Nota: Para encontrar e instalar plugins, necesitas usar wordpress.org.*** Hablaremos de las posibilidades de los plugins de formularios de contacto de WordPress, pero primero, repasaremos los pasos para crear un formulario de contacto simple usando complementos. 1\. Primero, ve a tu panel de WordPress y haz clic en **'Plugins**' ![opción de plugin de WordPress](https://embedsocial.com/wp-content/uploads/2021/08/wordpress-plug-in-menu.jpg) 2. **Busca** tu plugin preferido. Puede ser cualquiera de los mencionados anteriormente, o puedes elegir el que más te guste. 3. Haz clic en **'Activar'** Una vez que el plugin se añade a tu sitio web de WordPress, puedes comenzar a crear tu nuevo formulario de contacto. Por lo general, lo que verás a continuación es un creador de formularios de arrastrar y soltar desde donde puedes elegir los campos obligatorios y personalizar el formulario según tus necesidades. Diferentes plugins de WordPress ofrecen diferentes funcionalidades; algunos son más básicos, como la subida de archivos, y algunos son más avanzados, como las funciones de lógica condicional. Luego, para insertar el formulario en tu sitio web, necesitas crear una página nueva o editar una existente. - Entonces, el primer paso es hacer clic en **el botón de añadir nuevo bloque y buscar el plugin**. - La mayoría de los widgets de formulario se añadirán automáticamente a la página, desde donde deberías **elegir el formulario de contacto**. - Puedes hacer clic en vista previa, comprobar cómo lucirá el formulario en la interfaz y hacer clic en publicar. Si decides usar un plugin, aquí tienes algunas características sencillas pero importantes que debes tener en cuenta: - Interfaz fácil de usar - Diferentes temas de WordPress - Envíos de formularios ilimitados - Personalización sencilla - Formularios adaptables a móviles - Opciones de exportación como archivos CSV. Algunos de los mejores plugins de formularios de contacto también tienen una versión gratuita si quieres probarlos y ver si los precios te convienen para las funcionalidades que recibes. ### ¿Por qué elegir un plugin? Los plugins ofrecen una gran flexibilidad y te permiten crear un formulario de contacto directamente en tu página de WordPress. Con la ayuda de los plugins, puedes cambiar el estilo del formulario y usar fuentes y colores que encajen con el diseño de tu sitio web. ## 3\. Crear un formulario de contacto en HTML ![formulario de contacto en HTML](https://embedsocial.com/wp-content/uploads/2021/08/html-contact-form.jpg) Usar HTML, CSS y otros lenguajes de programación para crear un formulario de contacto es probablemente la forma más avanzada de todas las mencionadas en esta entrada de blog. Sin embargo, crear un formulario de contacto usando lenguaje de marcado es un enfoque común que muchos propietarios de sitios web practican. Así que, antes de empezar a escribir el código, piensa qué campos de entrada te gustaría que tuviera el formulario de contacto, además de los más importantes como nombre, dirección de correo, cuadro de mensaje y botón de envío. Luego, abre un editor de HTML; puede ser cualquier editor, desde Notepad hasta Brackets; solo no olvides añadir la extensión HTML cuando nombres el documento. A continuación, puedes usar el código de ejemplo de abajo para crear el formulario de contacto más simple para tu página web. Por favor, cambia el enlace de la acción por tu dominio y tu correo para recibir las respuestas en tu correo. ```
``` Sin embargo, si buscas algo elegante y presentable, que es lo que buscas, necesitarás usar lenguajes de programación un poco más avanzados como CSS y PHP. Pero, si eres principiante, necesitarás dedicar mucho tiempo a aprender los lenguajes primero, lo que podría no ser la mejor decisión si quieres añadir un formulario de contacto a tu sitio web lo antes posible. ### Conclusión Añadir un formulario de contacto puede ser rápido y fácil y, dependiendo de tus habilidades, puede diseñarse de cualquiera de las formas mencionadas anteriormente. Lo más importante es que un sitio web debe tener una forma de que los clientes se pongan en contacto contigo, lo que, además de permitir la comunicación, infunde una sensación de confianza y credibilidad en los negocios.