Sådan tilføjer du begivenhedskalender og widgets til et Wix-websted

Del dette opslag

Med en Timely konto, kan du hurtigt og ubesværet integrere en kalender med begivenheder og widgets på dine Wix-websider. Du skal blot kopiere et kodestykke og indsætte det på bagsiden af ​​dit websted. Eventuelle ændringer eller opdateringer, du foretager til din kalender og begivenheder, vises øjeblikkeligt. Ydermere har du mulighed for at bruge online-kalenderen til at acceptere bookinger, forbeholdog sælge billetter til dine arrangementer. Dette indlæg viser dig, hvordan du tilføjer en begivenhedskalender og widgets til et Wix-websted.

1. Hvad er Wix?

Wix er en cloud-baseret web-building platform. Det giver dig mulighed for at tilpasse websteder ved at bruge forskellige skabeloner og en simpel træk-og-slip HTML5-editor. Med Wix kan du bruge forskellige apps, grafik, billedgallerier, skrifttyper, vektorer, animationer og mere. Desuden har Wix-brugere valget mellem at starte deres hjemmeside fra bunden.

Hvis du allerede har oprettet eller har til hensigt at oprette en onlinekalender til Wix, vil dette indlæg vise dig, hvordan du tilføjer Timely begivenhedskalender på en Wix-webside. Fortsæt med at læse for at lære mere.

2. Indlejring af fuld kalender vs. widgets

Timely begivenhedskalender software er en utrolig bekvem og effektiv måde at organisere og promovere begivenheder på Wix. Med en bred vifte af kalendervisninger tilgængelig, kan du tilpasse oplevelsen til at oprette en kalender i fuld skala eller vælge en mini-kalender-widget.

En fuldskala-kalender strækker sig normalt over en hel Wix-side. At være en ekspansiv kalenderversion giver plads til flere kalenderfunktioner, såsom dato- og nøgleordssøgning, kalenderabonnement og filtre.

print skærm af Timely plakatplade fuld kalendervisning
Posterboard fuld kalendervisning

Minikalender-widgetvisningerne er mindre og kræver mindre plads. Normalt viser de kun et begrænset antal kommende begivenheder og har ingen søge- eller filtreringsfunktioner.

eksempel på Timely kalender-widget-streamvisning eller minikalender
Stream kalender-widgetvisning
eksempel på Timely kalender-widget-streamvisning eller minikalender
Moderne række kalender widget visning

Derudover kan du bruge Timely skyderen og karrusel widgets for yderligere at pifte designet af dit Wix-websted op. Disse widgets kan helt sikkert hjælpe dig med at fremvise dine begivenheder på en attraktiv måde.

Alle muligheder kan integreres individuelt eller sammen for at skabe en problemfri oplevelse for dine webstedsbesøgende.

3. Sådan tilføjer du fulde kalendervisninger til en Wix-side

Før installation Timely kalender på dit Wix-websted, så sørg for, at du har den rigtige Wix-plan. For optimale resultater anbefaler vi at installere Timely ved hjælp af Custom Elements, som er en funktion, der kun er tilgængelig på Wix Premium-plan.

Vi anbefaler også at have din Timely kalender-URL praktisk. Du kan finde din Timely kalender-URL ved at klikke på Offentlig kalender genvej til højre på dit dashboard. Det ser sådan ud: https://events.timely.fun/xxxxxxx/posterboard.

print skærm af rettidig offentlig kalender URL genvej
Timely Offentlig kalender-URL-genvej

Når du har fuldført disse indledende trin, skal du følge instruktionerne nedenfor:

  1. Log ind på din Wix-konto.
  2. Inde i Wix Website Editor skal du vælge den side, du vil integrere Timely kalender.
  3. Klik på Integrerog derefter videre Brugerdefinerede indlejringer. Tilføj derefter en Brugerdefineret element.
printskærm på wix-webstedet, der fremhæver, hvor et brugerdefineret element skal tilføjes
Brugerdefineret elementindlejring på Wix-dashboard
  1. Type Vælg kilde. Indstil derefter Server URL mulighed med værdien: https://events.timely.fun/embed-wix.js
print screen wix brugerdefineret element
  1. Type Angiv attributter og indstil i det mindste attributten data-src med din Timely offentlig kalender-url (f.eks. https://events.timely.fun/xxxxxxx/posterboard). For at kalenderen skal reagere på mindre skærme, skal du indstille databredden med værdien "var(–customElementWidth)". Hvis du ønsker det, kan du også strække kalenderafsnittet til fuld bredde for at forbedre synlighed.
print screen wix elementer
  1. Gem dine ændringer, og gå derefter til frontenden af ​​dit Wix-websted. Der vil du se, at din Timely kalenderen er blevet korrekt installeret i henhold til dine indlejringskodeindstillinger. Hvis du stadig ikke kan se kalenderen, kan du prøve at logge ud af Wix.

4. Sådan tilføjer du widgets til et Wix-websted

For at have en mini-kalender-widget på din Wix-side eller dit websted, skal du først tilpasse din Timely kalender-URL ved at erstatte den sidste sektion af URL'en med navnet på den ønskede kalendervisning. Hvis du f.eks. vil oprette en Stream View-kalenderwidget, er den relevante kalender-URL https://events.timely.fun/xxxxxxx/stream.

Til skyderen og karruselSelvom Wix arbejder med linkindlejring og ikke kodeindlejring, skal du først konfigurere de nødvendige indlejringskoder for disse widgets. Hvis du er i tvivl om, hvordan du gør det, henvises til instruktionerne i de følgende indlæg i brugervejledningen:

Når indlejringskoderne er klar, kan du bare ændre din offentlige kalender-URL ved at erstatte visningsnavnet til enten karrusel eller skyder. For eksempel, https://events.timely.fun/xxxxxxx/slider og https://events.timely.fun/xxxxxxx/carousel.

Med din widgets URL ved hånden, følg de samme instruktioner i dette indlæg ovenfor for at tilføje dem til den ønskede webside. Den eneste forskel er, at når du opretter siden, skal du begrænse dimensionerne af det indlejrede område på forhånd. Når du gør det, vil du sikre dig, at widgetten vises på det rigtige sted på siden.

eksempel på en karrusel-widget installeret på et websted
Eksempel på en karrusel-widget installeret på et websted

Vi håber, at denne brugervejledning har hjulpet dig med at lære, hvordan du tilføjer en begivenhedskalender til Wix-websteder og -sider. Hvis du ønsker det, kan du endda bruge Timely kalender til acceptere reservationer og sælge billetter til dine arrangementer, direkte fra din egen hjemmeside.

For mere brugerinformation, gå venligst til vores Help Center. Hvis du har spørgsmål, er du velkommen til at kontakt os. Alternativt kan du åbne en supportbillet fra din Timely konto.