{"id":28768,"date":"2021-05-28T18:57:00","date_gmt":"2021-05-28T15:57:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28768"},"modified":"2021-10-17T04:35:30","modified_gmt":"2021-10-17T01:35:30","slug":"sa-har-lagger-du-till-landslista-i-kontaktformular-7-plugin","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/sa-har-lagger-du-till-landslista-i-kontaktformular-7-plugin\/","title":{"rendered":"S\u00e5 h\u00e4r l\u00e4gger du till landslista i kontaktformul\u00e4r 7 Plugin"},"content":{"rendered":"

Kontaktformul\u00e4r 7 \u00e4r utan tvekan ett av de mest popul\u00e4ra pluginsna i WordPress-arkivet. N\u00e4r denna artikel skrivs har detta plugin passerat mer \u00e4n 5 miljoner aktiva installationer. En av anledningarna till denna enorma popularitet \u00e4r plugins-till\u00e4gg. F\u00f6rfattaren till detta plugin har utvecklat flera st\u00f6dda till\u00e4gg f\u00f6r Contact Form 7 plugin. Med hj\u00e4lp av dessa till\u00e4gg kan man enkelt l\u00e4gga till nya funktioner i det befintliga kontaktformul\u00e4ret.<\/p>\n

L\u00e5t oss s\u00e4ga att du vill l\u00e4gga till ett landsf\u00e4lt i ditt kontaktformul\u00e4r. Det finns cirka 200 l\u00e4nder i v\u00e4rlden och att l\u00e4gga till dessa l\u00e4nder statiskt \u00e4r ingen l\u00e4tt uppgift.<\/p>\n

F\u00f6r att l\u00f6sa detta problem har f\u00f6rfattaren till Plugin f\u00f6r kontaktformul\u00e4r 7 skapat ett Listo-<\/a> plugin. Med hj\u00e4lp av Listo-plugin kan du l\u00e4gga till landf\u00e4lt i ditt kontaktformul\u00e4r p\u00e5 n\u00e5gra minuter.<\/p>\n

Med detta sagt, l\u00e5t oss se hur man l\u00e4gger till en landslista i Plugin f\u00f6r kontaktformul\u00e4r 7.<\/p>\n

Varf\u00f6r beh\u00f6ver Listo Plugin?<\/h3>\n

Ibland vill webbplats\u00e4gare f\u00e5 en anv\u00e4ndares plats tillsammans med andra detaljer fr\u00e5n ett kontaktformul\u00e4r. F\u00f6r att f\u00e5 plats f\u00f6r en anv\u00e4ndare b\u00f6r ditt kontaktformul\u00e4r ha ett f\u00e4lt Land. Det h\u00e4r f\u00e4ltet kommer att vara en rullgardinsmeny fr\u00e5n vilken anv\u00e4ndare kan h\u00e4mta sitt land.<\/p>\n

Som standard tillhandah\u00e5ller kontaktformul\u00e4r 7-plugin ett select<\/code>formul\u00e4rm\u00e4rke f\u00f6r att l\u00e4gga till alternativen. Men den h\u00e4r select<\/code>taggen \u00e4r bra n\u00e4r du har begr\u00e4nsade alternativ. N\u00e4r det g\u00e4ller att l\u00e4gga till en landslista kan man inte anv\u00e4nda det h\u00e4r alternativet p\u00e5 grund av en l\u00e5ng lista.<\/p>\n

Listo plugin g\u00f6r denna uppgift super l\u00e4tt. L\u00e4gg bara till ett uttalande s\u00e5 \u00e4r du klar.<\/p>\n

L\u00e4gg till landslista i kontaktformul\u00e4r 7-plugin<\/h3>\n

Installera och aktivera Listo-<\/a> plugin. Detta plugin har ingen separat inst\u00e4llningssida. Anslut bara till det s\u00e5 kan du anv\u00e4nda dess funktioner.<\/p>\n

D\u00e4refter m\u00e5ste du l\u00e4gga till attribut f\u00f6r select<\/code>formul\u00e4rtaggen f\u00f6r att infoga en landslista. G\u00e5 \u00f6ver till redigeringssk\u00e4rmen i ditt kontaktformul\u00e4r och l\u00e4gg till select<\/code>taggen enligt f\u00f6ljande.<\/p>\n

[select your-country data:countries]<\/code><\/pre>\n
H\u00e4r data:countries<\/code>g\u00f6r magin. Den fyller i en lista med l\u00e4nder i din rullgardinsmeny. Kontrollera nu ditt kontaktformul\u00e4r. Det borde ha rullgardinsmenyn f\u00f6r land.<\/p>\n<\/p>\n
S\u00e5 h\u00e4r st\u00e4ller du in standardland<\/h3>\n
L\u00e5t oss s\u00e4ga att du vill beh\u00e5lla ett visst land valt som standard. I s\u00e5 fall m\u00e5ste du l\u00e4gga till en jQuery-kod i din JS-fil. F\u00f6rst f\u00e5r du alternativv\u00e4rdet f\u00f6r ett land som du beh\u00f6ver st\u00e4lla in som standard. En anv\u00e4ndare kan ta detta v\u00e4rde fr\u00e5n att inspektera rullgardinsmenyn och kopiera det fr\u00e5n alternativv\u00e4rdet.<\/p>\n
\"S\u00e5<\/a><\/p>\n
D\u00e4refter kan man anv\u00e4nda klassen ’wpcf7-select’ f\u00f6r att st\u00e4lla in det standardland som valts i kontaktformul\u00e4ret. L\u00e4gg till koden nedan i din JS-fil.<\/p>\n
jQuery(function($) {\n\u00a0\u00a0\u00a0\u00a0$('.wpcf7-select').val(\"India\"); \/\/ here we set India as a default country\n});<\/code><\/pre>\n
Det \u00e4r allt! Om du nu kollar ditt kontaktformul\u00e4r b\u00f6r du se "Indien" som ett standardval i landet i rullgardinsmenyn.<\/p>\n
relaterade artiklar<\/h3>\n