Så bäddar du in ett formulär på din webbplats

Den här guiden går igenom stegen för att lägga till ett formulär på din webbplats med hjälp av inbäddningskoden. Även om du kan använda Form-elementet i buildern ger inbäddningsalternativ för formulär större kontroll över synlighet och beteende på webbplatser eller funnels. Det ger flexibilitet att styra när och hur formulär visas, med avancerade alternativ för att aktivera och inaktivera formulär baserat på specifika villkor. Oavsett om du vill att formulär ska visas efter en viss användaråtgärd eller inaktiveras när en lead har samlats in, möjliggör dessa alternativ en skräddarsydd, dynamisk användarupplevelse.

Så fungerar det

Börja med att öppna avsnittet Form Builder i ditt konto. Här kan du skapa ett nytt formulär eller klicka på ett formulär i listan för att öppna dess alternativ.

Klicka på knappen “Integrate” när du är nöjd med valda element och design. Den här åtgärden sparar automatiskt eventuella ändringar i formuläret.

Embed Layout Type

Välj hur formuläret ska visas på din webbplats. Tillgängliga alternativ inkluderar:

• Sticky Sidebar: Formuläret placeras som ett sticky-element på vänster eller höger sida av skärmen och förblir synligt medan användaren scrollar. Det kan minimeras eller expanderas efter behov och ger en diskret upplevelse.
• Polite Slide-In: Formuläret glider försiktigt in från vänster eller höger och fångar subtilt användarens uppmärksamhet. Det kan också minimeras så att det inte stör surfupplevelsen.
• Popup: Formuläret visas i ett modal-fönster ovanpå sidans innehåll. Formatet fångar omedelbar uppmärksamhet men kräver att användaren stänger det innan hen kan interagera med det underliggande innehållet.
• Inline: Formuläret bäddas sömlöst in i sidans innehåll som ett inbyggt element och ger en smidig, obruten användarupplevelse.

Trigger Type

Trigger-alternativ avgör när formuläret ska visas på din webbplats. Välj bland följande alternativ:

• Show on Scrolling [X]%: Formuläret visas när användaren har scrollat en angiven procentandel av sidan (t.ex. 50 %).
• Show After [X] Seconds: Formuläret visas efter en fördefinierad fördröjning (t.ex. 5 sekunder).
• Always Show: Formuläret är kontinuerligt synligt utan att bero på användarinteraktion.

Activation Options

Bestäm när formuläret ska aktiveras:

• Activate on [X] Visit: Formuläret visas först efter att användaren har besökt sidan ett visst antal gånger (t.ex. vid det tredje besöket).
• Always Activated: Formuläret förblir aktivt hela tiden, oavsett användarbeteende.

Deactivation Options

Definiera när formuläret ska sluta visas:

• Deactivate After Showing [X] Times: Formuläret slutar visas efter att det har visats ett angivet antal gånger (t.ex. 3 gånger).
• Deactivate Once Lead Is Collected: Formuläret inaktiveras automatiskt när användaren skickar in sina uppgifter.
• Never Deactivate: Formuläret förblir aktivt och synligt på obestämd tid.

När du har konfigurerat varje inställning kopierar du inbäddningskoden för att spara den i urklipp.

Ändra din webbplats

Nu när du har fått koden går du till avsnittet Websites i ditt konto och väljer antingen en befintlig webbplats eller skapar en ny där du vill bädda in formuläret.

Lägg till ett Code-element på sidan och klistra in inbäddningskoden i elementet.

Innan du sparar inbäddningskoden, hitta det script i inbäddningskoden som ansvarar för automatisk höjdjustering av formuläret. Ta bort eller kommentera bort det scriptet för att inaktivera den automatiska höjdjusteringen.

När autojusteringsscriptet är borttaget behöver du ställa in formulärets höjd manuellt. Gör det genom att lägga till ett height-attribut direkt i inbäddningskoden eller via CSS-styling. Börja med en rimlig höjd, till exempel 200px, och justera efter behov.

Testa och justera 

Efter att du har bäddat in formuläret, förhandsgranska din webbplats för att se hur formuläret visas. Om formuläret inte visas korrekt, justera höjden stegvis tills du får önskat resultat.

Genom att konfigurera formulärets layout och alternativ har du säkerställt att formuläret både fungerar och ser bra ut. Med den här funktionen bör formuläret nu passa perfekt på din webbplats.

Vanliga frågor

Q: Vad gör jag om jag inte är bekväm med att redigera HTML eller CSS? 

• Integrera formulär som byggts på plattformen med elementet “Form” i stället.

Q: Kan inbäddade formulär fungera dynamiskt om jag ändrar mina alternativ?

• Inbäddade formulär är statiska när de väl placerats på en webbplats, vilket innebär att eventuella ändringar av formulärets inställningar (som triggers eller inaktiveringsalternativ) kräver att du genererar en ny inbäddningskod. Efter att du har genererat den uppdaterade koden måste du ersätta den gamla inbäddningskoden på webbplatsen för att de nya inställningarna ska gälla.