Intégrer le calendrier d’événements

Vous pouvez intégrer vos événements ou l'ensemble de notre calendrier des événements sur votre propre site web en utilisant la fonction « Intégrer ». En quelques clics, vous pouvez créer un code que vous pouvez insérer dans le code HTML de votre site web.

Intègre directement avec des préréglages

Connectez-vous à Eventfrog avec votre compte. À gauche dans la navigation principale, vous trouverez l'élément de menu « Intégrer ». Vous pouvez générer ici le code pour intégrer le calendrier des événements ou une sélection d'événements sur votre site web en quelques clics.

Dans le bloc de configuration, vous trouverez le champ « Votre domaine » sur la gauche. Ce champ est une entrée obligatoire. Il est important de saisir le domaine pour que le « Code d'intégration du calendrier » fonctionne correctement sur votre site web. Vous pouvez intégrer le calendrier sur plusieurs sites web. Il est important qu'ils soient inclus dans la liste de vos domaines.

Saisissez l'URL de votre site Web sous « Votre domaine ». Confirmez cette URL en cliquant sur « Ajouter ». Vous pouvez également utiliser cette fonction pour ajouter plusieurs sites web. Si vous souhaitez afficher le calendrier des événements sur plusieurs sous-pages de votre site web, l'URL principale est suffisante.

Vous pouvez déjà exporter le calendrier en insérant le « Code d'intégration du calendrier » dans le code HTML de votre site web.

Paramètres actuels pour votre calendrier d’événements :

Vous êtes inscrit en tant qu’« Organisateur ». Vos événements s’afficheront automatiquement.
Le « Vert Eventfrog » est défini comme couleur d’accent
Un champ de recherche est affiché dans le calendrier, que les visiteurs de votre site web peuvent utiliser pour rechercher des événements.
Le formulaire d'inscription à l'événement s'affiche lorsque vous avez inséré le code d'intégration correspondant.

Dans le paragraphe suivant, vous apprendrez comment élargir ou modifier ces préréglages.

Note: Many CMS use different URLs for the preview and edit mode than for the website itself. Therefore, it may happen that the embedding is displayed as an error in the preview, but works correctly when saved.

To avoid this, you can also register the domain of the edit or preview page with us.

J'ai suivi les instructions, mais cela ne fonctionne toujours pas - que puis-je faire ?

Remarque pour les sites web créés à l'aide de systèmes modulaires comme wix.com, jimdo.com ou d'autres CMS (Content Management Systems) :

Si votre site web a été créé à l'aide d'un système modulaire comme par exemple wix.com ou jimdo.com, le code ne peut pas être inséré directement sous cette forme. Les instructions suivantes permettent de garantir l'intégration sur votre site web :

Copiez le code dans un document Word ou un autre éditeur de texte.
Ouvrez la page souhaitée en mode édition sur votre site web de construction (par ex. wix.com, jimdo.com).
Cliquez sur « Ajouter » dans l'éditeur.
Allez dans « Intégrer » et sélectionnez « Intégrer ».
Cliquez sur « Intégrer le widget » et sélectionnez « Code HTML ».
Copiez maintenant le code d'intégration d'Eventfrog dans le champ et confirmez votre saisie.

Remarque : de nombreux CMS utilisent pour l'aperçu et le mode d'édition d'autres URL que celles du site web lui-même. Il peut donc arriver que l'intégration soit affichée comme une erreur dans l'aperçu, mais qu'elle fonctionne correctement lors de l'enregistrement.

Pour éviter cela, le domaine de la page d'édition ou d'aperçu peut également être déposé chez nous.

Définir la sélection des événements pour le calendrier

Comme déjà décrit, la sélection des événements est prédéfinie. Vous pouvez également le voir grâce à la roue de réglage verte située à côté du bouton « Organisateur ».

Pour élargir la sélection des événements affichés, effectuez d'autres réglages dans la zone « Configuration ». Cela vous permet de créer votre calendrier en fonction des critères souhaités. Si vous cochez la case « Inclure mes événements cachés », les événements qui sont cachés dans le calendrier Eventfrog apparaîtront dans votre calendrier.

Par exemple, vous pouvez afficher les événements de votre calendrier en fonction de ces critères :

Catégories d’événements
Organisateurs
Salles / Lieux
Par terme de recherche
Lieu plus un rayon donné
Période

Sélectionner les catégories d’événements

Dans l'élément de menu « Catégories d'événements », vous pouvez déterminer en « Mode sélection » quelles catégories d'événements sont affichées dans votre calendrier.

« Toutes les catégories » est le paramètre par défaut. Cela signifie que toutes les catégories d'événements sont importées et apparaissent dans votre calendrier des événements.

Restreindre la sélection des catégories

Si vous sélectionnez « Sélectionnés uniquement », la liste des catégories que vous pouvez sélectionner apparaît. Dans ce cas, aucune catégorie d'événement n'est prédéfinie. Cochez les catégories, par exemple « Classique & Opéra » ou « Concert », que vous souhaitez inclure dans votre calendrier. Cliquez sur le bouton « Sauvegarder » en bas à droite pour accepter la sélection.

