{"id":252327,"date":"2022-03-26T12:33:00","date_gmt":"2022-03-26T09:33:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=252327"},"modified":"2022-05-16T15:17:11","modified_gmt":"2022-05-16T12:17:11","slug":"hur-man-lagger-till-en-kontaktsida-pa-din-wordpress-webbplats","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-lagger-till-en-kontaktsida-pa-din-wordpress-webbplats\/","title":{"rendered":"Hur man l\u00e4gger till en kontaktsida p\u00e5 din WordPress-webbplats"},"content":{"rendered":"

Kommunikation.<\/p>\n

Det \u00e4r en av webbens m\u00e5nga styrkor.<\/p>\n

Och om du har en aktiv webbplats beh\u00f6ver du ett s\u00e4tt f\u00f6r bes\u00f6kare att komma i kontakt med dig.<\/p>\n

Att l\u00e4gga upp en e-postadress p\u00e5 en kontaktsida fungerar okej, men det finns n\u00e5gra problem med detta enkla tillv\u00e4gag\u00e5ngss\u00e4tt.<\/p>\n

F\u00f6rst kommer du att f\u00e5 massor av spam-e-postmeddelanden fr\u00e5n spammare som "skrapar" webben efter e-postadresser.<\/p>\n

Och f\u00f6r det andra kommer du inte att veta hur nya kontakter hittade dig. Kontaktformul\u00e4ret kan ha en f\u00f6rdefinierad \u00e4mnesrad som g\u00f6r det tydligt varifr\u00e5n mejlet kommer.<\/p>\n

S\u00e5 hur l\u00e4gger du till ett kontaktformul\u00e4r p\u00e5 din WordPress-webbplats?<\/p>\n

Med ett plugin!<\/p>\n

Och det finns massor av bra kontaktformul\u00e4r plugins<\/a> att v\u00e4lja mellan.<\/p>\n

I den h\u00e4r handledningen kommer jag att rekommendera mitt favoritplugin f\u00f6r kontaktformul\u00e4r och visa dig hur du st\u00e4ller in det p\u00e5 din webbplats.<\/p>\n

Som redan n\u00e4mnts \u00e4r det f\u00f6rsta steget att installera ett plugin. F\u00f6r kontaktformul\u00e4r rekommenderar jag WPForms<\/a>.<\/p>\n

\"Hur<\/a><\/p>\n

WPForms har ocks\u00e5 premiumalternativ tillg\u00e4ngliga<\/a> f\u00f6r mer funktionalitet. Du kan dock enkelt skapa ett grundl\u00e4ggande kontaktformul\u00e4r med gratisversionen.<\/p>\n

Du kan s\u00f6ka efter WPForms via Plugins-menyn (klicka p\u00e5 L\u00e4gg till ny f\u00f6rst) f\u00f6r att installera det p\u00e5 din webbplats.<\/p>\n

N\u00e4r du har installerat det \u00e4r du redo att skapa ditt f\u00f6rsta formul\u00e4r.<\/p>\n

Skapa ett formul\u00e4r<\/h3>\n

Med WPForms installerat hittar du en ny toppniv\u00e5meny som lagts till p\u00e5 din WordPress-administrat\u00f6rspanel.<\/p>\n

\"Hur<\/a><\/p>\n

Klicka p\u00e5 knappen L\u00e4gg till ny s\u00e5 kommer du till formul\u00e4rskaparen.<\/p>\n

WPForms g\u00f6r det otroligt enkelt f\u00f6r oss och erbjuder en m\u00f6jlighet att b\u00f6rja med en grundl\u00e4ggande kontaktformul\u00e4rkonfiguration.<\/p>\n

\"Hur<\/a><\/p>\n

N\u00e4r du har valt det h\u00e4r alternativet kommer du att se formul\u00e4rf\u00f6rhandsgranskningen till h\u00f6ger p\u00e5 sk\u00e4rmen med de f\u00f6rtillagda f\u00e4lten.<\/p>\n

\"Hur<\/a><\/p>\n

Du kan klicka p\u00e5 valfritt f\u00e4lt till h\u00f6ger f\u00f6r att visa ytterligare inst\u00e4llningar. P\u00e5 v\u00e4nster sida kan du se alla standardf\u00e4lt som \u00e4r tillg\u00e4ngliga f\u00f6r inkludering.<\/p>\n

Det finns ocks\u00e5 n\u00e5gra snygga f\u00e4lt som adressf\u00e4lt och datumv\u00e4ljare, men dessa \u00e4r bara tillg\u00e4ngliga i proversionen<\/a>.<\/p>\n

Du kan l\u00e4gga till\/ta bort alla f\u00e4lt du vill, men den h\u00e4r standardkonfigurationen \u00e4r bra f\u00f6r ett grundl\u00e4ggande kontaktformul\u00e4r.<\/p>\n

D\u00e4refter tar vi en snabb titt p\u00e5 n\u00e5gra av formul\u00e4rkonfigurationsalternativen.<\/p>\n

Konfigurera formul\u00e4ret<\/h3>\n

De viktigaste alternativen \u00e4r meddelanden och bekr\u00e4ftelser.<\/p>\n

I panelen Inst\u00e4llningar hittar du tre olika menyer tillg\u00e4ngliga. Med menyn Meddelanden kan du konfigurera e-postmeddelandet som du f\u00e5r n\u00e4r n\u00e5gon skickar formul\u00e4ret.<\/p>\n

\"Hur<\/a><\/p>\n

Jag \u00e4lskar flexibiliteten h\u00e4r. Du kan anpassa \u00e4mnesraden dynamiskt med information fr\u00e5n vilket f\u00e4lt som helst och st\u00e4lla in svar p\u00e5 och fr\u00e5n e-postmeddelanden baserat p\u00e5 bes\u00f6karens input.<\/p>\n

D\u00e4refter inneh\u00e5ller menyn Bekr\u00e4ftelse alternativen f\u00f6r att konfigurera meddelandet som bes\u00f6kare ser efter att ha skickat in ditt formul\u00e4r.<\/p>\n

\"Hur<\/a><\/p>\n

Du kan skriva ett anpassat meddelande, visa en befintlig sida p\u00e5 din webbplats eller omdirigera bes\u00f6karen till valfri webbadress (intern eller extern). Dessa alternativ ger all flexibilitet du beh\u00f6ver f\u00f6r att skapa ett anpassat bekr\u00e4ftelsemeddelande.<\/p>\n

L\u00e4gg till formul\u00e4ret p\u00e5 din webbplats<\/h3>\n

Det sista steget \u00e4r att l\u00e4gga till formul\u00e4ret du just skapade p\u00e5 din webbplats.<\/p>\n

WPForms tillhandah\u00e5ller kortkoder f\u00f6r att l\u00e4gga till formul\u00e4r i alla inl\u00e4gg eller sidor p\u00e5 din webbplats. Det finns n\u00e5gra st\u00e4llen d\u00e4r du kan hitta kortkoden f\u00f6r dina formul\u00e4r, men den enklaste \u00e4r knappen B\u00e4dda in l\u00e4ngst upp i formul\u00e4rbyggaren.<\/p>\n

\"Hur<\/a><\/p>\n

Om du klickar p\u00e5 den visas ett litet popup-f\u00f6nster inklusive kortkoden och en snabb Youtube-video som f\u00f6rklarar hur man anv\u00e4nder den.<\/p>\n

\"Hur<\/a><\/p>\n

Allt du beh\u00f6ver g\u00f6ra \u00e4r att kopiera och klistra in kortkoden i valfritt inl\u00e4gg eller sida. Om du anv\u00e4nder Gutenberg-redigeraren kommer WordPress automatiskt att skapa ett kortkodsblock \u00e5t dig n\u00e4r du klistrar in det, s\u00e5 h\u00e4r:<\/p>\n

\"Hur<\/a><\/p>\n

Du kommer inte att se formul\u00e4ret visuellt i redigeraren, men det dyker upp bra n\u00e4r du tittar p\u00e5 inl\u00e4gget p\u00e5 sidans front-end.<\/p>\n

\"Hur<\/a><\/p>\n

L\u00e4gga till formul\u00e4r med WordPress<\/h2>\n

Som de flesta funktioner i WordPress kan ett kontaktformul\u00e4r l\u00e4ggas till med ett plugin.<\/p>\n

Det finns massor av kontaktformul\u00e4rplugins tillg\u00e4ngliga, men WPForms sticker ut som min favorit. Om du f\u00f6ljer stegen ovan har du inga problem med att l\u00e4gga till ett enkelt formul\u00e4r p\u00e5 din egen webbplats.<\/p>\n

Har du n\u00e5gra fr\u00e5gor om hur man l\u00e4gger till ett kontaktformul\u00e4r i WordPress? Skriv i kommentarerna nedan.<\/p>\n

Inspelningsk\u00e4lla: www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

L\u00e4r dig hur du skapar ett enkelt kontaktformul\u00e4r med ett plugin och l\u00e4gger till det p\u00e5 en kontaktsida p\u00e5 din webbplats.<\/p>\n","protected":false},"author":1,"featured_media":257867,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[574],"tags":[850],"class_list":["post-252327","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-grunderna-i-wordpress","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/252327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=252327"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/252327\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/257867"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=252327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=252327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=252327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}