Voeg de Google-evenementenagenda-app toe aan je website om je publiek op de hoogte te houden van je planning.
Door je agenda weer te geven, kun je je beschikbaarheid, aankomende evenementen en meer laten zien. Je kunt de agenda-indeling bijwerken om een maand, een week of de agenda van vandaag weer te geven. Om af te stemmen op je merk, kun je ook het kleurenschema en de lettertypen van je agenda aanpassen.
Stap 1 | Voeg de Google-evenementenagenda toe aan je website
Voeg de Google-evenementenagenda-app toe aan je website vanuit de Wix Appmarkt.
- Klik links in de Editor op Apps toevoegen.
- Zoek in de zoekbalk naar de Google-evenementenagenda.
- Klik op Toevoegen aan website.
Stap 2 | Koppel je Google-account
Je kunt je aanmelden bij een van je Google-accounts om je evenementenagenda te synchroniseren.
Om je Google-account te koppelen:
- Klik op de agenda in je Editor.
- Klik op Instellingen.
- Klik op Account koppelen.
- Voer de inloggegevens in van het account dat je wilt weergeven.
- Klik op Toestaan om toegang te geven tot Wix.com.
Stap 3 | Stel de zichtbaarheid van je evenementen in
Kies welke van je evenementen worden getoond aan websitebezoekers, welke als bezet worden weergegeven en welke evenementen privé zijn.
Om de zichtbaarheid van je evenementen te selecteren:
- Klik op de agenda in je Editor.
- Klik op Instellingen.
- Klik op het Agenda's-tabblad.
- Schakel de selectievakjes in naast de agenda's die je zichtbaar wilt maken voor je websitebezoekers, en zichtbaar maar met verborgen details.
Stap 4 | Wijzig de indeling, weergave en instellingen
Pas de indeling van je agenda aan en hoe de details van je evenementen worden weergegeven aan bezoekers van de website:
- In Indeling kun je je agenda wijzigen om een maand-, week- of dagagenda weer te geven.
- In Weergave kun je ervoor kiezen om de tijdzone, de starttijd van het evenement weer te geven en hoe je privé-evenementen wilt weergeven.
- In Instellen kun je 12- of 24-uurs tijdnotatie selecteren, op welke dag van de week je agenda begint en of je agenda de tijdzone van je websitebezoekers of een aangepaste tijdzone weergeeft.
Om je indeling, weergave en instellingen aan te passen:
- Klik op de agenda in je Editor.
- Klik op Instellingen.
- Klik om stappen uit te vouwen om je indeling, weergave en instellingen aan te passen:
Kies een indeling voor je agenda
- Klik op het Indeling-tabblad.
- Kies je indeling:
- Maandelijks: Geef de hele maand weer in een rasterindeling.
- Uitlijning agenda: Kies ervoor om je agenda links of in het midden uit te lijnen.
- Grootte van cel wijzigen: Kies hoe de cel zich gedraagt wanneer de grootte wordt gewijzigd:
- 1:1-verhouding: Houdt de celvorm vierkant wanneer je het formaat van de kalender wijzigt.
- Flexibele verhouding: Wijzigt de celvorm wanneer je het formaat van de kalender wijzigt.
- Wekelijks: Geef de agenda weer met elke dag van de week bovenaan.
- Uitlijning agenda: Kies ervoor om je agenda links of in het midden uit te lijnen.
- Hoogte agenda: Kies hoe de agenda zich gedraagt wanneer je inhoud toevoegt of verwijdert:
- Vooraf ingesteld: Behoudt de ingestelde hoogte.
- Responsief: Rekt de agenda uit en laat alle evenementen per week zien.
- Agenda: Geef de agenda weer in een tijdlijnformaat met de huidige dag bovenaan.
- Hoogte: Kies hoe de agenda zich gedraagt wanneer je inhoud toevoegt of verwijdert:
- Vooraf ingesteld: Behoudt de ingestelde hoogte.
- Responsief: Rekt de agenda uit en laat alle evenementen per week zien.
Werk je weergave-instellingen bij
- Klik op het Weergave-tabblad.
- Kies je weergave-instellingen:
- Tijdzone weergeven: Klik op de Tijdzone weergeven-schakelaar om de tijdzone in je agenda weer te geven of te verbergen.
- Starttijd evenement weergeven: Klik op de Starttijd evenement weergeven-schakelaar om de starttijd in de agenda weer te geven of te verbergen.
- Privé-afspraken tonen: Klik op de Privé-afspraken tonen-schakelaar om privé-afspraken in de agenda weer te geven of te verbergen.
- Toon privé-afspraken als: Klik op Privé om een nieuwe naam in te voeren voor alle privé-afspraken.
Let op: De instellingsopties zijn afhankelijk van de indeling die je kiest.
Wijzig je app-instellingen
- Klik op het Instellingen-tabblad.
- Kies je app-instellingen:
- Tijdnotatie: Selecteer hoe de tijd wordt weergegeven:
- 12 uur: Ochtend- en middaguren worden weergegeven met een am- of pm-achtervoegsel.
- 24 uur: Uren van de dag verschijnen als getallen 00:00 - 23:59.
- Begin week op: Kies een dag om de week te beginnen.
- Taal: Selecteer je taal.
- Tijdzone: Kies hoe de tijdzone wordt toegepast:
- Gebaseerd op locatie van websitebezoekers: De locatie van de bezoeker bepaalt de tijdzone.
- Gepersonaliseerde tijdzone: Je stelt de gepersonaliseerde tijdzone van de agenda in met behulp van de beschikbare opties.
Stap 5 | Ontwerp je agenda
Je kunt je agenda aanpassen aan je website, je lettertypen laten overeenkomen en de agenda afstemmen op het kleurenpalet van je merk.
Om je agenda te ontwerpen:
- Klik op de agenda in je Editor.
- Klik op Instellingen.
- Klik op het Ontwerp-tabblad.
- Kies de elementen die je wilt aanpassen:
- Koptekstachtergrondkleur en dekking: Stel een koptekstkleur en dekking in.
- Maand en jaar lettertype en kleur: Stel een tekstthema, lettertype en lettergrootte in.
- Achtergrondkleur en dekking: Stel een achtergrondkleur en dekking in.
- Agendaraster: Stel een randkleur en dekking in.
- Tekststijl en kleur voor weekdag: Stel het tekstthema, lettertype en lettergrootte van de weekdag in.
- Datum tekststijl: Stel een tekstthema, lettertype en lettergrootte in.
- Kleur huidige datum: Stel een kleur in om de huidige dag in de agenda te markeren.
- Kleur huidige maand: Stel een kleur in om de huidige maand in de agenda te markeren.
- Kleur vorige en volgende maanden: Stel de kleur van de vorige en volgende maand in.
- Kleur en stijl van de naam van het evenement: Stel het tekstthema, het lettertype en de lettergrootte van de naam van het evenement in.
- Stijl en kleur evenementtijdstip: Stel het tekstthema, het lettertype en de lettergrootte van de tijd van het evenement in.
- Breedte evenementindicator: Stel de breedte van de evenementindicator in.
- Hoekradius evenement: Stel de hoekradius in.
- Evenementkleuren: Selecteer 'Gebruik websitethemakleuren' of 'Gebruik Google Agenda-kleuren'.
- Knopstijl: Kies een knopstijl uit de beschikbare opties.
- Lettertype en kleur: Stel het tekstthema, lettertype, lettergrootte en kleur van de knop in.
- Randkleur en dekking: Stel de randkleur en dekking van de knop in.
- Randbreedte: Stel de randbreedte van de knop in.