Ajoutez l'appli Google Event Calendar à votre site pour tenir votre audience au courant de votre emploi du temps.
En affichant votre agenda, vous pouvez présenter vos disponibilités, les événements à venir, etc. Vous pouvez mettre à jour la mise en page du calendrier pour afficher un mois, une semaine ou l'agenda du jour. Pour vous aligner sur votre marque, vous pouvez également personnaliser le schéma de couleurs et les polices de votre agenda.
Étape 1 | Ajouter Google Event Calendar à votre site
Ajoutez l'appli Google Event Calendar à votre site depuis le Wix App Market.
- Cliquez sur Ajouter des applis à gauche de l'éditeur.
- Recherchez l'appli Google Events Calendar dans la barre de recherche.
- Cliquez sur Ajouter au site .
Étape 2 | Connecter votre compte Google
Vous pouvez vous connecter à l'un de vos comptes Google pour synchroniser votre calendrier d'événements.
Pour connecter votre compte Google :
- Cliquez sur l'agenda dans votre Éditeur.
- Cliquez sur Paramètres.
- Cliquez sur Connecter le compte.
- Saisissez les identifiants du compte que vous souhaitez afficher.
- Cliquez sur Autoriser pour donner accès à Wix.com.
Étape 3 | Configurer la visibilité de vos événements
Choisissez quels événements sont affichés pour les visiteurs du site, lesquels sont affichés comme étant prisés et quels événements sont privés.
Pour sélectionner la visibilité de vos événements :
- Cliquez sur l'agenda dans votre Éditeur.
- Cliquez sur Paramètres.
- Cliquez sur l'onglet Agendas.
- Cochez les cases à côté des calendriers que vous souhaitez rendre visibles pour les visiteurs de votre site, et visibles mais avec des informations masquées.
Étape 4 | Modifier la mise en page, l'affichage et les paramètres
Personnalisez le format de votre agenda et la façon dont les informations de vos événements apparaissent pour les visiteurs du site :
- Dans Mise en page, vous pouvez modifier votre agenda pour afficher un mois, une semaine ou l'agenda du jour.
- Dans Affichage, vous pouvez choisir d'afficher le fuseau horaire, l'heure de début d'un événement et la manière d'afficher les événements privés.
- Dans Paramètres, vous pouvez sélectionner le format 12 ou 24 heures, le jour de la semaine où commence votre agenda et si votre agenda affiche le fuseau horaire des visiteurs de votre site ou un fuseau horaire personnalisé.
Pour personnaliser votre mise en page, votre affichage et vos paramètres :
- Cliquez sur l'agenda dans votre Éditeur.
- Cliquez sur Paramètres.
- Cliquez pour développer les étapes de personnalisation de votre mise en page, de votre affichage et de vos paramètres :
Choisir une mise en page pour votre agenda
- Cliquez sur l'onglet Mise en page .
- Choisissez votre mise en page :
- Mensuel : Affichez le mois entier sous forme de grille.
- Alignement de l'agenda : Sélectionnez un alignement pour votre agenda, à gauche ou au centre.
- Redimensionner la cellule : Sélectionnez le comportement des cellules lorsqu'elles sont redimensionnées :
- Conserver le ratio 1:1 : Les cellules restent carrées lorsque vous redimensionnez l'agenda.
- Utiliser un ratio flexible : La forme des cellules est modifiée lorsque vous redimensionnez l'agenda.
- Hebdomadaire : Affichez le calendrier avec chaque jour de la semaine en haut.
- Alignement de l'agenda : Sélectionnez un alignement pour votre agenda, à gauche ou au centre.
- Hauteur de l'agenda : Sélectionnez le comportement de l'agenda lorsque vous ajoutez/supprimez du contenu :
- Préfixé : Conserve la hauteur définie.
- Adaptatif : Étire automatiquement votre calendrier pour afficher tous vos événements chaque semaine.
- Ordre du jour : Affichez le calendrier sous forme de calendrier avec le jour en cours en haut.
- Hauteur de l'agenda : Sélectionnez le comportement de l'agenda lorsque vous ajoutez ou supprimez du contenu :
- Préfixé : Conserve la hauteur définie.
- Adaptatif : Étire automatiquement votre calendrier pour afficher tous vos événements chaque semaine.
Mettre à jour vos paramètres d'affichage
- Cliquez sur l'onglet Affichage.
- Sélectionnez vos paramètres d'affichage :
- Afficher le fuseau horaire : Cliquez sur le curseur Afficher le fuseau horaire pour afficher ou masquer le fuseau horaire sur votre agenda.
- Afficher l'heure de début de l'événement : Cliquez sur le curseur Afficher l'heure de début de l'événement pour afficher ou masquer l'heure de début sur l'agenda.
- Afficher les événements privés : Cliquez sur le curseur Afficher les événements privés pour afficher ou masquer les événements privés sur l'agenda.
- Afficher les événements privés en tant que : Cliquez sur Privé pour saisir un nouveau nom pour tous les événements privés.
Remarque : Les options des paramètres dépendent de la mise en page que vous choisissez.
Modifier les paramètres de votre appli
- Cliquez sur l'onglet Paramètres.
- Sélectionnez les paramètres de votre appli :
- Format de l'heure : Sélectionnez le mode d'affichage de l'heure :
- 12 heures : Les heures du matin et de l'après-midi s'affichent en étant suivies de am ou pm.
- 24 heures : Les heures de la journée apparaissent sous forme de nombres allant de 00:00 à 23:59.
- Commencer la semaine le : Sélectionnez un jour pour commencer la semaine.
- Langue : Sélectionnez votre langue.
- Fuseau horaire : Choisissez comment le fuseau horaire est appliqué :
- En fonction de l'emplacement du visiteur du site : L'emplacement du visiteur détermine le fuseau horaire.
- Fuseau horaire personnalisé : Vous configurez le fuseau horaire personnalisé de l'agenda à l'aide des options disponibles.
Étape 5 | Personnaliser le design de votre calendrier
Vous pouvez personnaliser votre agenda pour compléter votre site, faire correspondre vos polices et l'aligner sur la palette de couleurs de votre marque.
Pour personnaliser votre agenda :
- Cliquez sur l'agenda dans votre Éditeur.
- Cliquez sur Paramètres.
- Cliquez sur l'onglet Design.
- Sélectionnez les éléments que vous souhaitez personnaliser :
- Opacité et couleur d'arrière-plan de l'en-tête : Paramétrez une couleur et une opacité d'en-tête.
- Style et couleur de police du mois et de l'année : Paramétrez un thème de texte, une police et une taille de police.
- Opacité et couleur d'arrière-plan : Paramétrez une couleur et une opacité d'arrière-plan.
- Grille de l'agenda : Paramétrez une couleur de bordure et une opacité.
- Style et couleur du texte du jour de la semaine : Paramétrez le thème, la police et la taille du texte du jour de la semaine.
- Style du texte de la date : Paramétrez un thème de texte, une police et une taille de police.
- Couleur du jour : Paramétrez une couleur pour mettre en surbrillance le jour en cours dans le calendrier.
- Couleur du mois en cours : Paramétrez une couleur pour mettre en surbrillance le mois en cours dans le calendrier.
- Couleur du mois précédent et du mois suivant : Paramétrez la couleur du mois précédent et du mois suivant.
- Style et couleur du nom de l'événement : Paramétrez le thème, la police et la taille du texte du nom de l'événement.
- Style et couleur de l'heure de l'événement : Paramétrez le thème, la police et la taille du texte de l'heure de l'événement.
- Largeur de l'indicateur d'événement : Définissez la largeur de l'indicateur d'événement.
- Rayon de l'angle de l'événement : Paramétrez le rayon de l'angle.
- Couleurs de l'événement : Sélectionnez « Utiliser les couleurs du thème du site » ou « Utiliser les couleurs de Google Agenda ».
- Style de bouton : Sélectionnez un style de bouton parmi les options disponibles.
- Style et couleur de la police : Paramétrez le thème, la police, la taille et la couleur du texte du bouton.
- Couleur et opacité de la bordure : Paramétrez la couleur et l'opacité de la bordure du bouton.
- Largeur de la bordure : Paramétrez la largeur de la bordure du bouton.