Skriv inn kode

Hvordan sette opp innebyggingskoden for eventkarusellen

Del dette innlegget

Med en Timely konto, kan du enkelt opprette en begivenhetskarusell på nettstedet ditt for å vise hendelser på nettet. Når karusell-widgeten er installert, oppdateres alle endringer som er gjort i de valgte hendelsene automatisk på karusellen på nettstedet ditt. I dette innlegget lærer du alle trinnene for å sette opp innebyggingskoden for eventkarusellen din.

Opprette en online kalender og event-widgets for nettstedet ditt er enkelt med Timely.

For å fremheve spesifikke hendelser på en morsom og oppsiktsvekkende måte, bør du vurdere å legge til en begivenhetskarusell på nettstedet ditt. Med Timely karusellvisning kan du vise frem opptil 12 hendelser på rad med opptil 4 hendelser om gangen. Se den live i vår hendelseskarusell-widget-demoside.

Å vise hendelser på et karuselltilbud vil gjøre nettstedet ditt mer interessant og engasjerende. Faktisk kan en karusell med hendelser forbedre nettsidedesign og måten publikum samhandler med arrangementsinnholdet ditt på.

2. Content Management Systems (CMS) støttes 

Timelysin arrangementsplattform og widgets kan bygges inn på alle offentlige eller private nettsider eller mobilapplikasjoner. De fungerer perfekt med mange innholdsplattformer på nettstedet, inkludert, men ikke begrenset til:

  • WordPress
  • HTML
  • Shopify
  • Wix
  • Square
  • Joomla
  • Drupal
  • Magento / Adobe Commerce
  • Adobe Experience Manager
  • Weebly
  • Gå pappa
  • MicroSoft SharePoint / Power Pages
  • Agility

Uavhengig av hvilket CMS du bruker, er de generelle instruksjonene for å sette opp innebyggingskoden for arrangementskarusellen de samme. Fortsett å lese for å lære mer. 

Ved å legge til en innbyggingskode for en hendelseskarusell på baksiden av nettstedet ditt, kan du publisere et begrenset antall hendelser på en visuelt tiltalende karusellwidget. Hvis du har en bestemt type hendelser som du vil vise på karusellen, anbefales det å tilpasse widget-innbyggingskoden.

Se trinn-for-trinn-instruksjonene nedenfor:

  1. Logg inn på din Timely konto.
  2. Klikk på på hovednavigasjonsmenyen innstillinger, og så videre Bygg inn kode. Du kan også bruke snarveien øverst til høyre på dashbordet.
  3. Deretter åpnes en ny side som viser alle alternativer og preferanser for innebyggingskode. For øyeblikket er det 4 innebygde kodetyper du kan velge mellom: Kalender, Karusell, Skyveknapp og Legg til hendelsesknapp.
  4. Siden dette innlegget handler om hvordan du setter opp innebyggingskoden for arrangementskarusellen din, på Innebyggingstype, Velg Carousel alternativet.
print skjerm av Timely hendelsesadministrasjonsprogramvare karusell innebyggingskodealternativ

Hvis du ikke vil tilpasse innebyggingskoden, kan du gå rett til widgetkodedelen nedenfor (6. Sette opp karusellen iFrame-innbyggingskoden). Ellers, fortsett å lese dette innlegget for å lære mer.  

Rett under Carousel alternativet for innebygd kodetype, vil du se Avanserte innstillinger nedtrekksmenyen. Disse innstillingene vil være forskjellige avhengig av typen innebygd kode som er valgt.

Slik redigerer du innbyggingskoden for arrangementskarusell-widgeten Avanserte innstillinger:

Maks hendelser å vise

Med denne funksjonen kan du velge å vise opptil 12 hendelser i en karusell. Bare skriv inn ønsket antall hendelser på boksen.

print skjerm av Timely hendelsesadministrasjonsprogramvare karusell max hendelser for å vise alternativ

Maks hendelser per side

Hvis du ønsker det, kan du også vise mer enn én hendelse samtidig i karusellen din. Maksimalt antall hendelser som kan vises samtidig er 4.

utskriftsskjerm for forhåndsvisning av maks hendelse per side

Skyvebryterens forsinkelsestid

Hvis du ønsker det, kan du velge forsinkelsestiden for hvert hendelsesinnlegg som vises på glidebryteren (i sekunder).

print skjerm av Timely innstillinger for forsinkelsestid for hendelsesstyringssystem

Date Range

Bruk datoperiodealternativet for å velge en bestemt datoperiode for hendelsene som skal vises i karusellen din. Alternativene er følgende:

  • Kommende arrangementer
  • Dagens arrangementer
  • Starter i morgen
  • Egendefinert datoperiode
  • Neste n dager
  • Neste n arrangementer

Hvis du vil at karusellen bare skal vise hendelser som er merket som omtalt i kalenderen din, merker du av i boksen Utvalgte arrangementer.

print skjerm av Timely hendelsesstyringssystem karusell omtalt hendelsesinnstillinger

5. filtre

I tillegg til de avanserte innstillingene forklart ovenfor, kan du også vise frem en karusell med filtrerte hendelser. Du kan velge kategorier, tagger, organiseringer, arenaer og alle de andre tilpassede filtrene du kanskje har laget.

print skjerm av Timely hendelseshåndteringssystem innebygd kodefilterinnstillinger

Etter å ha tilpasset avanserte innstillinger og filtre for karusellinnbyggingskoden, kan du fortsette og generere innbyggingskoden. Bare følg instruksjonene nedenfor:

  1. Klikk på Widget-kode (kopier den til nettstedet ditt) filtrer og velg alternativet iFrame Embed – Javascript.
  2. Klikk på Kopiér utdrag for å kopiere innbyggingskoden.
print skjerm av Timely hendelsesstyringssystem innebygd kodegenerator

Deretter trenger du bare å lime inn koden på baksiden av nettstedet ditt for å vise din Timely arrangementskarusell. Klikk på koblingene nedenfor for å se detaljerte instruksjoner om hvordan du bygger inn karusellwidgetkoden i følgende innholdsstyringssystemer:

For instruksjoner om hvordan du installerer Timely kalender og widgets på andre CMS eller mobilapplikasjoner, takk kontakt kundestøtte.

For mer brukerveiledning, gå til vår Hjelpesenter. Hvis du har spørsmål eller trenger ytterligere hjelp, ikke nøl med kontakt oss. Alternativt kan du åpne en støttebillett fra din Timely kontoens dashbord.