Sélectionner ou exclure des sous-catégories

Si vous avez sélectionné une catégorie, vous verrez combien de sous-catégories sont disponibles pour cette catégorie d'événement. Vous pouvez cliquer sur « X sous-catégories sélectionnées » pour les afficher. Si vous sélectionnez une catégorie spécifique, toutes les sous-catégories sont automatiquement incluses. Si vous voulez exclure certaines sous-catégories, désélectionnez-les en enlevant la coche à côté de la sous-catégorie respective. Cliquez sur le bouton « Enregistrer » en bas à droite pour appliquer la sélection.

Sélectionner et ajouter des organisateurs

Le paramètre par défaut pour « Organisateurs » est « Sélectionnés uniquement ». Cela signifie que vous êtes sélectionné en tant qu'organisateur avec vos événements. Vous pouvez utiliser la fonction « Recherche » pour trouver et ajouter manuellement d'autres organisateurs. En sélectionnant « Tous les organisateurs », vous pouvez ajouter tous les organisateurs.

Exclure des organisateurs individuellement

Si vous souhaitez exclure les événements de certains organisateurs de votre calendrier des événements, ajoutez-les à « Sélectionnés uniquement » via « Recherche ». Sélectionnez ensuite « Tout, sauf sélectionnés » pour exclure exactement ces organisateurs et leurs événements. A noter que, de cette façon, tous les organisateurs seront répertoriés dans le calendrier des événements, sauf ceux que vous avez exclus.

Définir des salles / lieux

Dans l'élément de menu « Salles », vous sélectionnez les lieux à afficher dans votre calendrier.

Le paramètre par défaut est « Toutes les salles ». Avec « Sélectionnés uniquement », vous pouvez rechercher des lieux spécifiques à l'aide de la fonction « Recherche ». Vous sélectionnez l'emplacement souhaité en cliquant dessus. Cela l'ajoute à la liste « sélectionnée ».

Exclure des salles / lieux

Sous cet élément de menu, il est également possible d'exclure certaines salles. Ajoutez les lieux de l'événement à la liste « sélectionnés » et choisissez « Tous, sauf sélectionnés ». De cette façon, tous les lieux seront importés, sauf ceux que vous avez exclus.

Limiter la sélection des événements

Afficher les événements par terme de recherche

Vous pouvez saisir et sélectionner un terme dans le champ « Terme de recherche ». Les événements qui correspondent à ce terme ou qui le contiennent directement sont alors affichés dans l'exportation de votre calendrier.

Filtrer les événements par lieux

En saisissant un lieu dans le champ « Lieu », vous pouvez spécifier l'endroit où les événements répertoriés doivent avoir lieu. Par exemple, s'il s'agit d'une région, par exemple des événements dans et autour d'Olten, vous pouvez étendre le rayon de recherche.

Sélectionner la période pour les événements du calendrier

Si vous cliquez sur « Toutes les dates », un menu apparaît avec des suggestions que vous pouvez sélectionner. Vous pouvez également choisir « Défini par l'utilisateur » dans le menu du bas et saisir la date de début et/ou de fin dans l'affichage du calendrier à droite. Si vous cliquez directement dans l'affichage du calendrier, la période passe automatiquement à « Défini par l'utilisateur ». De cette façon, vous pouvez déterminer la période via les calendriers.

Si vous cliquez sur le bouton « Réinitialiser (mes événements) », la sélection est réinitialisée. Tous vos événements seront à nouveau importés.

Vous confirmez votre choix en cliquant sur le bouton vert « Appliquer ».

Conception de l'affichage du calendrier via la configuration

Modifier la couleur du calendrier

Vous pouvez modifier la couleur du calendrier pour l'adapter à votre site web.

Pour ce faire, cliquez sur la zone de couleur à « Couleur d'accent ». Vous pouvez y sélectionner le bon ton via le spectre des couleurs ou saisir la valeur hexadécimale du ton souhaité. Cliquez sur « Appliquer » pour confirmer.

Vous pouvez prévisualiser votre futur calendrier à tout moment en utilisant le bouton « Prévisualisation », que vous trouverez sous l’encadré avec le « Code d'intégration du calendrier ».

Choisir la présentation du calendrier

Sous « Options d'affichage », vous pouvez définir votre calendrier.

Si vous cochez la case « Afficher le champ de recherche », un champ de recherche sera également créé pour votre calendrier. Les visiteurs de votre site web peuvent utiliser ce champ pour rechercher et trouver des événements dans votre calendrier. En masquant l’encadré « Catégories », vous pouvez empêcher l'affichage des catégories, dans le champ de recherche, qui peuvent être utilisées pour filtrer la recherche.

Si vous cochez la case « Masquer l'option d'inscription à l'événement », le formulaire d'inscription à l'événement sera masqué. Pour que les visiteurs de votre site puissent saisir leurs événements dans votre calendrier, vous devez intégrer le « Code d'intégration pour le formulaire de saisie des événements »" en plus du « Code d'intégration du calendrier ».