/
Flex // Komponent - Popup-behållare
  • Redo för granskning

    • Flex // Komponent - Popup-behållare

    Owned by Jasmine Mohammed
    Last updated: 2024, okt., 04
    3 min read

    Popup-behållaren är en flexibel komponent som kan användas för att visa popups på din hemsida. Den kan antingen triggas av en knapp eller placeras som en flytande knapp i nedre vänstra hörnet, synlig på alla sidor (likt en chatbot). Popup:en kan innehålla valfri komponent, vilket ger dig full frihet att välja vad du vill visa.

    Innehållsförteckning

    Kom igång med komponenten Popup

    Om du inte redan har en sida med komponenten för Popup-behållare behöver du först skapa sidan och därefter lägga till komponenten.

    Steg 1: Skapa en ny sida

    1. Gå till din hemsida och logga in (se till att du har rätt behörigheter).

    2. Klicka på redigeringssymbolen för att öppna redigeringsläget.

    3. Gå till Sidor i menyn och scrolla ner till botten.

    4. Klicka på +-ikonen för att skapa en ny sida, ange titel och sökväg (t.ex. “Popup-sida”).

    5. Klicka på Skapa ny sida.

    Steg 2: Lägg till Popup-behållare

    1. Placera muspekaren där du vill lägga till popup:en.

    2. Klicka på +-ikonen och välj antal kolumner du vill ha på en rad.

    3. Klicka på +-ikonen för att välja vilken komponent du vill lägga till.

    4. Sök eller skrolla ner och klicka på Popup-behållare.

    5. När du ser att komponenten ligger på sidan kan du börja justera inställningarna för din popup-behållare och lägga till innehåll i själva komponenten.

    Lägg till innehåll i popup-behållaren

    Klicka på Klicka här för att lägga till innehåll på komponenten. Här kan du lägga till alla våra tillgängliga komponenter, till exempel anpassningsbart formulär.

    1. Klicka på +-ikonen för att lägga till komponenter i popup-fönstret (t.ex. formulär, text, bild, video).

    2. Anpassa popup:ens innehåll med valfri layout och design.

    Inställningar för Popup-behållare

    Sedan är det dags att ställa in hur du vill att din komponent ska visas - både knapp och popup-fönster. För att göra det behöver du ställa in det i inställningarna.

    Knapptext

    Här väljer du vad som ska stå på knappen för din Popup-behållare.

    Fäst knappen i det nedre högra hörnet av skärmen

    Gör precis det, knappen flyttas till det nedre högra hörnet av hemsidan.

    Titel

    Här kan du välja en titel för fönstret som knappen framkallar.

    Översätt

    Översätter text från engelska till svenska.

    Utseende på knappen

    Här kan du justera knappens utseende ex. färg, textfärg, ikon, storlek, form och kanter.

    Inställningar för fönster

    Här kan du justera hur popup-fönstret ex. positionering och bredd.

    Komponentlista

    Visar layouten där komponenten är placerad.

    Förälderkomponent

    Visar vilken komponent som Nyhetslistan ligger i.

    Visa komponentträd

    Klick visar komponenthierarkin på sidan.

    Kopiera Popup-behållare

    Kopierar komponenten du skapat.

    Klistra in

    Kan användas om du kopierat en komponent från en annan sida. Finns inget urklipp är knappen grå och texten “Inget i urklipp” visas.

    Dator / mobilläge

    Klicka på symbolerna för dator eller mobilläge för att förhandsgranska din sida.

    Publicera / OK

    Om det står “Publicera” behöver du klicka här för att spara dina ändringar. Om det står “OK!” har dina ändringar redan sparats.

    Exempel på användning

    Du kan använda popup-komponenten för att skapa:

    • Formulär: Låt dina användare signa upp sig på nyhetsbrev eller göra en intresseanmälan för personalig träning.

    • Erbjudanden: Visa specialerbjudanden eller kampanjer med rabattkoder

    • FAQ: Använd popup:en för att visa snabba svar på vanliga frågor.

    Med Popup-behållaren får du ett flexibelt verktyg för att förbättra din hemsidas interaktion med dina kunder.

    Related content