Bädda in händelseappinnehåll med widgetar
list-menuHar du feedback?
Visa session, talare, sponsor, utställare och anpassad listfunktionsinnehåll på din webbplats med praktiska inbäddningswidgets

Att bygga din evenemangsapp med alla funktioner och information som deltagarna behöver för att nätverka, ha kul, och engagera sig meningsfullt är värt varje minut av ansträngning. Vad händer om du vill sprida en del av den informationen bortom evenemangsappen till din webbplats eller partnerwebbplatser? Widgets till undsättning! 🦸‍♀️

A speakers type widget embedded in an event website.

Widgets är ett utmärkt sätt att främja registrering genom att ge oregistrerade webbplatsbesökare en uppfattning om vad de kan förvänta sig av ditt evenemang. Bädda in en widget för att markera dina nyckeltalare och sessioner, ge dina toppsponsorer en hyllning, och mer!

Skapa en widget

  1. Klicka på Marknadsför i navigeringsfältet för evenemang under Event App.

  2. Klicka på Widgets.

  3. Klicka på knappen Ny widget.

  4. I modalen ”Ny widget” klickar du på rullgardinsmenyn Funktionstyp och väljer den funktion du vill använda för att skapa widgeten. Funktioner inkluderar:

    • Agenda

    • Högtalare

    • Sponsorer

    • Utställare

    • Anpassad lista

The steps just described.

Oavsett vilken typ du väljer, byggandet av widgeten är densamma, så följande instruktioner visar och hänvisar till funktionstypen ”Högtalare”.

Välj objekt

  1. När du har valt funktionstyp anger du ett widgetnamn. Det här namnet visas ovanför objekten i widgeten när du bäddar in det.

The New Widget modal. Speakers is selected as the feature type.
  1. Klicka sedan på Lägg till högtalare knapp.

  2. I modalen ”Lägg till högtalare” markerar du rutan bredvid de objekt du vill visa i widgeten, upp till 100 objekt. Om du har flera instanser av samma funktionstyp i din Event-app visar kolumnen Funktionsnamn vilken funktion varje objekt ingår i.

The Add Speakers modal.
  1. När du är klar med att lägga till objekt klickar du på Lägg till högtalare för att stänga modalen.

  2. Tillbaka i modalen ”Ny widget” visas objekten du lagt till i området ”Vald”. Klicka och dra klustret med sex punkter för att ändra ordningen som objekt visas i widgeten.

  3. Klicka på ikonen Inställningar () bredvid ett objekt för att ta bort det från widgeten.

A user reorganizing two items. The settings menu for another item is expanded.
  1. Klicka på Spara ändringar för att slutföra skapandet av widgeten. 🎉

Upprepa dessa steg efter behov för att skapa så många widgets som du vill.

Hantera widgetar

Widgetar som du har skapat visas på sidan Widgets. Klicka på knappen Kopiera widgetkod för att bädda in widgeten på din webbplats, eller klicka på ikonen In ställningar () för att redigera objektval, förhandsgranska eller ta bort widgeten.

The Widgets page. A widget's Settings menu is expanded.

Inställningar för förhandsgranskning och utseende av widgeten

Klicka på ikonen Inställningar () bredvid en widget och klicka sedan på För handsgranska. På förhandsgranskningssidan finns det flera sätt att anpassa widgetens utseende:

The Speakers Widget preview page with numbered indicators that correspond to the list below this image.
  1. Visa rubrik - Avmarkera den här rutan om du vill dölja händelseikonen, namnet och datumet som visas högst upp i widgeten som standard.

  2. Visa bakgrund - Av markera den här rutan om du vill dölja den vita eller svarta bakgrunden som visas bakom widgetelement som standard. Eftersom att dölja bakgrunden gör widgeten transparent kommer webbplatsens bakgrund att visas bakom widgetobjekt istället.

  3. Visa widgetnamn - Avmarkera rutan för att dölja widgetens visningsnamn.

    1. Visa spår (endast agenda) - Av markera rutan för att dölja spårbubblorna från widgeten.

    2. Visa högtalare (endast agenda) - Avmarkera den här rutan om du vill dölja högtalarikoner och namn från widgeten.

  4. Widgetvy (utom Agenda) - Välj mellan ”Grid View” eller ”Carousel View”. ”Grid View” visar upp till de första nio objekten i rader om tre. Om det finns fler än nio objekt i widgeten kan användare bläddra för att visa fler objekt. 'Carousel View' visar de tre första objekten, och användare kan klicka på pilarna på vardera sidan av widgeten för att avslöja fler objekt.

  5. Mörkt läge - Aktivera den här växeln för att växla till en mörk bakgrund med vit text.

Tänk på att om du aktiverar mörkt läge eller tar bort bakgrunden, kontrollera noggrant hur widgeten fungerar med din webbplats efter att du har bäddat in den.

När du justerar inställningarna uppdateras förhandsgranskningen för att återspegla dina val.

Klicka på Spara ändringar längst ned på sidan när du är klar med att justera inställningarna.

Kopiera widgetkoder

På sidan Widgets klickar du bara på knappen Kopiera widgetkod för att omedelbart kopiera koden så att du kan bädda in den på din webbplats. Vi litar på att du eller någon du arbetar med vet hur man gör det. 😉

The Copy Widget Code button on the Widgets page.

Widgets i praktiken

När du har bäddat in en widget på en webbplats lägger du till eller tar bort objekt från widgeten när som helst och widgeten uppdateras automatiskt. Du behöver inte kopiera widgetkoden igen. 🙌

Tänk på att nya funktionsobjekt aldrig automatiskt läggs till widgetar. Du måste välja objekt manuellt.

Widgets inställda på ”Carousel View” visar de tre första objekten, som illustreras i bilden nedan. Pilar på vardera sidan av den här vyn låter webbplatsbesökare bläddra för att avslöja fler objekt. Widgets inställda på ”Grid View” visar upp till de första nio objekten, och användare kan bläddra fritt i widgeten för att avslöja fler objekt.

A sponsors widget set to carousel view embedded in a website.

När en webbplatsbesökare klickar på ett widgetobjekt visas mer information där besökare kan läsa om objektet.

The session details pop-up in the Agenda widget.

Tänk på att monteromslagsbilder inte visas i widgetens artikelinformation.

Nu vet du hur man skapar innehållswidgets. Visste du att du också kan bädda in dina biljettalternativ för Webex Events Registration?

Var den här artikeln användbar?
Var den här artikeln användbar?