Hvordan legge til et skjema eller en popup på bloggen din systeme.io

Denne artikkelen vil lære deg hvordan du setter opp et innebygd skjema eller et popup-skjema på din systeme.io -blogg.

Trinn 1: Lag et inline-skjema

Først må du lage et kontaktskjema fra salgstrakten din.

For å gjøre dette, gå til salgstrakten, klikk på Opprett steg (1) for å lage et nytt steg, og velg deretter InlineForm (2).

Velg malen du ønsker ved å klikke på Velg (3).

Gå til skjemaside-editoren ved å klikke på Rediger-siden for å tilpasse skjemaet ditt (4).

Et kontaktskjema må ha minst én skjemainngang, men du kan legge til så mange skjemafelt du vil.

Velg Form input -elementet. Klikk deretter på Innstillinger (tannhjul)-ikonet for å konfigurere feltet. Velg inndatatypen du vil samle inn fra rullegardinlisten.

Du må også konfigurere knappehandlingen. Velg knappen og velg hva som skjer etter at brukeren har sendt inn skjemaet.

Ikke glem å klikke på Lagre endringer før du forlater redigeringsprogrammet eller det innebygde skjemaet.

Trinn 2: Lag et popup-skjema

Gå til  salgstrakten, klikk på Legg til trinn (5) for å opprette et nytt trinn, og velg deretter Popup-skjema (6).

Velg malen ved å klikke på Velg (7).

Gå til redigeringsprogrammet for skjemasiden ved å klikke på Rediger side (8) for å tilpasse popup-skjemaet.

Et kontaktskjema må ha minst én skjemainndata, slik at du kan legge inn så mange skjemafelt du vil.

Velg Form input -elementet. Klikk deretter på Innstillinger (tannhjul)-ikonet for å konfigurere feltet. Velg inndatatypen du vil samle inn fra rullegardinlisten.

Det vil også være nødvendig å angi knappen som registrerer handlingen som skal utføres med det innsamlede elementet.

Du kan velge et tidspunkt da kontaktskjemaet skal vises på bloggsiden din. denne tiden kan justeres ved hjelp av redigeringsprogrammet (tiden som skal angis er i sekunder).

Ikke glem å klikke på Lagre endringer før du forlater redigeringsprogrammet eller spopup-skjemaet.

Trinn 3: Sett opp det innebygde skjemaet på bloggen din

For å legge til kontaktskjemaet til bloggen din, må du kopiere skriptet og lime det inn på bloggsiden din.

Det første trinnet er å gå tilbake til Trinnkonfigurasjonen for det Inline-skjemaet ditt,, så må du klikke på Skript.

Det vises en popup som inneholder en link til den innebygde skjemasiden din. Klikk Kopier lenke til utklippstavlen.

Du må deretter gå til redaktøren av bloggsiden ved å klikke på Rediger fra menyen eller ved å klikke direkte på navnet på siden du vil legge til Inline-skjemaet.

Deretter drar og slipper du et Raw HTML -element på bloggsiden din.

Til slutt må du gå til innstillingene for Raw HTML-elementet ditt.

Klikk på Rediger kode og lim inn skriptet til koblingen hentet fra Inlineskjema-siden din.

Sørg for å klikke på Lagre for å lagre HTML-koden, klikk på Lagre endringer i redigeringsprogrammet, og lagre før du går ut av bloggsiden din.

Hvis vi forhåndsviser bloggsiden etterpå, vil vi legge merke til at skjemaet vises som vist nedenfor:

Trinn 4: Sette opp popup-skjemaet på bloggen din:

Når du setter opp et kontaktskjema som en popup, er det to mulige måter å vise det på bloggsiden din:

• Automatisk: Popup-vinduet vises etter en bestemt tidsforsinkelse.
• Ved klikk: Popup-vinduet vises når en bruker klikker på en bestemt lenke eller tekst.

For å vise popup-skjemaet etter å ha klikket på en tekst, må du først gå tilbake til trinnet Konfigurasjon eller popup-skjemaet ditt, deretter må du klikke på Opprett en kobling.

En popup vil dukke opp som lar deg klikke på en lenke som åpner popup fra en tekst:

1. Du må velge innholdet i teksten som skal være klikkbar.
2. Du må klikke på Kopier lenke til utklippstavlen.

Åpne redigeringsprogrammet for bloggsiden der du vil legge til linken.

Deretter må du sette opp et Raw HTML -element på bloggsiden din.

Til slutt må du gå til innstillingene for Raw HTML element. 

Klikk på Rediger kode og lim inn skriptet til linken som åpner en popup-skjemaside i den, og klikk deretter på Lagre.

Sørg for å klikke på Lagre endringer i redigeringsprogrammet for å lagre siden din før du går ut av bloggsiden.

Hvis vi forhåndsviser bloggsiden etterpå, vil vi legge merke til at popup-skjemaet vises når vi klikker på teksten Klikk her for å åpne popup-vinduet som vist nedenfor: