Popup

Gjør viktige meldinger, informasjon eller tilbud synlig med en popup.

B
Skrevet av Bård Karstensen
Oppdatert over en uke siden

Hva er det?

En popup er et område med innhold som legger seg "over innholdet" når brukeren først kommer inn på en side. Den kan inneholde tekst, bilder og lenker.

Brukeren må aktivt lukke denne boksen for å se resten av innholdet på siden.

Noen forslag til hva du kan bruke en popup til:

  • Ved lansering av noe (forestilling, film etc.) som du forventer at mange besøkende i en periode er interessert i.

  • For å rekruttere til nyhetsbrev

  • Synliggjøre en konkurranse eller annen markedsaktivitet

  • Opplyse om særs viktig informasjon (eksempelvis 18 års aldersgrense på en film)

Hvordan setter man opp og bruker en popup?

I dette eksemplet skal vi lage følgende popup med bilde, tittel, tekst og knapp med lenke:

1 Åpne siden du vil legge en popup på

Åpne siden du ønsker å legge en popup inn på i administrasjonsgrensesnittet.

Dette gjør du ved å trykke på blyant-ikonet for den siden du vil redigere.

2 Legg til popup-komponent

Under Sidestruktur ligger "byggeklossene" som den aktuelle siden er bygget opp av.

Trykk på Legg til komponent

Tips: Det har ikke noe å si hvor i "rekken" over byggeklosser du legger inn popup-en, men det kan være oversiktlig å alltid legge den nederst. Scroll deg ned og trykk på den siste "Legg til komponenet"-knappen.

3 Velg popup-komponenten

Bla ned til "Popup" i listen over komponenter. Trykk på den og trykk deretter på "Velg" i nedre høyre hjørne.

Popupen er nå lagt til blant byggeklossene dine. Trykk på den for å redigere den:

4 Legge inn innhold

En popup har mange innstillinger. La oss ta de steg for steg.

Modus

Du kan velge fire ulike utforminger for en popup:

  • Bare tekst Består av tittel, tekst og en valgfri knapp med lenke

  • Liggende bilde Liggende bilde i toppen. Deretter tittel, tekst og valgfri knapp med lenke

  • Stående bilde, venstre To kolonner; bilde i den venstre. Tittel, tekst og valgfri knapp med lenke i den høyre

  • Stort bilde med lenke Kun et stort bilde der du selv kan utforme innholdet i popupen. Bildet er klikkbart.

For dette eksemplet, la oss velge Liggende bilde:

Vi fortsetter til Tittel

Enkelt og greit, dette er tittelen som fremkommer i popupen.

Bilde

Fortsett til bilde-fanen. Her kan du dra og slippe inn et bilde fra skrivebordet eller trykke på den blå knappen og velge et bilde fra filutforskeren.

Bruk bildefiler i .jpg eller .png-format.

Formatet 800 (bredde) piksler * 300 (høyde) piksler passer fint.

Innhold

I denne fanen legger du inn tekst-innholdet i popupen. Her kan du både legge inn tekst, lenker, bilder og video fra f.eks. Youtube.

Knapp

Dersom du ønsker en knapp med henvisning til en side du ønsker å dirigere besøkende til, legger du inn

  • Tittel på knappen

  • Lenke til siden

(se bort fra "target")

Visning

Til sist må du aktivere popupen under Visning-fanen.

Denne innstillingen gjør det enkelt å skru av og på en popup, uten at du trenger å slette komponenten.

Til slutt bygger du siden og popupen vil dukke opp når du åpner den aktuelle siden.

Feilsøking: Popupen vises ikke

Sjekk visning

Åpne innstillingene for popup-en og naviger til "Visning"-fanen. Sjekk at den er aktivert:

Popupen viser fortsatt ikke

For å unngå at den blir plagsom og forstyrrende, viser en popup kun én gang per bruker.

For å alltid se popup kan du åpne et nettleservindu i privat/inkognito-modus.

Les mer her:

Svarte dette på spørsmålet?