Skriv inn kode

Slik setter du opp innebyggingskoden for hendelsesglideren

Del dette innlegget

Med en Timely konto, kan du enkelt bygge inn en hendelsesglidebryter på nettstedet ditt for å vise hendelser online. Når du bygger inn glidebryteren, oppdateres alle endringer som er gjort i de publiserte hendelsene dine automatisk på nettstedet ditt. I dette innlegget lærer du alle trinnene for å sette opp innebyggingskoden for hendelsesglidebryteren.

1. Fordeler med å ha en hendelsesglidebryter på nettstedet ditt

Det er enkelt å dra nytte av en online hendelseskalender Timely. For å fremheve spesifikke hendelser, anbefaler vi å legge til en vakker og engasjerende hendelsesglidebryter på nettstedet ditt.

Timely hendelsesglidemodul er en effektiv måte å vise hendelser på nettstedet ditt. Ved å bruke glidebrytervisningen kan du vise hendelser som en lysbildefremvisning. Skyveknappen viser én hendelse per lysbilde, noe som øker bevisstheten og engasjementet for hendelsen. Se den i aksjon i vår hendelsesglidebryter-widget-demoside.

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 hendelsesglidebryteren de samme. Fortsett å lese for å lære mer. 

3. Sette opp koden for innbygging av hendelsesskyveren

Ved å legge til en hendelsesskyver vil innebygd kode på CMS-en din tillate deg å publisere et begrenset antall hendelser på en vakker skyvewidget. Hvis du har en bestemt type hendelser som du vil vise på glidebryteren, anbefales det å tilpasse widgetens innebygde kode.

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 hendelsesglidebryteren din, på Innebyggingstype, Velg slider alternativet.
print skjerm av Timely glidebryter for hendelseshåndteringsprogramvare for innebygging av kode

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

4. Avanserte innstillinger

Rett under slider 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 hendelsesskyvewidgeten Avanserte innstillinger:

Maks skyvebredde

Med denne funksjonen kan du velge maksimal bredde for glidebryteren din i henhold til tilgjengelig plass for denne widgeten på nettsiden din.

print skjerm av Timely hendelsesstyringssystem maks. skyvebreddeinnstillinger

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

Hvis du ønsker det, kan du velge datointervallet for hendelsene som skal vises på glidebryteren din. Alternativene er følgende:

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

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

print skjerm av Timely glidebryter for hendelsesstyringssystem for hendelsesinnstillinger

5. filtre

I tillegg kan du bestemme hvilke hendelser som skal vises i glidebryteren ved å bruke forhåndsinnstilte filtre. Du kan velge kategorier, tagger, organiseringer, arenaer og alle de andre tilpassede filtrene du kanskje har laget. Dette vil hjelpe deg å vise bare hendelsene du vil at kunden skal se.

print skjerm av Timely filterinnstillinger for hendelsesstyringssystem

6. Kopiering av Slider iFrame Embed Code

Etter å ha tilpasset avanserte innstillinger og filtre for glidebryterens innebyggingskode, kan du fortsette og generere innebyggingskoden. 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 glidebryter for hendelsesstyringssystem for innebygging av kodegenerator

Deretter trenger du bare å lime inn koden på baksiden av nettstedet ditt for å vise din Timely glidebryteren. Klikk på koblingene nedenfor for å se detaljerte instruksjoner om hvordan du bygger inn glidebryterwidgetkoden på 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.