Letar du efter ett enkelt sätt att integrera ConvertKit à Elementor ?

Använder du ConvertKit och vill du skapa en webbplats avec Elementor? I så fall har du tur eftersom Elementor stöder integration med ConvertKit. Denna integration låter dig samla in e-postmeddelanden från prenumeranter via en formen Elementor. 

Inget behov av att installera ytterligare plugin. Du behöver bara en ConvertKit API-nyckel för att ansluta ditt ConvertKit-konto till Elementor.

För att kunna integrera Elementor med ConvertKit behöver du använda Elementor Pro eftersom integrationen av Elementor med tredjepartstjänster endast är tillgänglig i proversionen (läs: Elementor Free vs. Elementor Pro).

Följ stegen nedan för att integrera Elementor med ConvertKit.

Steg 1: Skaffa en ConvertKit API-nyckel

För att få en ConvertKit API-nyckel, besök ConvertKit webbplats och logga in på ditt konto. När du är inloggad klickar du på ditt användarnamn i det övre högra hörnet och väljer Inställningar.

Hur man integrerar ConvertKit med Elementor

Klicka på i den vertikala menyn Advanced Open water. Kopiera API-nyckeln i API-avsnittet.

Steg 2: Integrera Elementor med ConvertKit

När API-nyckeln har kopierats loggar du in på WordPress och navigerar till Elementor -> Inställningar för att öppna Elementor-inställningssidan. Klicka på integrationer, scrolla ner och klistra in API-nyckeln du just kopierade i avsnittet ConvertKit.

Klicka på knappen Validera API-nyckel för att verifiera API-nyckelvalidering. När valideringen är framgångsrik klickar du på knappen Spara ändringar ner.

Hur man integrerar ConvertKit med Elementor

Steg 3: skapa ett formulär

När Elementor och ConvertKit har integrerats framgångsrikt kan du skapa en ny formen för att samla in e-postprenumeranter till ditt ConverKit-konto. För att göra detta, skapa en ny sida, inlägg eller mall och redigera den med Elementor. Eller så kan du också redigera en befintlig.

Skapa en ny formen genom att dra formulärwidgeten till redigeringsområdet.

Infoga ett formulär i Elementor

Definiera de fält du behöver på blocket Formulärfält. Öppna blocket när du är klar Åtgärder efter sändning och välj ConvertKit.

Hur man integrerar ConvertKit med Elementor

Ovanstående steg skulle skapa ett nytt block som heter ConvertKit. Öppna det här blocket och välj ett befintligt formulär som du har på ditt ConvertKit-konto.

På alternativ API-nyckel, Välj Anpassad och klistra in din API-nyckel i fältet Anpassad API-nyckel.

Välj ditt formulär och ställ även in fältmappningen baserat på de formulärfält du valt. Du kan också ange en etikett på fältet etiquettes.

Hur man integrerar ConvertKit med Elementor

För att anpassa utseendet på ditt formulär kan du gå till fliken Stil. Där hittar du fyra block som du kan öppna och varje block erbjuder olika stilalternativ.

Formblock

Detta block låter dig ställa in gapet mellan kolumner och rader i ditt formulär, formetiketttypografi (teckenstorlek, teckensnittsfamilj, teckensnittsstil), textfärg och HTML-fälttypografi och textfärg.

Fältblock

Detta block låter dig anpassa utseendet på formulärfält. Textfärg, typografi, bakgrundsfärg, kantfärg och kantradie.

knappblock

Detta block låter dig anpassa utseendet på formulärknappen. Bakgrundsfärg, textfärg, typografi, kantfärg, kantradie, svävningsfärg, textfärg.

Hur man integrerar ConvertKit med Elementor

Meddelandeblock

Detta block låter dig anpassa typografin samt textfärgen på framgångsmeddelandet, felmeddelandet och inlinemeddelandet.

Hur man integrerar ConvertKit med Elementor

Klicka på knappen PUBLICERA / UPPDATERA när du är klar med att redigera din sida.

Skaffa Elementor Pro nu!!!

Slutsats

Så! Vi har precis introducerat dig hur du integrerar ConvertKit med Elementor. Om du har några funderingar kring hur du ska ta dig dit, låt oss veta inom commentaires.

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Men under tiden dela den här artikeln på dina olika sociala nätverk.

.