Slik legger du til hendelseskalender og widgeter på et Wix-nettsted

Med en Timely konto, kan du raskt og enkelt innlemme en kalender med arrangementer and widgets onto your Wix webpages. Simply copy a code snippet and paste it to the back end of your website. Once embedded, any changes or updates you make in your Timely dashboard will automatically appear on your site. Furthermore, you have the option to use the online calendar to accept reservasjonerog selge billetter til arrangementene dine. This guide walks you through two methods for embedding your Timely calendar into a Wix website, depending on whether you’re using a free or PRO (paid) Wix plan.

1. Hva er Wix?

Wix is a cloud-based web-building platform. It gives you the ability to customize websites through the use of various templates and a simple drag-and-drop HTML5 editor. With Wix, you can utilize various apps, graphics, image galleries, fonts, vectors, animations and more. Moreover, Wix users have the choice to start their website from scratch.

If you have already established or are intending to create an online calendar for Wix, this post will show you how to add a Timely hendelseskalender på en Wix-nettside. Fortsett å lese for å lære mer.

2. Innbygging av full kalender vs. widgets

Timely hendelseskalenderprogramvare er en utrolig praktisk og effektiv måte å organisere og promotere arrangementer på Wix. Med et bredt utvalg av kalendervisninger tilgjengelig, kan du tilpasse opplevelsen for å lage en fullskala-kalender eller velge en mini-kalender-widget.

En fullskalakalender spenner vanligvis over en hel Wix-side. Å være en ekspansiv kalenderversjon gir rom for flere kalenderfunksjoner, for eksempel dato- og nøkkelordsøk, kalenderabonnement og filtre.

Minikalender-widgetvisningene er mindre og krever mindre plass. Vanligvis viser de bare et begrenset antall kommende arrangementer, og har ingen søke- eller filtreringsfunksjoner.

I tillegg kan du bruke Timely glidebryter og karusellen widgets for å pusse opp utformingen av Wix-nettstedet ditt ytterligere. Disse widgetene kan definitivt hjelpe deg med å vise frem arrangementene dine på en attraktiv måte.

Alle alternativene kan bygges inn individuelt eller sammen for å skape en sømløs opplevelse for besøkende på nettstedet ditt.

3. Før du begynner

Before embedding your Timely calendar or widgets in Wix, make sure you:

1. Logg inn på din Timely dashbord
2. Finn din Public Calendar URL (F.eks https://events.timely.fun/xxxxxxx/posterboard)

3. Decide whether you’re using a Gratis or PRO (Premium) Wix-konto
4. Determine the view you want to embed (full calendar, stream, slider, carousel, etc.)

4. How to Add Full Calendar Views to a Wix Page – Free Plan

Hvis du bruker gratis Wix -plan, you can embed your calendar using the Bygg inn HTML feature. This allows you to display your Timely public calendar URL directly on your page using a basic embed tool. This method allows you to display your Timely public calendar directly on your site.

Once you have the calendar URL ready, follow the instructions below:

1. Logg inn på din Wix-konto.
2. Inside Wix Website Editor, select the page where you want to embed the Timely kalender.
3. Klikk på Legg til elementer, bla deretter ned til Skriv inn kode, og klikk på Bygg inn HTML.

4. Drag the Embed HTML element into the page layout.Click on Legg til elementer, bla deretter ned til Skriv inn kode, og klikk på Bygg inn HTML.

5. In the settings panel, choose Nettadresse, then paste your Timely public calendar URL (e.g., https://events.timely.fun/xxxxxxx/posterboard).
6. Klikk Påfør.
7. Resize the embed box as needed to ensure the calendar displays properly on desktop and mobile.

You can also change the final part of the URL to display other views:

• Stream view: /stream
• Slider view: /slider
• Carousel view: /carousel

5. How to Add Full Calendar Views to a Wix Page – PRO Plan Only

Please note the instructions below are only available to Wix PRO (Premium) users. If you’re using the free version of Wix, follow the previous section using Bygg inn HTML i stedet.

Once you have the calendar URL ready (as explained above), follow the instructions below to install a Timely calendar on your Wix website:

1. Logg inn på din Wix-konto.
2. Inside Wix Website Editor, select the page where you want to embed your Timely kalender.
3. Klikk på embed, og så videre Egendefinerte innebygginger. Deretter legger du til en Egendefinert element.

4. Plukke ut Velg kilde. Still deretter inn Server URL alternativ med verdien: https://events.timely.fun/embed-wix.js

5. Plukke ut Angi attributter og sett minst attributtet data-src med din Timely offentlig kalender url (f.eks. https://events.timely.fun/xxxxxxx/posterboard). For at kalenderen skal være responsiv på mindre skjermer, setter du databredden med verdien "var(–customElementWidth)". Hvis du ønsker det, kan du også strekke kalenderdelen til full bredde for å forbedre synligheten.

6. Save your changes, and then go to the front end of your Wix site. There, you will see that your Timely kalenderen er riktig installert, i henhold til innstillingene for innebyggingskode. Hvis du fortsatt ikke ser kalenderen, prøv å logge ut av Wix.

6. Hvordan legge til widgets til et Wix-nettsted

For å ha en minikalender-widget på Wix-siden eller nettstedet ditt, må du først tilpasse din Timely calendar URL by replacing the last section of the URL with the name of the desired calendar view. For example, if you want to create a Stream View calendar widget, the applicable calendar URL is https://events.timely.fun/xxxxxxx/stream.

Til glidebryter og karusellen, selv om Wix fungerer med lenkeinnbygging og ikke kodeinnbygging, må du først sette opp de nødvendige innbyggingskodene for disse widgetene. Hvis du er usikker på hvordan du gjør det, se instruksjonene som er skissert i følgende brukerveiledninginnlegg:

• Hvordan sette opp innebyggingskoden for hendelsesglidere
• Hvordan sette opp innebyggingskoden for hendelseskarusellen

Når de innebygde kodene er klare, kan du bare endre din offentlige kalender-URL ved å erstatte visningsnavnet til enten karusell eller glidebryter. For eksempel, https://events.timely.fun/xxxxxxx/slider og https://events.timely.fun/xxxxxxx/carousel.

With your widgets URL on hand, follow the same instructions provided in this post above to add them to the desired web page. The only difference is that, when creating the page, you will have to limit the dimensions of the embeddable area in advance. In doing so, you will ensure the widget appears in the correct place on the page.

Innbygging av din Timely calendar or event widgets on a Wix website is a simple and effective way to keep your audience informed and engaged. Whether you’re using a full calendar view to display all your events or a widget to highlight upcoming ones, Timely offers the flexibility to match your website’s design and goals.

By following the steps outlined in this guide, you can create a seamless integration that automatically updates as you manage your events within Timely. Plus, with features like online bookings, ticket sales, and RSVPs, your calendar can become a central part of your event promotion strategy.

Trenger du ekstra hjelp?

For ytterligere veiledning og støtte, vennligst besøk vår Hjelpesenter. I tillegg, hvis du har spørsmål eller trenger hjelp, ikke nøl med å kontakte vårt kundesuksessteam ved å åpne en støttebillett fra din Timely kontoens dashbord.
Dessuten, i tilfelle du trenger ytterligere hjelp til implementering og bruk Timely hendelsesstyringssystem, vi bistår gjerne. Utforsk alle professional services vi tilbyr, og gjerne Ta kontakt med oss i dag!