Vill du skapa ett Divi-kontaktformulär med WPForms?
Eleganta temans populära Divi-byggare gör det enkelt att skapa en webbplats för alla.
Kombinerat med kraften i WPForms, växer vackra webbplatser med hög omvandling fram från människor som aldrig trodde att de skulle vara bra med den tekniska sidan av småföretag.
Så i det här inlägget presenterar vi varje steg du kan ta för att skapa ett Divi-kontaktformulär på din WordPress-webbplats (med hjälp av WPForms).
Hur man skapar ett Divi-kontaktformulär
Divi-temat har en inbyggd formulärmodul som du kan använda för att samla in e-postadresser, men för att skapa riktigt professionella formulär som du kan anpassa, vill du lägga till ett kontaktformulär på din webbplats som du har skapat med WPForms.
Eftersom det är ett så populärt par (Divi + WPForms), finns det till och med en Divi-modulintegration med WPForms.
Så om du har undrat hur jag skapar ett kontaktformulär i Divi, har du täckt dessa steg:
Steg 1: Installera WPForms Plugin
Det första du vill göra är att installera WPForms plugin.
Det är ganska enkelt, men om du behöver hjälp med den här delen, kolla in den här fantastiska handledningen om hur du installerar ett WordPress-plugin eller kontakta oss.
När WPForms är installerat, klicka på aktiveringsknappen.
Därefter kommer du att skapa ditt formulär.
Steg 2: Skapa ditt kontaktformulär
Skapa nu ett enkelt WordPress-kontaktformulär så att vi har ett formulär att lägga på din kontaktsida med Divi.
Kom också ihåg när du ställer in dina formulärmeddelanden att WordPress är ganska ökänt för att skicka meddelanden som aldrig levereras.
Och på grund av detta är det alltid en bra praxis att fixa det här problemet för din webbplats, så kolla in den här handledningen om hur du fixar att Divi inte skickar e-post med WP Mail SMTP-plugin.
Undrar du var Divi-kontaktformuläret tar vägen? Om du använder en betald WPForms-plan, lagras dina inlägg i WordPress-databasen.
Så nu när ditt formulär är klart, låt oss använda Divi Builder för att bädda in det på en sida.
Steg 3: Öppna Divi Builder
När du väl har skapat din nya kontaktsida (eller vilken sida du vill ha ditt kontaktformulär på), vill du klicka på Redigera med Divi Builder för att starta Divi WordPress-sidbyggaren.
Om det här är en befintlig sida kan den se lite annorlunda ut. Om så är fallet, klicka bara på Använd Divi Builder för att starta den.
När byggaren är öppen kommer du att bli tillfrågad om layouten på din sida.
Steg 4: Välj Divi Kontaktformulär Sidlayout
Med Divi kan du skapa en sida från början, välja en fördesignad layout eller klona en befintlig sida.
För den här handledningen kommer vi att skapa vår sida från grunden.
Så klicka på börja bygga för att öppna Divi-sidan.
Du kommer då att se en tom sida visas. Det här är ditt utrymme att skapa! Och så här bestämmer du hur du vill att din Divi-sida ska se ut och var du vill att ditt WPForms-kontaktformulär ska vara.
Du kommer att se ett popup-fönster som frågar dig vilken typ av layout (med hjälp av rader) du vill lägga till på din Divi-sida.
För det här inlägget, låt oss välja det första alternativet. Detta kommer att göra kontaktformuläret till det enda “objekt” som går i den kön, så det får mycket uppmärksamhet och folk som fyller i det.
Gå vidare och välj det första alternativet (den enda raden) för dina rader.
Nu kommer du att uppmanas att infoga en modul. Låt oss sedan presentera ditt fantastiska WPForms-formulär.
Steg 4: Sätt in WPForms Divi-modulen
Det här steget är väldigt enkelt eftersom WPForms har sin egen Divi-integrerings- och kontaktformulärmodul!
För att lägga till det, sök WPForms i sökrutan och välj sedan den modul som visas.
När modulen har lagts till kommer modulkonfigurationen att visas.
Detta område låter dig:
- Välj det formulär du vill använda
- Aktivera inställningen som visar formulärets titel
- Aktivera inställningen som visar formulärbeskrivningen
Så när du är redo, fortsätt och välj ditt formulär från rullgardinsmenyn nedan Form.
När du väl har valt ditt formulär kommer det automatiskt att bäddas in på den Divi-sidan.
Nu är det ett bra tillfälle att spara formulärförloppet genom att klicka på den gröna bockknappen.
Och inom Divis flikar Design och Avancerat finns det massor av ytterligare Divi-anpassningar att utforska.
Steg 5: Publicera ditt Divi-kontaktformulär
Bra jobbat, ditt kontaktformulär är integrerat och redo att gå. Nu kan du publicera den på samma sätt som du publicerar vilken sida som helst i Divi.
Klicka på de 3 prickarna längst ner i sidbyggaren för att avslöja några ytterligare Divi-inställningar.
Välj sedan Posta knappen för att se den live.
Du har gjort det. Ditt Divi + WPForms-kontaktformulär är klart.
Och om du vill göra dina formulär ännu mer kraftfulla kan du dra nytta av ännu mer avancerade formulärbyggande funktioner med WPForms Pro.
WPForms Pro är den perfekta formbyggaren för Divi-användare. Om du använder WPForms Pro + Divi har du tillgång till massor av fördelar som:
- Använd beställningsformulär och acceptera betalningar via formulär
- Få tillgång till villkorlig logik för att enkelt dölja eller visa formulärfält
- Fånga fler potentiella kunder med att lämna formuläret
- Håll din e-postlista stark med alternativ för spamskydd
- Ta kontakt med din leverantör av e-postmarknadsföring
- Öka antalet omvandlingar med målsidor utan distraktion
- Få tillgång till hundratals förbyggda formulärmallar
Nästa steg för Divi-kontaktformuläranvändare
Och det är. Förhoppningsvis hjälpte det här inlägget dig att lära dig exakt hur du lägger till ett Divi-kontaktformulär med WPForms på din webbplats.
Se sedan till att se till att din Divi-webbplats använder en av de bästa värdleverantörerna där ute.
Redo att bygga din form? Kom igång idag med det enklaste WordPress-formulärbyggarpluginet. WPForms Pro erbjuder en 14-dagars pengarna-tillbaka-garanti, så det finns inget att förlora.
Och om den här artikeln hjälpte dig, följ oss på Facebook och Twitter för fler gratis WordPress-guider och handledningar.
