{"id":3288,"date":"2025-06-19T16:31:51","date_gmt":"2025-06-19T16:31:51","guid":{"rendered":"https:\/\/etchenet.com\/comment-creer-un-formulaire-de-contact-performant-sur-wordpress-sans-plugin-complexe\/"},"modified":"2026-05-27T20:29:38","modified_gmt":"2026-05-27T20:29:38","slug":"comment-creer-un-formulaire-de-contact-performant-sur-wordpress-sans-plugin-complexe","status":"publish","type":"post","link":"https:\/\/etchenet.com\/es\/comment-creer-un-formulaire-de-contact-performant-sur-wordpress-sans-plugin-complexe\/","title":{"rendered":"C\u00f3mo crear un formulario de contacto de alto rendimiento en WordPress sin un plugin complejo"},"content":{"rendered":"<article class=\"wp-block-group alignfull ethet-normalized-page ethet-editorial-page etch-page-shell--transparent has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n\n<section class=\"wp-block-group ethet-editorial-hero has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n\n<div class=\"wp-block-group ethet-editorial-inner has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n\n<p class=\"etch-label ethet-section-kicker ethet-editorial-kicker wp-block-paragraph\">Art\u00edculo<\/p>\n\n\n<h1 class=\"wp-block-heading ethet-editorial-title ethet-gradient-title\">C\u00f3mo crear un formulario de contacto de alto rendimiento en WordPress sin un plugin complejo<\/h1>\n\n\n<p class=\"ethet-editorial-lead wp-block-paragraph\">Crear un formulario de contacto efectivo en WordPress puede parecer una tarea abrumadora, especialmente si eres principiante y quieres evitar plugins complejos. Sin embargo, con el editor Gutenberg, puedes dise\u00f1ar un formulario que se ajuste a tus necesidades sin necesidad de conocimientos t\u00e9cnicos previos. \u00bfC\u00f3mo hacerlo? Sigue esta gu\u00eda paso a paso y descubre m\u00e9todos sencillos y pr\u00e1cticos para crear un formulario de contacto eficaz.<\/p>\n\n\n<p class=\"ethet-editorial-meta wp-block-paragraph\">19 de junio de 2025<\/p>\n\n\n<div class=\"wp-block-group ethet-editorial-tags has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n\n<p class=\"ethet-editorial-tag wp-block-paragraph\">WordPress para principiantes<\/p>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"wp-block-group ethet-editorial-section-card ethet-editorial-card has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n\n<h2 class=\"wp-block-heading ethet-editorial-h2\">Contenido<\/h2>\n\n\n<ul class=\"wp-block-list etch-check-list ethet-editorial-checklist\">\n<li><a href=\"#h-bloc-1\">\u00bfPor qu\u00e9 crear un formulario de contacto?<\/a><\/li>\n<li><a href=\"#h-bloc-2\">Paso 1: utiliza el editor Gutenberg<\/a><\/li>\n<li><a href=\"#h-bloc-3\">Paso 2: Agrega los campos necesarios<\/a><\/li>\n<li><a href=\"#h-bloc-4\">Paso 3: Personaliza el dise\u00f1o<\/a><\/li>\n<li><a href=\"#h-conclusion\">Conclusi\u00f3n<\/a><\/li>\n<\/ul>\n\n\n<h3 class=\"wp-block-heading ethet-editorial-h3\">\u00bfPor qu\u00e9 crear un formulario de contacto?<\/h3>\n\n\n<p class=\"ethet-editorial-p wp-block-paragraph\">Un formulario de contacto es esencial para cualquier negocio o blog online, ya que proporciona una comunicaci\u00f3n directa con los visitantes. No solo sirve para recopilar comentarios, sino tambi\u00e9n para generar clientes potenciales y fidelizar a la audiencia. Al ofrecer una forma sencilla de contactarte, mejoras la experiencia del usuario en tu sitio web.<\/p>\n\n\n<h3 class=\"wp-block-heading ethet-editorial-h3\">Paso 1: utiliza el editor Gutenberg<\/h3>\n\n\n<p class=\"ethet-editorial-p wp-block-paragraph\">Primero, inicia sesi\u00f3n en tu panel de WordPress y abre el editor Gutenberg para la p\u00e1gina o entrada donde quieras a\u00f1adir el formulario. Haz clic en el bot\u00f3n \u00abA\u00f1adir bloque\u00bb (el s\u00edmbolo +), y luego selecciona el bloque \u00abFormulario\u00bb. Si no ves esta opci\u00f3n, puedes crearlo usando solo bloques de texto y bloques de elementos de formulario (como cuadros de texto y botones).<\/p>\n\n\n<h3 class=\"wp-block-heading ethet-editorial-h3\">Paso 2: Agrega los campos necesarios<\/h3>\n\n\n<p class=\"ethet-editorial-p wp-block-paragraph\">Una vez en el editor de Gutenberg, empieza a a\u00f1adir campos al formulario. Para un formulario de contacto est\u00e1ndar, necesitar\u00e1s lo siguiente:<\/p>\n\n\n<ul class=\"wp-block-list etch-check-list ethet-editorial-checklist\">\n<li><strong>Nombre :<\/strong> Un campo de texto para que los visitantes ingresen su nombre.<\/li>\n<li><strong>Correo electr\u00f3nico:<\/strong> Un campo para la direcci\u00f3n de correo electr\u00f3nico, imprescindible para poder responder.<\/li>\n<li><strong>Mensaje :<\/strong> Un cuadro de texto m\u00e1s grande para que el usuario escriba su mensaje.<\/li>\n<li><strong>Enviar :<\/strong> Un bot\u00f3n de env\u00edo.<\/li>\n<\/ul>\n\n\n<p class=\"ethet-editorial-p wp-block-paragraph\">Aseg\u00farate de que todos los campos obligatorios est\u00e9n marcados. Tambi\u00e9n puedes a\u00f1adir funciones adicionales, como un campo de asunto, seg\u00fan sea necesario.<\/p>\n\n\n<h3 class=\"wp-block-heading ethet-editorial-h3\">Paso 3: Personaliza el dise\u00f1o<\/h3>\n\n\n<p class=\"ethet-editorial-p wp-block-paragraph\">Por \u00faltimo, personaliza el dise\u00f1o de tu formulario para que se integre a la perfecci\u00f3n con tu sitio web. En Gutenberg, puedes cambiar el color, el estilo del borde y el dise\u00f1o de los campos. No olvides a\u00f1adir un mensaje de confirmaci\u00f3n tras enviar el formulario para asegurar a tus usuarios que su mensaje se envi\u00f3 correctamente.<\/p>\n\n\n<h3 class=\"wp-block-heading ethet-editorial-h3\">Conclusi\u00f3n<\/h3>\n\n\n<p class=\"ethet-editorial-p wp-block-paragraph\">En resumen, crear un formulario de contacto potente en WordPress sin un plugin complejo es totalmente posible gracias al editor Gutenberg. Estos son los puntos clave a recordar:<\/p>\n\n\n<ul class=\"wp-block-list etch-check-list ethet-editorial-checklist\">\n<li>Utilice el editor Gutenberg para insertar su formulario f\u00e1cilmente.<\/li>\n<li>Agregue los campos necesarios para la recopilaci\u00f3n de informaci\u00f3n.<\/li>\n<li>Personalice el dise\u00f1o para que se ajuste a la est\u00e9tica de su sitio.<\/li>\n<\/ul>\n\n\n<p class=\"ethet-editorial-p wp-block-paragraph\">Para seguir desarrollando tus habilidades con WordPress, descubre nuestros otros recursos en http:\/\/localhost\/ethet\/category\/wordpress-pour-debutants\/.<\/p>\n\n<\/section>\n\n<\/article>","protected":false},"excerpt":{"rendered":"<p>Article Comment cr\u00e9er un formulaire de contact performant sur WordPress sans plugin complexe Cr\u00e9er un formulaire de contact efficace sur WordPress peut sembler une t\u00e2che ardue, surtout si vous d\u00e9butez et que vous souhaitez \u00e9viter les plugins complexes. Pourtant, avec l&rsquo;\u00e9diteur Gutenberg, il est possible de concevoir un formulaire qui correspond \u00e0 vos besoins, sans [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":6491,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_svbs_page_enabled":false,"_svbs_page_video_id":0,"_svbs_page_video_url":"","_svbs_page_overlay_color":"#020617","_svbs_page_overlay_opacity":0.45,"_svbs_page_scroll_range":0,"_svbs_page_scroll_range_desktop":0,"_svbs_page_scroll_range_tablet":0,"_svbs_page_scroll_range_mobile":0,"_svbs_page_start_time":0,"_svbs_page_end_time":0,"_svbs_page_mobile_behavior":"enabled","_svbs_page_z_index":0,"footnotes":""},"categories":[56],"tags":[124,123,125,116,122],"class_list":["post-3288","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-pour-debutants","tag-cms","tag-dbutant","tag-site-web","tag-tutoriel","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/posts\/3288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/comments?post=3288"}],"version-history":[{"count":3,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/posts\/3288\/revisions"}],"predecessor-version":[{"id":7896,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/posts\/3288\/revisions\/7896"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/media\/6491"}],"wp:attachment":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/media?parent=3288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/categories?post=3288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/tags?post=3288"}],"curies":[{"name":"gracias","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}