Sådan tilføjer du en formular eller en popup på din systeme.io-blog
I denne artikel lærer du, hvordan du opsætter en inline-formular eller en popup-formular på din systeme.io-blog.
Trin 1: Opret en inline-formular
Først skal du oprette en kontaktformular fra din salgstragt.
For at gøre dette skal du gå til din Salgstragt, klikke på Opret trin (1) for at oprette et nyt trin og derefter vælge Inline-formular (2).
Vælg den skabelon, du ønsker, ved at klikke på Vælg (3).
Gå til formularsidens editor ved at klikke på Rediger side for at tilpasse din formular (4).
En kontaktformular skal have mindst ét Formularinput, men du kan tilføje så mange felter, du ønsker.
Vælg Formularinput-elementet, og klik derefter på Indstillinger (tandhjulsikonet) for at konfigurere feltet. Vælg den Inputtype, du vil indsamle, fra rullemenuen.
Du skal også konfigurere knappens handling. Vælg knappen, og vælg, hvad der skal ske, når brugeren indsender formularen.
Glem ikke at klikke på Gem ændringer, inden du forlader editoren eller din inline-formular.
Trin 2: Opret en popup-formular
Gå til din Salgstragt, klik på Tilføj trin (5) for at oprette et nyt trin, og vælg derefter Popup-formular (6).
Vælg den skabelon, du ønsker, ved at klikke på Vælg (7).
Gå til formularsidens editor ved at klikke på Rediger side (8) for at tilpasse din popup-formular.
En kontaktformular skal have mindst ét Formularinput, men du kan tilføje så mange felter, du ønsker.
Vælg Formularinput-elementet, og klik derefter på Indstillinger (tandhjulsikonet) for at konfigurere feltet. Vælg den Inputtype, du vil indsamle, fra rullemenuen.
Det vil også være nødvendigt at konfigurere knappen, så den udfører den ønskede handling med det indsamlede element.
Du kan vælge, hvornår kontaktformularen skal vises på din blogside; tiden kan justeres i editoren (tiden angives i sekunder).
Glem ikke at klikke på Gem ændringer, inden du forlader editoren eller din popup-formular.
Trin 3: Opsæt inline-formularen på din blog
For at tilføje kontaktformularen til din blog skal du kopiere dens script og indsætte det på din blogs side.
Første skridt er at gå tilbage til Trin-konfigurationen af din inline-formular, og derefter skal du klikke på Script.
En popup vil blive vist, som indeholder et link til din inline-formular-side. Klik på Kopiér link til udklipsholder.
Derefter skal du gå til editoren for blog-siden ved at klikke på Rediger fra menuen eller ved direkte at klikke på navnet på den side, hvor du vil tilføje inline-formularen.
Dernæst skal du trække og slippe et Raw HTML-element på din blogs side.
Til sidst skal du gå til indstillingerne for dit Raw HTML-element.
Klik på Rediger kode, og indsæt scriptet fra linket, du hentede fra din inline-formular-side, i det.
Sørg for at klikke på Gem for at gemme HTML-koden, klik på Gem ændringer i editoren, og gem igen, inden du forlader din blogside.
Hvis vi efterfølgende får vist en forhåndsvisning af blogsiden, vil vi kunne se formularen blive vist som vist nedenfor:
Trin 4: Opsætning af popup-formularen på din blog
Når du opsætter en kontaktformular som popup, er der to mulige måder at få den vist på din blogside:
- Automatisk: Popupen vises efter en bestemt tidsforsinkelse.
- Ved klik: Popupen vises, når en bruger klikker på et bestemt link eller en bestemt tekst.
Bemærk: For den første mulighed er metoden den samme som ved tilføjelse af en inline-formular på en blog, så vi vil forklare den anden metode i detaljer.
For at få popup-formularen vist, når der klikkes på en tekst, skal du først gå tilbage til Trin-konfigurationen for din popup-formular og derefter klikke på Opret et link.
Der vises en popup, som giver dig mulighed for at oprette et link, der åbner popupen fra en tekst:
- Du skal vælge den tekst, der skal være klikbar.
- Du skal klikke på Kopiér link til udklipsholder.
Åbn editoren for den blogside, hvor du vil tilføje linket.
Derefter skal du opsætte et Raw HTML-element på din blogside.
Til sidst skal du gå til indstillingerne for dit Raw HTML-element.
Klik på Rediger kode, og indsæt scriptet for det link, der åbner popup-formularsiden, i det, og klik derefter på Gem.
Sørg for at klikke på Gem ændringer i editoren for at gemme din side, inden du forlader blogsiden.
Hvis vi efterfølgende får vist en forhåndsvisning af blogsiden, vil vi se popup-formularen blive vist, når vi klikker på teksten „Klik her for at åbne popupen“, som vist nedenfor:
