Chapters

Contents

the email tool that makes email marketing simple

Sign Up FreeNo credit card required.
maildroppa-promo-notebookmaildroppa-promo-spaceship

Skjemabygger for påmelding: Utform skjemaer

Published: · Last updated: · By

In brief

Lær å bruke Maildroppas visuelle skjemabygger til å velge maler, legge til innhold, utforme felt, tildele tagger, koble til flyter, forhåndsvise og lagre.

Skjemabyggeren for påmelding er det visuelle redigeringsverktøyet for alle påmeldingsskjemaer og landingssider i Maildroppa.

Du kan bruke den til å ordne oppsett, legge til tekst og bilder, konfigurere abonnentfelt, endre farger og skrifter, tilordne tagger og bestemme hva som skal skje etter at noen sender inn skjemaet. Lerretet viser resultatet mens du arbeider, så du trenger ikke skrive kode for å utforme en komplett påmeldingsopplevelse.

Maildroppa bruker den samme byggeren for fire skjematyper:

  • Landingssider er komplette, frittstående sider som du publiserer og deler med en lenke.
  • Innebygde skjemaer plasseres direkte på en side på nettstedet ditt.
  • Popup-vinduer vises over nettstedet ditt og kan også åpnes fra et sideelement.
  • Innskyvninger vises ved en valgt kant eller posisjon i nettleservinduet.

Denne veiledningen forklarer alle funksjoner som deles av disse skjematypene. De lenkede veiledningene forklarer bare innstillinger og trinn som er unike for hver type.

Skjemabygger for påmelding: komplett skjemabygger for påmelding

Åpne skjemabyggeren for påmelding

Åpne «Signup Forms» i Maildroppa. Deretter kan du klikke på «Create Form» for å opprette en ny landingsside, et innebygd skjema, et popup-vindu eller en innskyvning.

Hvis du vil fortsette å arbeide med et eksisterende skjema, klikker du på navnet eller velger «Edit Form» fra handlingsmenyen med tre prikker i oversikten over påmeldingsskjemaer.

Gi skjemaet et tydelig internt navn. Navn som «Nyhetsbrev på hjemmesiden», «Webinar-popup» eller «Sommerens leadmagnet» er enklere å kjenne igjen senere enn generiske navn som «Skjema 1». Skjemanavnet hjelper deg med å administrere skjemaet i Maildroppa og vises ikke automatisk til besøkende.

Forstå byggeren

Byggeren er delt inn i fire hovedområder.

Topplinjen inneholder skjemanavnet og hovedhandlingene. Her kan du gå tilbake til oversikten, forhåndsvise arbeidet og lagre det. Landingssider viser også utkast- og publiseringskontroller i denne linjen.

Det venstre sidefeltet inneholder «Layout», «Content» og «Layers». Bruk det til å opprette strukturen, legge til nye elementer og administrere alt som allerede er plassert på lerretet.

Lerretet er det sentrale arbeidsområdet. Det viser den gjeldende siden eller skjemaet. Klikk på et element for å velge det. Du kan også dra elementer til en annen plassering eller legge til nye elementer fra det venstre sidefeltet.

Det høyre sidefeltet inneholder «Settings» og «Page settings». «Settings» endrer det valgte elementet. «Page settings» endrer den overordnede bakgrunnen og standardinnstillingene for designet.

På mindre skjermer åpnes sidefeltene som paneler ved hjelp av knappene «Content» og «Settings». De tilgjengelige funksjonene er de samme.

Start med en mal

Når du oppretter et skjema, tilbyr byggeren startdesign for den valgte skjematypen. Du kan begynne med et tomt design, bruke standardskjemaet eller velge en ferdig mal.

Maler gir deg et utgangspunkt med oppsett, farger, typografi og eksempelinnhold. De begrenser ikke hva du kan endre senere. Etter at du har valgt en mal, kan hvert element fortsatt redigeres, flyttes, dupliseres, styles på nytt eller fjernes.

Hver skjematype har maler som passer til formålet. Landingssider inneholder for eksempel komplette sidedesign for nyhetsbrev, leadmagneter, webinarer og ventelister. Innebygde skjemaer, popup-vinduer og innskyvninger har sine egne kompakte startdesign.

Hvis du er usikker på hvilken mal du skal velge, velger du den som har en struktur nærmest målet ditt. Det går vanligvis raskere å endre tekst, farger og bilder enn å bygge den samme strukturen fra et tomt lerret.

Skjemabygger for påmelding: valg av startmal

Opprett oppsettet

Åpne «Layout» i det venstre sidefeltet for å legge til en ny rad med celler. De tilgjengelige oppsettene omfatter:

  • Én celle
  • To, tre eller fire like store celler
  • To celler med forholdet 2:1
  • To celler med forholdet 1:2

Klikk på et oppsett for å legge det til ved gjeldende innsettingsposisjon, eller dra det til lerretet. Deretter kan du plassere innhold i hver celle.

Velg en boks eller kolonne for å justere størrelse, mellomrom, justering, bakgrunn, kantlinje og innvendig marg i det høyre sidefeltet. For oppsett med flere kolonner kan du også endre kolonnebreddene i forhold til hverandre.

