{"id":5431,"date":"2017-08-29T21:29:25","date_gmt":"2017-08-29T19:29:25","guid":{"rendered":"https:\/\/blog.hostinger.io\/co-tutoriales\/?p=5431"},"modified":"2026-03-10T16:44:41","modified_gmt":"2026-03-10T15:44:41","slug":"crear-formulario-contacto-wordpress","status":"publish","type":"post","link":"\/co\/tutoriales\/crear-formulario-contacto-wordpress\/","title":{"rendered":"C\u00f3mo crear un formulario de contacto en WordPress"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Una forma eficaz de aumentar el engagement de los usuarios en tu sitio web de WordPress es mediante un formulario de contacto.<\/p><p class=\"wp-block-paragraph\">Los formularios no son s&oacute;lo para comunicarse: son un puente crucial que te conecta con tu audiencia. Tanto si eres un usuario experimentado de WordPress como si eres principiante, un formulario de contacto te ayudar&aacute; a mejorar la interactividad y a reforzar las conexiones con tus usuarios.<\/p><p class=\"wp-block-paragraph\">En este tutorial de WordPress aprender&aacute;s la importancia y los pasos para crear un formulario de contacto en WordPress.&nbsp;<\/p><p class=\"wp-block-paragraph\"><\/p><p class=\"wp-block-paragraph\"><div class=\"protip\"><div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                   &iquest;Qu&eacute; es un formulario de contacto de WordPress?\n                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Un formulario de contacto de WordPress permite a los visitantes comunicarse con los propietarios del sitio web sin esfuerzo. Estos formularios digitales pueden adaptarse a tus necesidades: desde formularios sencillos para consultas b&aacute;sicas hasta dise&ntilde;os complejos que pueden recopilar informaci&oacute;n detallada.<\/p><\/div><\/p><p class=\"wp-block-paragraph\">Personalizar los formularios de contacto de WordPress te permite crear una herramienta valiosa para conectar con tu audiencia y comprenderla eficazmente.&nbsp;<\/p><p class=\"wp-block-paragraph\">Afortunadamente, muchos formularios tambi&eacute;n son adaptables, por lo que pueden evolucionar con las crecientes necesidades de tu sitio de <a href=\"\/co\/tutoriales\/que-es-wordpress\/\">WordPress<\/a>.<\/p><h2 class=\"wp-block-heading\" id=\"h-por-que-debes-utilizar-un-formulario-de-contacto\">&iquest;Por qu&eacute; debes utilizar un formulario de contacto?<\/h2><p class=\"wp-block-paragraph\">Exploremos algunas razones por las que es importante tener un formulario de contacto en tu <a href=\"\/co\/tutoriales\/como-crear-pagina-web-wordpress\/\">sitio de WordPress<\/a>:<\/p><p class=\"wp-block-paragraph\"><strong>Mejorar el engagement con los visitantes del sitio web<\/strong><\/p><p class=\"wp-block-paragraph\">Los formularios de contacto sirven de puente para las interacciones entre el propietario de un sitio web y sus visitantes.<\/p><p class=\"wp-block-paragraph\">Estos ofrecen un m&eacute;todo sencillo y f&aacute;cil de usar para que los visitantes se pongan en contacto, hagan preguntas o aporten sus comentarios.&nbsp;<\/p><p class=\"wp-block-paragraph\">Su facilidad de uso y accesibilidad pueden fomentar una conversaci&oacute;n personal y significativa, transformando a los usuarios pasivos en miembros activos de la comunidad.<\/p><p class=\"wp-block-paragraph\"><strong>Reducir el spam<\/strong><\/p><p class=\"wp-block-paragraph\">Mostrar una direcci&oacute;n de correo electr&oacute;nico en tu sitio web te hace vulnerable a los robots de spam y a los mensajes no deseados. Utilizando en su lugar formularios de contacto, los propietarios de sitios web obtendr&aacute;n una protecci&oacute;n superior contra el spam.<\/p><p class=\"wp-block-paragraph\">Integrar CAPTCHA o medidas antispam similares garantiza que la mayor&iacute;a de los env&iacute;os de formularios de contacto sean aut&eacute;nticos. Esto reduce el correo basura, permiti&eacute;ndote centrarte en las consultas y comentarios aut&eacute;nticos de los visitantes.<\/p><p class=\"wp-block-paragraph\"><strong>Organizar los datos eficientemente<\/strong><\/p><p class=\"wp-block-paragraph\">Implementar un formulario de contacto en tu sitio de WordPress permite organizar mejor los datos de los visitantes.<\/p><p class=\"wp-block-paragraph\">Estos campos de formulario pueden personalizarse para recopilar tipos espec&iacute;ficos de informaci&oacute;n, desde datos b&aacute;sicos de contacto hasta comentarios m&aacute;s elaborados de los usuarios.&nbsp;<\/p><p class=\"wp-block-paragraph\">Al adaptar todos los campos del formulario para recopilar informaci&oacute;n espec&iacute;fica, puedes analizarla r&aacute;pidamente y utilizarla para diversos fines.<\/p><p class=\"wp-block-paragraph\"><strong>Activar la automatizaci&oacute;n<\/strong><\/p><p class=\"wp-block-paragraph\">Integrar formularios de contacto con sistemas CRM u otras herramientas de marketing digital puede agilizar tus procesos de marketing mediante la automatizaci&oacute;n.&nbsp;<\/p><p class=\"wp-block-paragraph\">Automatizar estos procesos libera tiempo y recursos, permiti&eacute;ndote enfocarte m&aacute;s en las estrategias y menos en las tareas administrativas.<\/p><p class=\"wp-block-paragraph\">La generaci&oacute;n de clientes potenciales y la gesti&oacute;n de las relaciones con los clientes tambi&eacute;n ser&aacute;n m&aacute;s eficaces, porque podr&aacute;s seguir y cosechar clientes potenciales sin esfuerzo.<\/p><h2 class=\"wp-block-heading\" id=\"h-formulario-de-contacto-en-wordpress-video-tutorial\">Formulario de contacto en WordPress &ndash; Video tutorial<\/h2><p class=\"wp-block-paragraph\">Si prefieres un formato audiovisual, ac&aacute; te compartimos el paso a paso a&ntilde;adir un formulario en tu web de WordPress. <\/p><figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Poner Formulario de Contacto en WordPress | Gratis\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/AqF8TfUHXt4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure><p>\n  <div class=\"youtube-shortcode\">\n    <div class=\"row\">\n      <div class=\"col-7 col-sm-8 d-flex align-items-center\">\n        <img decoding=\"async\" class=\"channel-logo\" src=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/themes\/tutorialsthemeuplift\/public\/images\/youtube-channels\/hostinger-spain.jpg\" alt=\"youtube channel logo\">\n        <div class=\"d-flex flex-column justify-content-between\">\n          <span class=\"slogan d-none d-sm-block\">Suscribirse \u00a1Para m\u00e1s videos educativos!<\/span>\n          <span class=\"channel-name\">Academia de Hostinger<\/span>\n                    <\/div>\n      <\/div>\n      <div class=\"col-5 col-sm-4 d-flex align-items-center justify-content-end\">\n        <a class=\"subscribe-button\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.youtube.com\/channel\/UCYmKCu1yo_L0fqKe3U_oMnw?sub_confirmation=1\">\n          <img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/themes\/tutorialsthemeuplift\/public\/images\/icons\/youtube.svg\" alt=\"subscribe\">\n          <span>Suscribirse<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n    \n<\/p><h2 class=\"wp-block-heading\" id=\"h-como-anadir-un-formulario-de-contacto-en-wordpress\">C&oacute;mo a&ntilde;adir un formulario de contacto en WordPress<\/h2><p class=\"wp-block-paragraph\">Antes de a&ntilde;adir formularios de contacto a tu web de WordPress, es muy importante elegir el plan de alojamiento adecuado.<\/p><p class=\"wp-block-paragraph\">Los planes de <a href=\"\/co\/hosting-wordpress\">hosting WordPress<\/a> de Hostinger pueden mejorar el rendimiento y la gesti&oacute;n de tu sitio. Est&aacute;n dise&ntilde;ados para maximizar el potencial de tu web de WordPress ofreciendo una integraci&oacute;n perfecta, seguridad mejorada y funciones robustas.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/co\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h3 class=\"wp-block-heading\">1. Instala un plugin de formulario de contacto de WordPress<\/h3><p class=\"wp-block-paragraph\">Un <a href=\"\/co\/tutoriales\/plugins-formulario-contacto-wordpress\/\">plugin para formularios de contacto de WordPress<\/a> te permite crear y gestionar varios formularios de contacto sin necesidad de tener amplios conocimientos de codificaci&oacute;n.<\/p><p class=\"wp-block-paragraph\">En este art&iacute;culo, utilizaremos <strong>WPForms<\/strong>, uno de los plugins de formularios de WordPress m&aacute;s f&aacute;ciles de usar y vers&aacute;tiles. Para instalar el constructor de formularios de arrastrar y soltar WPForms, sigue estos pasos:<\/p><ol class=\"wp-block-list\">\n<li>Accede a tu panel de control de WordPress.<\/li>\n\n\n\n<li>Navega hasta <strong>Plugins &rarr; A&ntilde;adir nuevo<\/strong>.<\/li>\n\n\n\n<li>En la barra de b&uacute;squeda, escribe <strong>WPForms <\/strong>y pulsa <strong>Intro<\/strong>.<\/li>\n\n\n\n<li>Busca <strong>WPForms <\/strong>en los resultados de la b&uacute;squeda y haz clic en <strong>Instalar ahora<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"569\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Contact-form.png\/public\" alt=\"Plugin Contact Form de WordPress\" class=\"wp-image-38576\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Contact-form.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Contact-form.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Contact-form.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Contact-form.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol class=\"wp-block-list\" start=\"5\">\n<li>Una vez completada la <a href=\"\/co\/tutoriales\/plugins-en-wordpress-gratis\/\">instalaci&oacute;n del plugin<\/a>, haz clic en <strong>Activar <\/strong>para habilitar el plugin en tu sitio.<\/li>\n<\/ol><h3 class=\"wp-block-heading\">2. Crea un nuevo formulario de contacto<\/h3><p class=\"wp-block-paragraph\">Una vez activado WPForms, es hora de crear un formulario de contacto. Este proceso es sencillo, gracias a la interfaz intuitiva de WPForms.<\/p><p class=\"wp-block-paragraph\">Para empezar, ve a <strong>WPForms &rarr; A&ntilde;adir nuevo <\/strong>en la barra lateral izquierda de tu panel de control de WordPress.<\/p><p class=\"wp-block-paragraph\">Se te presentar&aacute;n varias plantillas prefabricadas adaptadas a diferentes prop&oacute;sitos. Estas plantillas tienen estilos predefinidos y ajustes por defecto, lo que agiliza el proceso de creaci&oacute;n de formularios.<\/p><p class=\"wp-block-paragraph\">Introduce un nombre para el formulario y elige una plantilla de formulario de contacto que se ajuste a tus necesidades u opta por un formulario en blanco si prefieres empezar desde cero. A continuaci&oacute;n, haz clic en <strong>Usar plantilla<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"515\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/INterfaz-WPForms.png\/public\" alt=\"Interfaz para a&ntilde;adir un formulario de contacto de WPForms\" class=\"wp-image-38578\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/INterfaz-WPForms.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/INterfaz-WPForms.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/INterfaz-WPForms.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/INterfaz-WPForms.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\">3. Personaliza el formulario de contacto<\/h3><p class=\"wp-block-paragraph\">Tras seleccionar una plantilla, personaliza el formulario utilizando el constructor de arrastrar y soltar de WPForms. Este ofrece una serie de opciones para un formulario de contacto sencillo o uno m&aacute;s avanzado.<\/p><p class=\"wp-block-paragraph\"><strong>A&ntilde;adir campos<\/strong><\/p><p class=\"wp-block-paragraph\">Para a&ntilde;adir un nuevo campo de formulario, arr&aacute;stralo desde el men&uacute; de campos de WPForms a la ubicaci&oacute;n deseada en tu formulario.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"557\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/WPForms-campos-personalizados.png\/public\" alt=\"Secci&oacute;n de Campos est&aacute;ndar de WPForms\" class=\"wp-image-38579\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/WPForms-campos-personalizados.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/WPForms-campos-personalizados.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/WPForms-campos-personalizados.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/WPForms-campos-personalizados.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\"><strong>Eliminar campos<\/strong><\/p><p class=\"wp-block-paragraph\">Para eliminar un campo de formulario, selecciona el campo dentro de tu formulario y luego haz clic en la opci&oacute;n <strong>Eliminar campo<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"680\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Eliminar-campos-en-WPForms.png\/public\" alt=\"Opci&oacute;n para eliminar campos en WPForms\" class=\"wp-image-38580\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Eliminar-campos-en-WPForms.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Eliminar-campos-en-WPForms.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Eliminar-campos-en-WPForms.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Eliminar-campos-en-WPForms.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\"><strong>Reorganizar campos<\/strong><\/p><p class=\"wp-block-paragraph\">Haz clic y arrastra un campo a la posici&oacute;n que prefieras dentro del formulario para que se ajuste al flujo de informaci&oacute;n que prefieras.<\/p><p class=\"wp-block-paragraph\"><strong>Personalizar las propiedades de los campos<\/strong><\/p><p class=\"wp-block-paragraph\">Cada campo tiene propiedades personalizables. Haz clic en un campo y accede a las propiedades de la columna izquierda para ajustar su tama&ntilde;o, el texto del marcador de posici&oacute;n y el valor por defecto.&nbsp; Podr&aacute;s guiar la entrada de tus visitantes de forma m&aacute;s eficaz.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"774\" height=\"994\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Campo-de-opciones.png\/public\" alt=\"Secci&oacute;n para Personalizar las propiedades de los campos en WPForms\" class=\"wp-image-38581\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Campo-de-opciones.png\/w=774,fit=scale-down 774w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Campo-de-opciones.png\/w=234,fit=scale-down 234w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Campo-de-opciones.png\/w=117,fit=scale-down 117w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Campo-de-opciones.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 774px) 100vw, 774px\" \/><\/figure><\/div><p class=\"wp-block-paragraph\"><strong>Aprovechar las funciones avanzadas<\/strong><\/p><p class=\"wp-block-paragraph\">Este constructor de formularios de contacto tambi&eacute;n admite opciones avanzadas como la l&oacute;gica condicional inteligente. Te permite crear formularios din&aacute;micos que se adaptan a las entradas del usuario, haci&eacute;ndolos m&aacute;s interactivos y personalizados.<\/p><h3 class=\"wp-block-heading\">4. Configura la confirmaci&oacute;n del formulario<\/h3><p class=\"wp-block-paragraph\">Cuando un visitante de un sitio web env&iacute;a un formulario, es crucial proporcionarle una confirmaci&oacute;n mediante un simple mensaje o una p&aacute;gina de redirecci&oacute;n. A continuaci&oacute;n te explicamos c&oacute;mo configurar la confirmaci&oacute;n de formularios con WPForms:<\/p><p class=\"wp-block-paragraph\">Despu&eacute;s de crear tu formulario, ve a <strong>Configuraci&oacute;n &rarr; Confirmaciones <\/strong>dentro del constructor de formularios WPForms.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"954\" height=\"740\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Ajustes-de-WPForms.png\/public\" alt=\"Confirmaciones de Ajustes de WPForms\" class=\"wp-image-38582\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Ajustes-de-WPForms.png\/w=954,fit=scale-down 954w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Ajustes-de-WPForms.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Ajustes-de-WPForms.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Ajustes-de-WPForms.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 954px) 100vw, 954px\" \/><\/figure><\/div><p class=\"wp-block-paragraph\">Elige la opci&oacute;n <strong>Mensaje <\/strong>e introduce el texto que deseas mostrar, como &ldquo;&iexcl;Gracias por contactar con nosotros! Nos pondremos en contacto contigo muy pronto.&rdquo;.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"738\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Confirmaciones.png\/w=1024,h=1024,fit=scale-down\" alt=\"Secci&oacute;n de Confirmaciones de WPForms\" class=\"wp-image-38583\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Confirmaciones.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Confirmaciones.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Confirmaciones.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Confirmaciones.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\">Si prefieres redirigir a los usuarios a una p&aacute;gina concreta, selecciona la opci&oacute;n <strong>Mostrar p&aacute;gina<\/strong>. A continuaci&oacute;n, elige la p&aacute;gina en el men&uacute; desplegable.<\/p><h3 class=\"wp-block-heading\">5. Configura notificaciones de formularios<\/h3><p class=\"wp-block-paragraph\">Las notificaciones por correo electr&oacute;nico te permiten hacer un seguimiento de cada env&iacute;o de formulario.&nbsp;<\/p><p class=\"wp-block-paragraph\">Por defecto, WPForms env&iacute;a una notificaci&oacute;n a la direcci&oacute;n de correo electr&oacute;nico del administrador asociada a tu sitio WordPress. Puedes personalizar la configuraci&oacute;n de las notificaciones de los formularios.<\/p><p class=\"wp-block-paragraph\">Sigue estos pasos para configurar las notificaciones de WPForms:<\/p><ol class=\"wp-block-list\">\n<li>Navega hasta <strong>Ajustes &rarr; Notificaciones<\/strong>.<\/li>\n\n\n\n<li>Para modificar el destinatario, haz clic en el campo <strong>Enviar a direcci&oacute;n de correo electr&oacute;nico <\/strong>e introduce la direcci&oacute;n de correo electr&oacute;nico deseada. Puedes a&ntilde;adir varias direcciones de correo electr&oacute;nico si es necesario.<\/li>\n\n\n\n<li>Ajusta la <strong>l&iacute;nea de asunto del correo electr&oacute;nico <\/strong>para que sea<strong> <\/strong>f&aacute;cilmente de identificar en tu bandeja de entrada.<\/li>\n\n\n\n<li>Personaliza el contenido de la notificaci&oacute;n por correo electr&oacute;nico seg&uacute;n tus preferencias. Incluye detalles de los datos del formulario utilizando etiquetas inteligentes para mejorar la eficacia de tu respuesta<\/li>\n<\/ol><h3 class=\"wp-block-heading\">6. Incrusta el formulario de contacto<\/h3><p class=\"wp-block-paragraph\">Exploremos las distintas formas de incrustar un formulario de contacto en tu sitio web de WordPress.<\/p><p class=\"wp-block-paragraph\"><strong>Insertar un formulario de contacto en una p&aacute;gina de WordPress<\/strong><\/p><p class=\"wp-block-paragraph\">Sigue estos pasos para incrustar un formulario de contacto WPForms en una p&aacute;gina de WordPress mediante el bloque Editor del sitio:<\/p><ol class=\"wp-block-list\">\n<li>Abre la p&aacute;gina de WordPress en el editor de bloques <a href=\"\/co\/tutoriales\/gutenberg-wordpress\/\">Gutenberg<\/a>. Puede ser una p&aacute;gina existente o una nueva creada para el formulario.<\/li>\n\n\n\n<li>En el editor de p&aacute;ginas, selecciona el bloque <strong>WPForms<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"461\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/WPForms-bloque.png\/public\" alt=\"Bloque de WPForms en el editor de Gutenberg\" class=\"wp-image-38584\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/WPForms-bloque.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/WPForms-bloque.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/WPForms-bloque.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/WPForms-bloque.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol class=\"wp-block-list\" start=\"3\">\n<li>Selecciona el formulario que quieres incrustar de la lista desplegable. WPForms generar&aacute; autom&aacute;ticamente un shortcode para tu formulario. Alternativamente, introduce el shortcode de WPForms manualmente en un bloque <strong>Shortcode<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"558\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Opciones-WPForms.png\/public\" alt=\"Bloque de WPForms del editor de Gutenberg\" class=\"wp-image-38585\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Opciones-WPForms.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Opciones-WPForms.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Opciones-WPForms.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Opciones-WPForms.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol class=\"wp-block-list\" start=\"4\">\n<li>Previsualiza la p&aacute;gina despu&eacute;s de a&ntilde;adir el formulario para asegurarte de que el formulario de contacto aparece como se espera.<\/li>\n<\/ol><p class=\"wp-block-paragraph\"><strong>Insertar un formulario de contacto en un &aacute;rea de widget<\/strong><\/p><p class=\"wp-block-paragraph\">Tambi&eacute;n puedes incrustar un formulario de contacto en una zona de <a href=\"\/co\/tutoriales\/que-es-widget-wordpress\/\">widgets de WordPress<\/a>, como la barra lateral o el pie de p&aacute;gina. Este m&eacute;todo es adecuado para los temas cl&aacute;sicos que admiten widgets:<\/p><ol class=\"wp-block-list\">\n<li>Desde tu panel de administraci&oacute;n de WordPress, ve a <strong>Apariencia &rarr; Widgets<\/strong>.<\/li>\n\n\n\n<li>En el &aacute;rea <strong>Widgets<\/strong>, elige la ubicaci&oacute;n de tu formulario de contacto, como la barra lateral o el pie de p&aacute;gina.<\/li>\n\n\n\n<li>Busca el widget <strong>WPForms <\/strong>y, a continuaci&oacute;n, selecciona el formulario de contacto espec&iacute;fico que deseas mostrar.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Widgets-WP.png\/public\" alt=\"A&ntilde;adir widget de WPForms de WordPress\" class=\"wp-image-38586\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Widgets-WP.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Widgets-WP.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Widgets-WP.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Widgets-WP.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol class=\"wp-block-list\" start=\"4\">\n<li>Tras seleccionar el formulario, haz clic en <strong>Guardar <\/strong>para aplicar los cambios.<\/li>\n<\/ol><p class=\"wp-block-paragraph\"><strong>Insertar un formulario de contacto en una parte de plantilla<\/strong><\/p><p class=\"wp-block-paragraph\">En los temas en bloque, puedes incrustar un formulario de contacto en una parte de la plantilla a trav&eacute;s del Editor de sitios. Sigue estos pasos:<\/p><ol class=\"wp-block-list\">\n<li>Desde el panel de control, ve a <strong>Apariencia &rarr; Editor<\/strong>.<\/li>\n\n\n\n<li>Navega hasta la parte de la plantilla donde quieras incrustar el formulario de contacto, como la cabecera o el pie de p&aacute;gina.<\/li>\n\n\n\n<li>Haz clic en el &aacute;rea de la parte de la plantilla donde deseas a&ntilde;adir el formulario y, a continuaci&oacute;n, selecciona <strong>A&ntilde;adir bloque<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/A%C3%B1adir-WPForms.png\/public\" alt=\"A&ntilde;adir WPForms en el editor de bloques de WordPress\" class=\"wp-image-38587\"><\/figure><ol class=\"wp-block-list\" start=\"4\">\n<li>Busca el bloque <strong>WPForms <\/strong>y selecciona el formulario de contacto que deseas incrustar. Si trabajas con formularios inteligentes o multip&aacute;gina, aseg&uacute;rate de que su dise&ntilde;o y ajustes est&aacute;n correctamente configurados.<\/li>\n\n\n\n<li>Despu&eacute;s de colocar y configurar tu formulario, haz clic en <strong>Guardar <\/strong>para aplicar la personalizaci&oacute;n de tu formulario de contacto.<\/li>\n<\/ol><p class=\"wp-block-paragraph\"><strong>Insertar un formulario de contacto con el editor cl&aacute;sico<\/strong><\/p><p class=\"wp-block-paragraph\">Si utilizas el Editor cl&aacute;sico de WordPress, aqu&iacute; tienes c&oacute;mo incrustar un formulario de contacto WPForms:<\/p><ol class=\"wp-block-list\">\n<li>Abre la entrada o p&aacute;gina en el Editor cl&aacute;sico.<\/li>\n\n\n\n<li>Haz clic en el bot&oacute;n <strong>A&ntilde;adir formulario <\/strong>situado encima del editor de texto. Si tienes otros plugins instalados, selecciona <strong>WPForms<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/A%C3%B1adir-formulario.png\/public\" alt=\"A&ntilde;adir un formulario en el editor Cl&aacute;sico de WP\" class=\"wp-image-38588\"><\/figure><ol class=\"wp-block-list\" start=\"3\">\n<li>Selecciona el formulario que quieres incrustar en la lista desplegable de la ventana emergente. Si lo deseas, tambi&eacute;n puedes incluir el t&iacute;tulo y la descripci&oacute;n del formulario.<\/li>\n\n\n\n<li>Haz clic en <strong>A&ntilde;adir formulario <\/strong>para insertar un shortcode de tu formulario en el editor.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"988\" height=\"558\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Insertar-formulario.png\/public\" alt=\"Mensaje de Insertar formulario de WPForms\" class=\"wp-image-38589\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Insertar-formulario.png\/w=988,fit=scale-down 988w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Insertar-formulario.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Insertar-formulario.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/03\/Insertar-formulario.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 988px) 100vw, 988px\" \/><\/figure><p class=\"wp-block-paragraph\">        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Consejo profesional                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Prueba tu formulario de contacto incrustado en una p&aacute;gina de prueba privada o en un entorno de ensayo. As&iacute; te asegurar&aacute;s de que el formulario de contacto aparece y funciona correctamente antes de introducirlo en tu p&aacute;gina web de WordPress.<\/p>\n                    <\/div>\n        <\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/co\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p class=\"wp-block-paragraph\">Un formulario de contacto de WordPress es una herramienta &uacute;til para comunicarse con los visitantes de un sitio web. Independientemente de la complejidad del formulario, WPForms te permite personalizar los formularios de contacto a tu gusto.<\/p><p class=\"wp-block-paragraph\">Esta gu&iacute;a ha explorado los formularios de contacto de WordPress, desde los principios b&aacute;sicos de dise&ntilde;o de formularios de contacto hasta los m&eacute;todos avanzados de integraci&oacute;n.&nbsp;<\/p><p class=\"wp-block-paragraph\">Con los pasos proporcionados, ahora puedes crear, personalizar e implementar con confianza formularios personalizados que atraigan a los usuarios y agilicen la comunicaci&oacute;n.<\/p><p class=\"wp-block-paragraph\">        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Aprende m&aacute;s sobre WordPress                <\/p>\n            <\/div>\n            <p class=\"protip__content\"><a href=\"\/co\/tutoriales\/favicon-wordpress\/\">4 Formas de a&ntilde;adir un favicon<\/a><br><a href=\"\/co\/tutoriales\/imagenes-destacadas-wordpress\/\">Qu&eacute; es una imagen destacada<br><\/a><a href=\"\/co\/tutoriales\/etiquetas-wordpress\/\">C&oacute;mo utilizar las etiquetas de WordPress<br><\/a><a href=\"\/co\/tutoriales\/wordpress-smtp\/\">C&oacute;mo configurar el SMTP de WordPress<br><\/a><a href=\"\/co\/tutoriales\/taxonomia-wordpress\/\">C&oacute;mo crear taxonom&iacute;as personalizadas en WordPress<\/a><\/p>\n                    <\/div>\n        <\/p><h2 class=\"wp-block-heading\" id=\"h-formulario-de-contacto-de-wordpress-preguntas-frecuentes\">Formulario de contacto de WordPress &ndash; Preguntas frecuentes<\/h2><p class=\"wp-block-paragraph\">Esta secci&oacute;n responder&aacute; a las preguntas m&aacute;s comunes sobre los formularios de contacto de WordPress.<\/p><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-69447755d98d8\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">&iquest;C&oacute;mo hacer un formulario de contacto en WordPress?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Para crear un formulario de contacto en WordPress, instala un plugin como WPForms.&nbsp;u003cbr \/u003eu003cbr \/u003eA continuaci&oacute;n, elige una plantilla, personal&iacute;zala con el constructor e incrusta tu formulario utilizando un shortcode o el editor de bloques.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69447755d98da\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">&iquest;Puedo crear un formulario de contacto de WordPress gratis?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>S&iacute;, puedes crear un formulario de contacto de WordPress gratis utilizando plugins como WPForms Lite.&nbsp;u003cbr \/u003eu003cbr \/u003eEsta versi&oacute;n gratuita te permite crear un formulario de contacto sencillo. Si necesitas funciones m&aacute;s avanzadas, considera la posibilidad de actualizar a la versi&oacute;n premium.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69447755d98db\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">&iquest;Puedo a&ntilde;adir un formulario de contacto en WordPress sin un plugin?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>S&iacute;, pero puede ser dif&iacute;cil para quienes no tienen conocimientos t&eacute;cnicos, porque tendr&iacute;as que codificar manualmente el formulario e integrarlo en tu sitio.u003cbr \/u003e&nbsp;u003cbr \/u003eMientras tanto, un plugin te permite crear formularios de contacto con s&oacute;lo unos clics.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69447755d98dc\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">&iquest;Cumplen los formularios de contacto de WordPress la GDPR?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Los formularios de contacto de WordPress pueden ajustarse al GDPR, pero esto depende en gran medida del plugin y de la configuraci&oacute;n espec&iacute;fica del formulario.&nbsp;u003cbr \/u003eu003cbr \/u003ePara cumplir con el GDPR, aseg&uacute;rate de incluir casillas de verificaci&oacute;n de consentimiento y enlaces claros a tu p&aacute;gina de pol&iacute;tica de privacidad en WordPress.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Una forma eficaz de aumentar el engagement de los usuarios en tu sitio web de WordPress es mediante un formulario de contacto. Los formularios no son s&oacute;lo para comunicarse: son un puente crucial que te conecta con tu audiencia. Tanto si eres un usuario experimentado de WordPress como si eres principiante, un formulario de contacto [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/co\/tutoriales\/crear-formulario-contacto-wordpress\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":138,"featured_media":46892,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"C\u00f3mo crear un formulario de contacto en WordPress","rank_math_description":"Crear un formulario de contacto Wordpress no debe ser complicado. Aprende de su importancia y c\u00f3mo a\u00f1adir un formulario de contacto.","rank_math_focus_keyword":"crear formulario de contacto","footnotes":""},"categories":[4747],"tags":[14195],"class_list":["post-5431","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-crear-formulario-de-contacto"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-create-a-contact-form-on-wordpress\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/formulario-de-contato-wordpress\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/formulaire-contact-wordpress\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/crear-formulario-contacto-wordpress\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-membuat-form-kontak-di-wordpress\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-create-a-contact-form-on-wordpress\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-create-a-contact-form-on-wordpress\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-create-a-contact-form-on-wordpress\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-create-a-contact-form-on-wordpress\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-create-a-contact-form-on-wordpress\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-create-a-contact-form-on-wordpress\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-create-a-contact-form-on-wordpress\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/crear-formulario-contacto-wordpress\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/crear-formulario-contacto-wordpress\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/crear-formulario-contacto-wordpress\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/formulario-de-contato-wordpress\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/5431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/comments?post=5431"}],"version-history":[{"count":20,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/5431\/revisions"}],"predecessor-version":[{"id":46891,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/5431\/revisions\/46891"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/media\/46892"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/media?parent=5431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/categories?post=5431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/tags?post=5431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}