{"id":774224,"date":"2023-10-31T00:20:14","date_gmt":"2023-10-31T06:20:14","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/hur-man-skapar-ett-divi-kontaktformular-med-wpforms\/"},"modified":"2023-10-31T00:20:14","modified_gmt":"2023-10-31T06:20:14","slug":"hur-man-skapar-ett-divi-kontaktformular-med-wpforms","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/hur-man-skapar-ett-divi-kontaktformular-med-wpforms\/","title":{"rendered":"Hur man skapar ett Divi-kontaktformul\u00e4r med WPForms"},"content":{"rendered":"

Vill du skapa ett Divi-kontaktformul\u00e4r med WPForms?<\/p>\n

Eleganta temans popul\u00e4ra Divi-byggare g\u00f6r det enkelt att skapa en webbplats f\u00f6r alla.<\/p>\n

Kombinerat med kraften i WPForms, v\u00e4xer vackra webbplatser med h\u00f6g omvandling fram fr\u00e5n m\u00e4nniskor som aldrig trodde att de skulle vara bra med den tekniska sidan av sm\u00e5f\u00f6retag.<\/p>\n

S\u00e5 i det h\u00e4r inl\u00e4gget presenterar vi varje steg du kan ta f\u00f6r att skapa ett Divi-kontaktformul\u00e4r p\u00e5 din WordPress-webbplats (med hj\u00e4lp av WPForms).<\/p>\n

<\/span>Hur man skapar ett Divi-kontaktformul\u00e4r<\/span><\/h2>\n

\"l\u00e4gg<\/p>\n

Divi-temat har en inbyggd formul\u00e4rmodul som du kan anv\u00e4nda f\u00f6r att samla in e-postadresser, men f\u00f6r att skapa riktigt professionella formul\u00e4r som du kan anpassa, vill du l\u00e4gga till ett kontaktformul\u00e4r p\u00e5 din webbplats som du har skapat med WPForms.<\/p>\n

Eftersom det \u00e4r ett s\u00e5 popul\u00e4rt par (Divi + WPForms), finns det till och med en Divi-modulintegration med WPForms.<\/p>\n

S\u00e5 om du har undrat hur jag skapar ett kontaktformul\u00e4r i Divi, har du t\u00e4ckt dessa steg:<\/p>\n

<\/span>Steg 1: Installera WPForms Plugin<\/span><\/h3>\n

Det f\u00f6rsta du vill g\u00f6ra \u00e4r att installera WPForms plugin.<\/p>\n

Det \u00e4r ganska enkelt, men om du beh\u00f6ver hj\u00e4lp med den h\u00e4r delen, kolla in den h\u00e4r fantastiska handledningen om hur du installerar ett WordPress-plugin eller kontakta oss.<\/p>\n

N\u00e4r WPForms \u00e4r installerat, klicka p\u00e5 aktiveringsknappen.<\/p>\n

\"aktivera<\/p>\n

D\u00e4refter kommer du att skapa ditt formul\u00e4r.<\/p>\n

<\/span>Steg 2: Skapa ditt kontaktformul\u00e4r<\/span><\/h3>\n

Skapa nu ett enkelt WordPress-kontaktformul\u00e4r s\u00e5 att vi har ett formul\u00e4r att l\u00e4gga p\u00e5 din kontaktsida med Divi.<\/p>\n

Kom ocks\u00e5 ih\u00e5g n\u00e4r du st\u00e4ller in dina formul\u00e4rmeddelanden att WordPress \u00e4r ganska \u00f6k\u00e4nt f\u00f6r att skicka meddelanden som aldrig levereras.<\/p>\n

\"Formulera<\/p>\n

Och p\u00e5 grund av detta \u00e4r det alltid en bra praxis att fixa det h\u00e4r problemet f\u00f6r din webbplats, s\u00e5 kolla in den h\u00e4r handledningen om hur du fixar att Divi inte skickar e-post med WP Mail SMTP-plugin.<\/p>\n

Undrar du var Divi-kontaktformul\u00e4ret tar v\u00e4gen? Om du anv\u00e4nder en betald WPForms-plan, lagras dina inl\u00e4gg i WordPress-databasen.<\/p>\n

S\u00e5 nu n\u00e4r ditt formul\u00e4r \u00e4r klart, l\u00e5t oss anv\u00e4nda Divi Builder f\u00f6r att b\u00e4dda in det p\u00e5 en sida.<\/p>\n

<\/span>Steg 3: \u00d6ppna Divi Builder<\/span><\/h3>\n

N\u00e4r du v\u00e4l har skapat din nya kontaktsida (eller vilken sida du vill ha ditt kontaktformul\u00e4r p\u00e5), vill du klicka p\u00e5 Redigera med Divi Builder<\/strong> f\u00f6r att starta Divi WordPress-sidbyggaren.<\/p>\n

\"redigera<\/p>\n

Om det h\u00e4r \u00e4r en befintlig sida kan den se lite annorlunda ut. Om s\u00e5 \u00e4r fallet, klicka bara p\u00e5 Anv\u00e4nd Divi Builder<\/strong> f\u00f6r att starta den.<\/p>\n

\"anv\u00e4nd<\/p>\n

N\u00e4r byggaren \u00e4r \u00f6ppen kommer du att bli tillfr\u00e5gad om layouten p\u00e5 din sida.<\/p>\n

<\/span>Steg 4: V\u00e4lj Divi Kontaktformul\u00e4r Sidlayout<\/span><\/h3>\n

Med Divi kan du skapa en sida fr\u00e5n b\u00f6rjan, v\u00e4lja en f\u00f6rdesignad layout eller klona en befintlig sida.<\/p>\n

F\u00f6r den h\u00e4r handledningen kommer vi att skapa v\u00e5r sida fr\u00e5n grunden.<\/p>\n

S\u00e5 klicka p\u00e5 b\u00f6rja bygga<\/strong> f\u00f6r att \u00f6ppna Divi-sidan.<\/p>\n

\"b\u00f6rja<\/p>\n

Du kommer d\u00e5 att se en tom sida visas. Det h\u00e4r \u00e4r ditt utrymme att skapa! Och s\u00e5 h\u00e4r best\u00e4mmer du hur du vill att din Divi-sida ska se ut och var du vill att ditt WPForms-kontaktformul\u00e4r ska vara.<\/p>\n

Du kommer att se ett popup-f\u00f6nster som fr\u00e5gar dig vilken typ av layout (med hj\u00e4lp av rader) du vill l\u00e4gga till p\u00e5 din Divi-sida.<\/p>\n

F\u00f6r det h\u00e4r inl\u00e4gget, l\u00e5t oss v\u00e4lja det f\u00f6rsta alternativet. Detta kommer att g\u00f6ra kontaktformul\u00e4ret till det enda “objekt” som g\u00e5r i den k\u00f6n, s\u00e5 det f\u00e5r mycket uppm\u00e4rksamhet och folk som fyller i det.<\/p>\n

G\u00e5 vidare och v\u00e4lj det f\u00f6rsta alternativet (den enda raden) f\u00f6r dina rader.<\/p>\n

\"S\u00e4tt<\/p>\n

Nu kommer du att uppmanas att infoga en modul. L\u00e5t oss sedan presentera ditt fantastiska WPForms-formul\u00e4r.<\/p>\n

<\/span>Steg 4: S\u00e4tt in WPForms Divi-modulen<\/span><\/h3>\n

Det h\u00e4r steget \u00e4r v\u00e4ldigt enkelt eftersom WPForms har sin egen Divi-integrerings- och kontaktformul\u00e4rmodul!<\/p>\n

F\u00f6r att l\u00e4gga till det, s\u00f6k WPForms<\/strong> i s\u00f6krutan och v\u00e4lj sedan den modul som visas.<\/p>\n

\"v\u00e4lj<\/p>\n

N\u00e4r modulen har lagts till kommer modulkonfigurationen att visas.<\/p>\n

Detta omr\u00e5de l\u00e5ter dig:<\/p>\n