Bruk oppsett til å skape en tydelig leserekkefølge. Én kolonne fungerer godt for kompakte påmeldingsskjemaer. Et oppsett med to kolonner er nyttig når et bilde, en liste over fordeler eller informasjon om et arrangement skal vises ved siden av påmeldingsskjemaet.

Legg til innhold

Åpne «Content» i det venstre sidefeltet for å legge til individuelle innholdsblokker. Du kan klikke på en blokk for å sette den inn eller dra den til ønsket plassering på lerretet.

Byggeren tilbyr følgende innholdsblokker:

Signup form — Inneholder abonnentfeltene og send-knappen. Et design trenger én blokk for påmeldingsskjema før det kan lagres som et fungerende skjema. Når blokken er lagt til, tilbys den ikke lenger som en ekstra innholdsblokk.

Text — Legger til overskrifter, avsnitt eller annen formatert tekst.

Image — Legger til et bilde fra en URL, en opplasting eller Maildroppas mediebibliotek. Du kan oppgi alternativ tekst, legge til en lenke og styre dimensjoner, høyde-bredde-forhold, beskjæring, fokuspunkt, rotasjon og vending.

Video — Legger til en YouTube- eller Vimeo-video, en innebyggings-URL eller en direkte videofil. Du kan også konfigurere et forhåndsvisningsbilde og utseendet til avspillingsknappen.

List — Legger til en punktliste eller nummerert liste. Rediger oppføringene og styr farge på markører, mellomrom, typografi og justering.

Button — Legger til en lenkeknapp med konfigurerbar tekst, URL, størrelse, bredde, farger, kantlinje, typografi og justering.

Social links — Legger til lenkede ikoner for tjenester som Facebook, Instagram, LinkedIn, TikTok, YouTube eller nettstedet ditt.

Subscriber counter — Viser det gjeldende antallet bekreftede abonnenter. Du kan legge til et tilleggstall, endre etiketten og utforme tallet og teksten.

Spacer — Legger til kontrollert tomrom. Avstanden på datamaskin og mobil kan angis separat.

Divider — Legger til en vannrett linje med konfigurerbar farge, tykkelse, bredde, stil, justering og avstand.

Landingssider tilbyr også komplette, gjenbrukbare seksjoner. Disse forklares i veiledningen for landingssider.

Skjemabygger for påmelding: innholdspanel

Velg og ordne elementer

Klikk på et element på lerretet for å velge det. Innstillingene vises i det høyre sidefeltet.

Kontrollene på eller nær det valgte elementet lar deg flytte, duplisere eller slette det. Du kan også dra et element til en annen celle eller plassering. En plasseringsindikator viser hvor det blir satt inn.

Åpne «Layers» når siden inneholder mange nestede bokser, kolonner og innholdsblokker. Lagpanelet viser hele strukturen i en liste. Derfra kan du:

  • Velge et element
  • Gi det nytt navn for enklere identifisering
  • Flytte det opp eller ned
  • Dra det til en annen plassering
  • Låse eller låse opp det
  • Duplisere det
  • Slette det

Låsing er nyttig når en ferdig bakgrunn, et bilde eller en seksjon ikke skal flyttes ved et uhell. Lås opp laget når du vil redigere eller plassere det på nytt.

Bruk «Undo» og «Redo» i verktøylinjen for å gå bakover eller fremover gjennom nylige designendringer.

Rediger tekst

Klikk inne i et tekstelement for å redigere innholdet direkte på lerretet. Tekstverktøylinjen tilbyr avsnitts- og overskriftsstiler samt vanlige formateringsalternativer.

Avhengig av hvilken tekst som er valgt, kan du bruke fet skrift, kursiv, understreking, gjennomstreking, senket skrift, hevet skrift, justering, punktlister eller nummererte lister, lenker og emojier. Innstillinger for valgt tekst lar deg også justere typografi og farger uten å endre alle andre tekstelementer.

Bruk de globale typografiinnstillingene under «Page settings» når alle overskrifter, all brødtekst, alle lenker eller knapper skal ha en konsekvent stil. Bruk innstillingene for det valgte elementet når bare én blokk skal se annerledes ut.

Konfigurer påmeldingsskjemaet

Velg blokken for påmeldingsskjemaet på lerretet for å åpne innstillingene. De tilgjengelige seksjonene omfatter fremdriftslinjen, abonnenttelleren, felt, skjulte tagger, skjemabeholderen, inndatafelter og send-knappen.

Abonnentfelt

E-postadressen er det sentrale feltet i et påmeldingsskjema. Du kan også legge til abonnentfelt som finnes i Maildroppa-kontoen din.

For hvert felt kan du endre etiketten og plassholderen, bestemme om det er obligatorisk og velge om feltetiketten skal vises. Felt kan omorganiseres ved å dra dem eller bruke flyttekontrollene.

Spør bare etter informasjon du faktisk trenger. Kortere skjemaer går raskere å fylle ut, mens ekstra felt er nyttige når informasjonen skal brukes til segmentering eller personalisering.

