Veldig gøy at så mange har bestemt seg for å teste Flodesk og benytte seg av tilbudet om 50% avslag i prisen! Jeg har imidlertid fått en del spørsmål fra WordPress-brukere i det siste om hvordan man kobler WordPress opp mot Flodesk, f.eks. hvordan man skal legge til html-kodene slik at skjemaene vises på nettsiden. Så her kommer en steg for steg-guide!

Nb! Det finnes tre ulike typer skjemaer : Popup, inline og Full page. Popup-skjemaer har kun en html-kode (header), Inline har to html-koder (header og inline) og Full page har ingen (den vises på Flodesk sitt domene, så dette er den perfekte løsningen for deg somikke har egen nettside, men benytter f.eks. Instagram eller Facebook i stedet).

 

Relevant: Usikker på om Flodesk passer for deg? 

steg for steg-guide guide

1. Last ned pluginen / utvidelsen Header Footer Code Manager (HFCM) på wordpress-siden din. Ps. Du kan enkelt installere / aktivere utvidelsen ved å klikke Utvidelser i kontrollpanelet til venstre > legg til ny > skrive navnet på utvidelsen i søkefeltet > klikk ‘Installer nå’ > og aktiver.

2. Logg inn i Flodesk og klikk på ‘Forms’ i menyen

3. Klikk på det aktuelle skjemaet.

4. Velg ‘Embed’ i menyen (se skjermbilde under) Her finner du kodene du skal lime inn på nettsiden din (ps. popup-skjemaer har kun en kode, inline-skjemaer har to)

5. Klikk på HFCM i kontrollpanelet til venstre i WordPress (Ps. hvis du ikke finner den i menyen har du glemt å aktivere den)

6. Opprett en ny snippet. Lag et navn. Behold innstillingene Site Display: Site wide, Location: Header, Device Display: Show on all devices, Status: Active. (se skjermbilde under) Lim inn header-koden og lagre.

7. Har du et inline-skjema må du i tillegg lime inn Inline-koden i et tekstfelt i WordPress, på det stedet du ønsker at skjemaet ditt skal vises (en side, et blogginnlegg, i footer etc.) Ferdig!

Lenken er affiliate (reklame), men du kan stole på at jeg aldri vil anbefale noe jeg ikke elsker, ikke har testet eller bruker selv. 

Her finner du flere blogginnlegg om Flodesk, f.eks. en steg for steg-guide hvordan du enkelt kommer i gang!

Jeg håper du synes dette var nyttig! Og du, har du spørsmål kan du gjerne benytte i kommentarfeltet under.

/ Anette

Planlegger du ny webside? Eller et redesign av en eksisterende?

Abonner på blogginnlegg:

Post a Comment

Jeg er så glad for at du er på besøk!

1 |  Trenger du hjelp med logo eller webside? Her finner du mer info om de ulike designpakkene.

2 | Er du på utkikk etter faglig og kreativ input? Ta gjerne en titt innom bloggen

3 | Driver du egen business? Her finner du 50 nyttige ressurser

4  |  Og du, ikke glem å abbonere på nyhetsbrevet :

Klem
/Anette