{"id":28563,"date":"2021-05-28T18:44:00","date_gmt":"2021-05-28T15:44:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28563"},"modified":"2021-10-17T16:40:41","modified_gmt":"2021-10-17T13:40:41","slug":"como-agregar-una-lista-de-paises-en-el-complemento-formulario-de-contacto-7","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-agregar-una-lista-de-paises-en-el-complemento-formulario-de-contacto-7\/","title":{"rendered":"C\u00f3mo agregar una lista de pa\u00edses en el complemento Formulario de contacto 7"},"content":{"rendered":"<p>Contact Form 7 es sin duda uno de los complementos m\u00e1s populares en el repositorio de WordPress. En el momento de escribir este art\u00edculo, este complemento ha superado m\u00e1s de 5 millones de instalaciones activas. Una de las razones de esta inmensa popularidad son los complementos. El autor de este complemento ha desarrollado varios complementos compatibles para el complemento Contact Form 7. Con estos complementos, se pueden agregar f\u00e1cilmente nuevas funciones al formulario de contacto existente.<\/p>\n<p>Supongamos que desea agregar un campo Pa\u00eds en su formulario de contacto. Hay alrededor de 200 pa\u00edses en el mundo y agregar estos pa\u00edses de forma est\u00e1tica no es una tarea f\u00e1cil.<\/p>\n<p>Para resolver este problema, el autor del complemento Contact Form 7 ha creado un complemento <a href=\"https:\/\/wordpress.org\/plugins\/listo\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Listo<\/a>. Con el complemento Listo, puede agregar el campo Pa\u00eds a su formulario de contacto en cuesti\u00f3n de minutos.<\/p>\n<p>Dicho esto, veamos c\u00f3mo agregar una lista de pa\u00edses en el complemento Contact Form 7.<\/p>\n<h3>\u00bfPor qu\u00e9 es necesario el complemento Listo?<\/h3>\n<p>A veces, los propietarios de sitios web desean obtener la ubicaci\u00f3n de un usuario junto con otros detalles de un formulario de contacto. Para obtener la ubicaci\u00f3n de un usuario, su formulario de contacto debe tener un campo Pa\u00eds. Este campo ser\u00e1 un men\u00fa desplegable desde el que los usuarios pueden elegir su pa\u00eds.<\/p>\n<p>Por defecto, el complemento Contact Form 7 proporciona una <code>select<\/code>etiqueta de formulario para agregar las opciones. Pero esta <code>select<\/code>etiqueta est\u00e1 bien cuando tienes opciones limitadas. Cuando se trata de agregar una lista de pa\u00edses, no se puede usar esta opci\u00f3n f\u00e1cilmente debido a que la lista es larga.<\/p>\n<p>El complemento Listo hace que esta tarea sea muy f\u00e1cil. Simplemente agregue una declaraci\u00f3n y listo.<\/p>\n<h3>Agregar lista de pa\u00edses al complemento Formulario de contacto 7<\/h3>\n<p>Instale y active el complemento <a href=\"https:\/\/wordpress.org\/plugins\/listo\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Listo<\/a>. Este complemento no tiene una p\u00e1gina de configuraci\u00f3n separada. Simplemente con\u00e9ctelo y podr\u00e1 usar sus funciones.<\/p>\n<p>A continuaci\u00f3n, para insertar una lista de pa\u00edses, debe agregar atributos para <code>select<\/code>la etiqueta de formulario. Dir\u00edgete a la pantalla de edici\u00f3n de tu formulario de contacto y agrega la <code>select<\/code>etiqueta de la siguiente manera.<\/p>\n<pre><code>[select your-country data:countries]<\/code><\/pre>\n<p>Aqu\u00ed <code>data:countries<\/code>hace la magia. Completa una lista de pa\u00edses en su men\u00fa desplegable. Ahora revisa tu formulario de contacto. Deber\u00eda tener el men\u00fa desplegable de pa\u00edses.<\/p>\n<\/p>\n<h3>C\u00f3mo establecer el pa\u00eds predeterminado<\/h3>\n<p>Supongamos que desea mantener un pa\u00eds espec\u00edfico seleccionado de forma predeterminada. En ese caso, debe agregar un c\u00f3digo jQuery a su archivo JS. Primero, obtenga el valor de opci\u00f3n de un pa\u00eds que necesita establecer como predeterminado. Un usuario puede tomar este valor inspeccionando el men\u00fa desplegable y copiarlo del valor de la opci\u00f3n.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20440-6081f1ed2b509.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20440-6081f1ed2b509.png\" alt=\"C\u00f3mo agregar una lista de pa\u00edses en el complemento Formulario de contacto 7\" ><\/a><\/p>\n<p>A continuaci\u00f3n, utilizando la clase &#8216;wpcf7-select&#8217; se puede establecer el pa\u00eds predeterminado seleccionado en el formulario de contacto. Agregue el siguiente c\u00f3digo en su archivo JS.<\/p>\n<pre><code>jQuery(function($) {\n\u00a0\u00a0\u00a0\u00a0$('.wpcf7-select').val(\"India\"); \/\/ here we set India as a default country\n});<\/code><\/pre>\n<p>\u00a1Eso es! Ahora, si revisa su formulario de contacto, deber\u00eda ver &#8216;India&#8217; como pa\u00eds seleccionado predeterminado en el men\u00fa desplegable de pa\u00edses.<\/p>\n<h3>Art\u00edculos relacionados<\/h3>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/elimine-el-css-y-js-del-formulario-de-contacto-7-cuando-no-sea-necesario\/\" title=\"Elimine Contact Form 7 CSS y JS cuando no sea necesario\">Elimine Contact Form 7 CSS y JS cuando no sea necesario<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/redirigir-a-la-pagina-de-agradecimiento-despues-del-envio-del-formulario-de-contacto-7\/\" title=\"Redirigir a la p\u00e1gina de agradecimiento despu\u00e9s del env\u00edo del formulario de contacto 7\">Redirigir a la p\u00e1gina de agradecimiento despu\u00e9s del env\u00edo del formulario de contacto 7<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/como-guardar-envios-del-formulario-de-contacto-7-en-la-base-de-datos-de-wordpress\/\" title=\"C\u00f3mo guardar env\u00edos del formulario de contacto 7 en la base de datos de WordPress\">C\u00f3mo guardar env\u00edos del formulario de contacto 7 en la base de datos de WordPress<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfEst\u00e1 buscando agregar una lista de pa\u00edses en el complemento Contact Form 7? En este art\u00edculo, le muestro c\u00f3mo agregar un campo Pa\u00eds al complemento Formulario de contacto 7.<\/p>\n","protected":false},"author":1,"featured_media":20441,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[410,495,606],"tags":[849],"class_list":["post-28563","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diverso","category-laravel","category-uncategorized-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/28563","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=28563"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/28563\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/20441"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=28563"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=28563"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=28563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}