Skjulte tagger

Skjulte tagger vises ikke til besøkende. Når noen melder seg på via skjemaet, tilordner Maildroppa automatisk de valgte taggene til abonnenten.

Dette er nyttig for å identifisere kilden til eller interessen bak en påmelding. Et skjema for et webinar kan for eksempel bruke taggen «Webinar», mens et leadmagnet-skjema kan bruke en tagg for emnet som ble lastet ned.

Fremdriftslinje

Fremdriftslinjen kan deaktiveres eller vises som en prosentandel eller en totrinnsindikator.

For en prosentindikator kan du endre tekst, farger, skriftstørrelse, tykkelse og justering. For en totrinnsindikator kan du redigere etikettene for begge trinnene og velge aktive og inaktive farger.

En fremdriftsindikator kan bidra til å forklare at innsending av skjemaet er første trinn, og at bekreftelse av e-posten for Double Opt-in er det andre.

Abonnentteller i skjemaet

Påmeldingsskjemaet kan vise det gjeldende antallet bekreftede abonnenter før eller etter send-knappen.

Du kan legge til et tilleggstall, skrive en etikett, velge plassering og justere typografi og justering. Tilleggstallet legges til antallet bekreftede abonnenter som vises av Maildroppa.

Denne skjematelleren er forskjellig fra den frittstående innholdsblokken «Subscriber counter». Bruk skjemainnstillingen når tallet skal være direkte knyttet til innsendingen. Bruk innholdsblokken når telleren skal vises et annet sted i designet.

Design av skjema, inndatafelter og knapp

Innstillingene for «Signup Form Block» styrer beholderen rundt feltene, inkludert bakgrunn, kantlinje, hjørneradius og avstand.

Inndatainnstillingene styrer feltbakgrunner, etiketter, tekst, plassholdere, kantlinjer og avstand. Send-knappen har separate innstillinger for tekst, typografi, farger, kantlinje, dimensjoner og justering.

Du kan klikke direkte på fremdriftslinjen eller send-knappen på lerretet for å åpne innstillingene for denne delen med én gang.

Endre det overordnede utseendet

Åpne «Page settings» i det høyre sidefeltet for å endre det overordnede designet. For innebygde skjemaer, popup-vinduer og innskyvninger gjelder disse innstillingene for skjemalerretet, ikke for en komplett vertsbasert side.

Du kan konfigurere hovedbakgrunn, bakgrunnsbilde, maksimal bredde og mobilavstand. Utseendeinnstillingene definerer standarder for:

  • Brødtekstskrift og tekstfarge
  • Lenke­farge, understreking og farge ved pekeren
  • Overskriftsskrift, farge, tykkelse, størrelse og linjehøyde
  • Knapper
  • Bokser, kantlinjer, hjørneradier, mellomrom og innvendige marger
  • Innvendig marg på mobilsider og punktet der kolonner stables

Disse standardene holder designet konsekvent. Individuelle blokker kan fortsatt overstyre dem ved behov.

Koble til en påmeldingsflyt

Hvert skjema er koblet til en påmeldingsflyt. Påmeldingsflyten styrer abonnentreisen etter at skjemaet er sendt inn:

  • Hva den besøkende ser umiddelbart etter at skjemaet er sendt inn
  • Hvilken e-post for Double Opt-in som sendes
  • Hva som skjer etter at abonnenten bekrefter e-postadressen

Åpne kontrollen for påmeldingsflyten i toppteksten i byggeren for å se flyten som er tilordnet nå. Du kan velge en annen eksisterende flyt, redigere den valgte flyten eller opprette en ny.

En påmeldingsflyt kan brukes av flere skjemaer. Hvis du redigerer en delt flyt, påvirker endringen alle skjemaer som bruker den. Derfor lar Maildroppa deg velge om du vil redigere den delte flyten eller opprette en separat kopi for det gjeldende skjemaet.

Forhåndsvis og lagre

Klikk på «Preview» for å kontrollere hele designet og påmeldingsopplevelsen før du gjør det offentlig. Forhåndsvisning er nyttig for å kontrollere lang tekst, bildeproporsjoner, feltrekkefølge, knappetekster og den overordnede balansen i skjemaet.

For innebygde skjemaer, popup-vinduer og innskyvninger klikker du på «Save changes» når du er klar til å lagre den gjeldende versjonen.

Landingssider bruker utkast- og publiseringskontroller i topplinjen. De kan lagres uten å bli publisert, og endringer på en allerede publisert side forblir upubliserte til du publiserer dem. Hele arbeidsflyten forklares i Bygg og publiser en landingsside.

Etter lagring går du tilbake til oversikten over påmeldingsskjemaer for å aktivere og bygge inn et nettskjema eller administrere en publisert landingsside.

Fortsett med skjematypen din

Det felles designarbeidet er nå ferdig. Fortsett med veiledningen for skjemaet du oppretter:

Ready to Send Better Emails?

Stop juggling bloated tools or overpriced plans. Maildroppa offers personal support, GDPR-level privacy, and powerful email marketing - starting free forever.

Sign Up For Free

No credit card required. No time limit.