{"id":305,"date":"2023-06-24T14:22:37","date_gmt":"2023-06-24T14:22:37","guid":{"rendered":"https:\/\/cachitoswp.com\/?p=305"},"modified":"2024-09-16T16:37:20","modified_gmt":"2024-09-16T16:37:20","slug":"lightweight-basic-contact-form-plugin","status":"publish","type":"post","link":"https:\/\/cachitoswp.com\/en\/lightweight-basic-contact-form-plugin\/","title":{"rendered":"Essential Form, the most basic and lightweight contact form plugin for WordPress"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Fijaros que en el t\u00edtulo de este post, digo plugin de formulario de contacto, y no \u00abplugin de formularios\u00bb. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ver\u00e9is, seguro que como a vosotros, en ciertas ocasiones, alg\u00fan proyecto web no requer\u00eda de virguer\u00edas con los formularios, porque como mucho hab\u00eda que implementar una p\u00e1gina de contacto b\u00e1sica.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Como somos costumbristas y no necesitamos reinventar la rueda, pues como har\u00edamos la mayor\u00eda, instalar\u00edamos un Contact Form 7 o un Ninja Forms o el que m\u00e1s nos guste.<\/p>\n\n\n<a style=\"background-color:#ffffff;color:color: #424242!important\" rel=\"sponsored\" data-sal=\"flip-up\" data-sal-repeat title=\"OFERTAZA: Spidey &amp; Gwen Minifiguras articuladas\" class=\"blockytoys-product-banner myclass\" data-product=\"https:\/\/blockytoys.com\/producto\/minimates-spidey-gwen\/\" href=\"https:\/\/blockytoys.com\/producto\/minimates-spidey-gwen\/\">\n    <figure class=\"product-banner-pic\">\n        <img decoding=\"async\" alt=\"toys collectibles minimates figuras coleccion\" data-sal=\"zoom-in\" data-sal-delay=\"200\" src=\"https:\/\/cachitoswp.com\/wp-content\/uploads\/2023\/06\/minimates-spidey-gwen-1.jpg\" loading=\"lazy\" width=\"auto\" height=\"auto\" \/>\n    <\/figure>\n    <div class=\"product-banner-info\">\n        <h3 class=\"banner-info-title\" style=\"color:#e3101e\">Spidey &amp; Gwen<\/h3>\n        <p class=\"banner-info-subtitle\" style=\"color:#e3101e\">Minifiguras articuladas<\/p>\n        <p class=\"jastags\">#loNecesitas #buildingBlocks #buildCheaper<\/p>\n        <p class=\"banner-info-price\" style=\"color:#e3101e\">\u00a1 S\u00f3lo <span>9,90<\/span>\u20ac !<\/p>\n        <button class=\"banner-info-button\" style=\"background-color:#e3101e\">Ver m\u00e1s<\/button>\n    <\/div>\n<\/a>\n\t\t<style>.gcb-editor-form h3 {\n        font-size:14px;\n    }\n    .blockytoys-product-banner {\n        text-decoration:none!important;\n        display:flex;\n        cursor:pointer;\n\n        flex-direction:column;\n        flex-wrap:wrap;\n        align-items:center;\n        justify-content:middle;\n        position:relative;\n        z-index:1;\n        border-radius: 0 15px 0 15px;\n        overflow:hidden;\n    }\n    \n    .blockytoys-product-banner::before {\n        content:\"PUBLIACIDEZ\";\n        display:inline-block;\n        position:absolute;\n        left:0;\n        top:0;\n        color:#fff;\n        background:steelblue;\n        padding:2px 6px;\n        line-height:1;\n        font-size:9px;\n        letter-spacing:0.1em;\n    }\n    \n    .product-banner-pic {\n        margin:0;\n        text-align:center;\n    }\n    .product-banner-pic img {\n        width:100%;\n    }\n    .product-banner-info {\n        padding:0 25px 25px 25px;\n        box-sizing:border-box;\n        text-align:center;\n    }\n    .banner-info-title {\n        margin:0;\n        font-size:26px;\n        font-weight:bold;\n    }\n    .banner-info-subtitle {\n        margin:0;\n        font-size:17px;\n        font-weight:normal;\n    }\n    .banner-info-price {\n        margin:20px 0;\n        font-size:18px;\n        font-weight:bold;\n        animation-name:blinky;\n        animation-duration:0.65s;\n        animation-iteration-count:infinite;\n        \n    }\n    .banner-info-button {\n        color:#fff;\n        appearance:none;\n        display:inline-block;\n        min-width:140px;\n        border:0;\n        font-family:inherit;\n        text-transform:uppercase;\n        padding:10px;\n        font-weight:bold;\n        font-size:14px;\n        cursor:pointer;\n    }\n    @media(min-width:768px) {\n        .blockytoys-product-banner {\n            flex-direction:row;\n        }\n        .product-banner-pic {\n            width:36%;\n        }\n        .product-banner-info {\n            padding-top:30px;\n            width:64%;\n            background-image:url(https:\/\/cachitoswp.com\/wp-content\/uploads\/2023\/06\/nerd-quiere-comprar.png),\n            url(https:\/\/cachitoswp.com\/wp-content\/uploads\/2023\/06\/blockytoys-logo-color.svg);\n            background-repeat:no-repeat,no-repeat;\n            background-position:0 1000px, 100% 1000px;\n            background-size:110px auto, 120px auto;\n            transition:1s;\n        }\n        .sal-animate .product-banner-info {\n            background-position: 0 100%, 96% 89%\n        }\n    }\n    @keyframes blinky {\n        0% {\n            transform:scale(1);\n        }\n        50% {\n            transform:scale(1.2);\n        }\n        100% {\n            transform:scale(1);\n        }\n    }\n    .jastags {\n      font-family: monospace, mono;\n      font-size: 12px;\n      line-height: 1.5;\n      margin: 5px 0 0 0;\n    }\n    \n    .blockytoys-product-banner.bali-banner .product-banner-info {\n        background-image:none!important;\n    }\n    .blockytoys-product-banner.bali-banner .jastags {\n        display:none;\n    }<\/style>\n\t\t\n\n\n<p class=\"wp-block-paragraph\">Pero ya estamos con lo de siempre, que si recursos, que si meter plugins muy potentes para funcionalidades muy concretas&#8230; Lo sabemos. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00bfPara un formulario de contacto b\u00e1sico con \u00abnombre, email y enviar consulta\u00bb tenemos que cargar toda una \u00absuite de formularios\u00bb?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quiz\u00e1 no, depende claro de si sabemos si en el futuro necesitaremos m\u00e1s cantidad de formularios y m\u00e1s complejos en el mismo site. Mientras tanto&#8230;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00bfY si tiramos de lo m\u00e1s b\u00e1sico, que no nos a\u00f1ada archivos css y js innecesarios, y sea sencillo, seguro y a prueba de spam?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pues para \u00e9ste mismo site, <a href=\"https:\/\/wordpress.org\/plugins\/essential-form\/\">encontr\u00e9 el plugin de formulario de contacto m\u00e1s ligero del mundo:<\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-wp-embed is-provider-plugin-directory wp-block-embed-plugin-directory\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"MdzRrGtZBG\"><a href=\"https:\/\/wordpress.org\/plugins\/essential-form\/\">Essential Form &#8211; The lightest plugin for contact forms, ultra lightweight and no spam<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Essential Form &#8211; The lightest plugin for contact forms, ultra lightweight and no spam&#8221; &#8212; Plugin Directory\" src=\"https:\/\/wordpress.org\/plugins\/essential-form\/embed\/#?secret=nAQYXrgw97#?secret=MdzRrGtZBG\" data-secret=\"MdzRrGtZBG\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Lo activas y ya puedes a\u00f1adir su shortcode. Para muestra de lo sencillo, limitado y suficiente que puede ser en ciertos casos, aqu\u00ed os dejo el enlace a <a href=\"https:\/\/cachitoswp.com\/que-te-cuentas\/\">mi p\u00e1gina de contacto en CachitosWP<\/a>, y el snippet del shortcode con los parametritos de localizaci\u00f3n de las etiquetas de los campos:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#d8dee9ff;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;style id=&quot;fb640eabc-1-css&quot;&gt;.fb640eabc-wrp .ef-error{border:1px solid red;padding:10px;margin-bottom:16px}.fb640eabc-wrp .ef-success{border:1px solid green;padding:10px;margin-bottom:16px}.fb640eabc input:not([type=checkbox]),.fb640eabc textarea{width:100%}.fb640eabc textarea{min-height:150px}.fb640eabc&gt;div{margin-bottom:16px}.fb640eabc button{background-position:-999999px -9999999px !important}.fb640eabc.ef-progress button{background-position:center !important;pointer-events:none !important}&lt;\/style&gt;&lt;div id=&quot;fw-fb640eabc-1&quot; class=&quot;fb640eabc-wrp ef-ctrl-wrp&quot;&gt;&lt;div id=&quot;f40cce4cb-1&quot; style=&quot;display:none&quot; class=&quot;ef-success&quot;&gt;&quot;\u00a1Recibido,&lt;\/div&gt;&lt;div id=&quot;fe4323b1d-1&quot; style=&quot;display:none&quot; class=&quot;ef-error&quot;&gt;&lt;\/div&gt;&lt;form id=&quot;fb640eabc-1&quot; class=&quot;fb640eabc&quot;&gt;&lt;div class=&quot;ef-ctrl-wrp&quot;&gt;&lt;div&gt;&lt;label for=&quot;fe90a80dd-1&quot;&gt;&quot;Nombre&quot;&lt;\/label&gt;&lt;\/div&gt;&lt;div&gt;&lt;input type=&quot;text&quot; id=&quot;fe90a80dd-1&quot; class=&quot;fe90a80dd&quot; required \/&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;div class=&quot;ef-ctrl-wrp&quot;&gt;&lt;div&gt;&lt;label for=&quot;f44754da5-1&quot;&gt;Email&lt;\/label&gt;&lt;\/div&gt;&lt;div&gt;&lt;input type=&quot;email&quot; id=&quot;f44754da5-1&quot; class=&quot;f44754da5&quot; required \/&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;div class=&quot;ef-ctrl-wrp&quot;&gt;&lt;div&gt;&lt;label for=&quot;f5b6a4e3e-1&quot;&gt;&quot;Mensaje&quot;&lt;\/label&gt;&lt;\/div&gt;&lt;div&gt;&lt;textarea id=&quot;f5b6a4e3e-1&quot; class=&quot;f5b6a4e3e&quot; required&gt;&lt;\/textarea&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;div&gt; &lt;label for=&quot;fbb799ff7-1&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;fbb799ff7-1&quot; class=&quot;fbb799ff7&quot; required value=&quot;on&quot; \/&gt; &quot;Aceptaci\u00f3n&lt;\/label&gt;&lt;\/div&gt;&lt;div&gt;&lt;button id=&quot;f5b6a4e3e-1&quot; type=&quot;submit&quot; class=&quot;button&quot; style=&quot;background-size:22px 22px !important;background-repeat:no-repeat !important;background-image:url(https:\/\/cachitoswp.com\/wp-includes\/images\/spinner.gif) !important&quot; onclick=&quot;essential_form_fb640eabc(1);return false;&quot;&gt;&quot;Enviar&quot;&lt;\/div&gt;&lt;input type=&quot;hidden&quot; value=&quot;fb640eabc,fe90a80dd,f44754da5,f5b6a4e3e,fbb799ff7,f116abfec,f2156ae08,f40cce4cb,fe4323b1d,fa0fb6d96,ffad992f8,f29eefa39,fd1d81c50,f7b9ef6de,f45397cf3,fbbf80328,f4ba73337,f04187050,fd28238ce,f7c7de920,f8bb3fa8a&quot; id=&quot;f116abfec-1&quot; \/&gt;&lt;input type=&quot;hidden&quot; value=&quot;&quot; id=&quot;f2156ae08-1&quot; \/&gt;&lt;\/form&gt;&lt;div id=&quot;fe4323b1d-1&quot; style=&quot;margin-bottom:16px&quot;&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;script id=&quot;fb640eabc-1-js&quot; type=&quot;text\/javascript&quot;&gt;essential_form_random_key = Math.floor(Math.random() * 99999999999999);function essential_form_fb640eabc_init(){var r = new XMLHttpRequest(),f=new FormData();r.open(&quot;POST&quot;,&quot;https:\/\/cachitoswp.com\/wp-admin\/admin-ajax.php?action=essential_form_fb640eabc_get_key&quot;,true);r.onload = function(e){if(this.readyState === 4 &amp;&amp; &quot;&quot; !== e.target.responseText){document.getElementById(&quot;f2156ae08-1&quot;).value = e.target.responseText;}};f.append(&quot;random_key&quot;,essential_form_random_key);r.send(f);}essential_form_fb640eabc_init();function essential_form_fb640eabc(n){var req = new XMLHttpRequest(),fd=new FormData(),succ=document.getElementById(&quot;f40cce4cb-1&quot;),err=document.getElementById(&quot;fe4323b1d-1&quot;),fe=document.getElementById(&quot;fb640eabc-&quot; + n);fe.className += &quot; ef-progress&quot;;succ.style.display=&quot;none&quot;;err.style.display=&quot;none&quot;;req.onload = function(e){if(this.readyState === 4 &amp;&amp; &quot;&quot; !== e.target.responseText){if(&quot;1&quot; === e.target.responseText){succ.style.display=&quot;block&quot;;err.style.display=&quot;none&quot;;document.getElementById(&quot;fb640eabc-1&quot;).style.visibility=&quot;hidden&quot;;}else{err.style.display=&quot;block&quot;;err.innerHTML=e.target.responseText;}}fe.className = fe.className.replace(&quot; ef-progress&quot;,&quot;&quot;);return false;};fd.append(&quot;name&quot;,document.getElementById(&quot;fe90a80dd-&quot; + n).value);fd.append(&quot;email&quot;,document.getElementById(&quot;f44754da5-&quot; + n).value);fd.append(&quot;message&quot;,document.getElementById(&quot;f5b6a4e3e-&quot; + n).value);fd.append(&quot;agreement&quot;,document.getElementById(&quot;fbb799ff7-&quot; + n).checked);fd.append(&quot;keys&quot;,document.getElementById(&quot;f116abfec-&quot; + n).value);fd.append(&quot;temp_key&quot;,document.getElementById(&quot;f2156ae08-&quot; + n).value);fd.append(&quot;post_id&quot;,305);fd.append(&quot;random_key&quot;,essential_form_random_key);req.open(&quot;POST&quot;,&quot;https:\/\/cachitoswp.com\/wp-admin\/admin-ajax.php?action=essential_form_fb640eabc&quot;,true);req.send(fd);return false;}&lt;\/script&gt;\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #D8DEE9FF\">[<\/span><span style=\"color: #D8DEE9\">essential_form<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">label_name<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Nombre<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">label_emal<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Correo<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">label_message<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Mensaje<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">button_text<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Enviar<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">agreement_text<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Aceptaci\u00f3n de pol\u00edtica de privacidad<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">success_message<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">\u00a1Recibido, hablamos pronto!<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">]<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Nota: en el snippet de ejemplo que hay en la p\u00e1gina oficial del plugin en WordPress  hay una errata, usad el m\u00edo mejor si lo probais. \u00a1Salud!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Fijaros que en el t\u00edtulo de este post, digo plugin de formulario de contacto, y no \u00abplugin de formularios\u00bb. Ver\u00e9is, seguro que como a vosotros, en ciertas ocasiones, alg\u00fan proyecto web no requer\u00eda de virguer\u00edas con los formularios, porque como mucho hab\u00eda que implementar una p\u00e1gina de contacto b\u00e1sica. Como somos costumbristas y no necesitamos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":307,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[1,7],"tags":[23,12,10,11],"class_list":["post-305","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-desarrollo-web-wordpress","category-plugins","tag-facil","tag-formularios","tag-gratis","tag-plugins-ligeros"],"mb":[],"mfb_rest_fields":["title"],"_links":{"self":[{"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/posts\/305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/comments?post=305"}],"version-history":[{"count":1,"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/posts\/305\/revisions"}],"predecessor-version":[{"id":1254,"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/posts\/305\/revisions\/1254"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/media\/307"}],"wp:attachment":[{"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/media?parent=305"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/categories?post=305"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/tags?post=305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}