Så här lägger du till landslista i kontaktformulär 7 Plugin

Kontaktformulär 7 är utan tvekan ett av de mest populära pluginsna i WordPress-arkivet. När denna artikel skrivs har detta plugin passerat mer än 5 miljoner aktiva installationer. En av anledningarna till denna enorma popularitet är plugins-tillägg. Författaren till detta plugin har utvecklat flera stödda tillägg för Contact Form 7 plugin. Med hjälp av dessa tillägg kan man enkelt lägga till nya funktioner i det befintliga kontaktformuläret.

Låt oss säga att du vill lägga till ett landsfält i ditt kontaktformulär. Det finns cirka 200 länder i världen och att lägga till dessa länder statiskt är ingen lätt uppgift.

För att lösa detta problem har författaren till Plugin för kontaktformulär 7 skapat ett Listo- plugin. Med hjälp av Listo-plugin kan du lägga till landfält i ditt kontaktformulär på några minuter.

Med detta sagt, låt oss se hur man lägger till en landslista i Plugin för kontaktformulär 7.

Varför behöver Listo Plugin?

Ibland vill webbplatsägare få en användares plats tillsammans med andra detaljer från ett kontaktformulär. För att få plats för en användare bör ditt kontaktformulär ha ett fält Land. Det här fältet kommer att vara en rullgardinsmeny från vilken användare kan hämta sitt land.

Som standard tillhandahåller kontaktformulär 7-plugin ett selectformulärmärke för att lägga till alternativen. Men den här selecttaggen är bra när du har begränsade alternativ. När det gäller att lägga till en landslista kan man inte använda det här alternativet på grund av en lång lista.

Listo plugin gör denna uppgift super lätt. Lägg bara till ett uttalande så är du klar.

Lägg till landslista i kontaktformulär 7-plugin

Installera och aktivera Listo- plugin. Detta plugin har ingen separat inställningssida. Anslut bara till det så kan du använda dess funktioner.

Därefter måste du lägga till attribut för selectformulärtaggen för att infoga en landslista. Gå över till redigeringsskärmen i ditt kontaktformulär och lägg till selecttaggen enligt följande.

[select your-country data:countries]

Här data:countriesgör magin. Den fyller i en lista med länder i din rullgardinsmeny. Kontrollera nu ditt kontaktformulär. Det borde ha rullgardinsmenyn för land.

Så här ställer du in standardland

Låt oss säga att du vill behålla ett visst land valt som standard. I så fall måste du lägga till en jQuery-kod i din JS-fil. Först får du alternativvärdet för ett land som du behöver ställa in som standard. En användare kan ta detta värde från att inspektera rullgardinsmenyn och kopiera det från alternativvärdet.

Därefter kan man använda klassen ‘wpcf7-select’ för att ställa in det standardland som valts i kontaktformuläret. Lägg till koden nedan i din JS-fil.

jQuery(function($) {
    $('.wpcf7-select').val("India"); // here we set India as a default country
});

Det är allt! Om du nu kollar ditt kontaktformulär bör du se "Indien" som ett standardval i landet i rullgardinsmenyn.

relaterade artiklar

• Ta bort kontaktformulär 7 CSS och JS när det inte behövs
• Omdirigera till tack sida efter kontaktformulär 7 inlämning
• Så här sparar du kontaktformulär 7-bidrag till WordPress-databas