Avec son Timely compte, vous pouvez facilement créer un carrousel d'événements sur votre site Web pour afficher les événements en ligne. Une fois le widget carrousel installé, toutes les modifications apportées aux événements sélectionnés sont automatiquement mises à jour sur le carrousel de votre site Web. Dans cet article, vous apprendrez toutes les étapes pour configurer le code d'intégration de votre carrousel d'événements.
1. Avantages d'avoir un carrousel d'événements sur votre site Web
Création d'un calendrier en ligne et les widgets d'événements pour votre site Web sont simples avec Timely.
Pour mettre en évidence des événements spécifiques de manière amusante et accrocheuse, envisagez d'ajouter un carrousel d'événements à votre site Web. Avec Timely vue carrousel, vous pouvez présenter jusqu'à 12 événements d'affilée jusqu'à 4 événements à la fois. Voyez-le en direct dans notre page de démonstration du widget de carrousel d'événements.
L'affichage d'événements sur un carrousel d'offres rendra votre site Web plus intéressant et attrayant. En effet, un carrousel avec des événements peut améliorer la conception de la page Web et la façon dont votre public interagit avec le contenu de votre événement.
2. Systèmes de gestion de contenu (CMS) pris en charge
TimelyLa plate-forme d'événements et les widgets de peuvent être intégrés à n'importe quel site Web ou application mobile public ou privé. Ils fonctionnent parfaitement avec de nombreuses plateformes de contenu de sites Web, y compris, mais sans s'y limiter :
- WordPress
- HTML
- Shopify
- Wix
- Squarespace
- Joomla
- Drupal
- Magento/Adobe Commerce
- Adobe Experience Manager
- Weebly
- GoDaddy
- Microsoft SharePoint/PowerPages
- Agilité
Quel que soit le CMS que vous utilisez, les instructions générales pour configurer le code d'intégration de votre carrousel d'événements sont les mêmes. Continuez à lire pour en savoir plus.
3. Configuration de votre code d'intégration de carrousel d'événements
En ajoutant un code d'intégration de carrousel d'événements sur le backend de votre site Web, vous pourrez publier un nombre limité d'événements sur un widget de carrousel visuellement attrayant. Si vous souhaitez afficher un type particulier d'événements sur le carrousel, il est recommandé de personnaliser le code d'intégration du widget.
Voir les instructions étape par étape ci-dessous :
- Connectez-vous à votre Timely Compte.
- Dans le menu de navigation principal, cliquez sur Paramètres, puis Code intégré. Vous pouvez également utiliser le raccourci dans le coin supérieur droit de votre tableau de bord.
- Ensuite, une nouvelle page s'ouvrira affichant toutes vos options et préférences de code d'intégration. Actuellement, vous pouvez choisir parmi 4 types de code d'intégration : calendrier, carrousel, curseur et bouton d'ajout d'événement.
- Étant donné que cet article explique comment configurer le code d'intégration pour votre carrousel d'événements, sur Type incorporé, choisir la Carousel option.
Si vous ne souhaitez pas personnaliser le code d'intégration, vous pouvez accéder directement à la section du code du widget ci-dessous (6. Configuration de votre code d'intégration iFrame Carousel). Sinon, continuez à lire cet article pour en savoir plus.
4. Paramètres avancés du carrousel
Juste en dessous du Carousel intégrer l'option de type de code, vous verrez le Paramètres avancés menu déroulant. Ces paramètres seront différents selon le type de code d'intégration sélectionné.
Voici comment modifier les paramètres avancés du code d'intégration de votre widget de carrousel d'événements :
Nombre maximal d'événements à afficher
Avec cette fonctionnalité, vous pouvez choisir d'afficher jusqu'à 12 événements dans un carrousel. Tapez simplement le nombre d'événements souhaité dans la case.
Nombre maximal d'événements par page
Si vous le souhaitez, vous pouvez également afficher plusieurs événements en même temps dans votre carrousel. Le nombre maximum d'événements pouvant être affichés simultanément est de 4.
Temps de retard du curseur
Si vous le souhaitez, vous pouvez choisir le temps de retard pour chaque message d'événement affiché sur le curseur (en secondes).
Date de Gamme
Utilisez l'option de plage de dates pour sélectionner une plage de dates spécifique pour les événements qui seront affichés dans votre carrousel. Les options sont les suivantes :
- Événements à venir
- Événements du jour
- Commence demain
- Plage de dates personnalisée
- N jours suivants
- N prochains événements
Evénements sélectionnés
Si vous souhaitez que votre carrousel n'affiche que les événements marqués comme figurant dans votre calendrier, cochez simplement la case Événements en vedette.
5. Les filtres
En plus des paramètres avancés expliqués ci-dessus, vous pouvez également présenter un carrousel avec des événements filtrés. Vous pouvez sélectionner vos catégories, balises, organise, lieux et tous les autres filtres personnalisés que vous pourriez avoir créés.
6. Copier votre code d'intégration iFrame de carrousel
Après avoir personnalisé les paramètres avancés et les filtres de votre code d'intégration de carrousel, vous pouvez continuer et générer le code d'intégration. Suivez simplement les instructions ci-dessous :
- Cliquez Code du widget (copiez-le sur votre site Web) filtrez et choisissez l'option Intégrer iFrame – Javascript.
- Cliquez Copier l'extrait bouton pour copier votre code d'intégration.
Ensuite, il vous suffit de coller le code sur le backend de votre site Web pour afficher votre Timely carrousel événementiel. Cliquez sur les liens ci-dessous pour voir des instructions détaillées sur la façon d'intégrer le code du widget carrousel sur les systèmes de gestion de contenu suivants :
- WordPress
- HTML
- Shopify
- Wix
- Squarespace
- Joomla
- Drupal
- Magento/Adobe Commerce
- Adobe Experience Manager
- Weebly
- GoDaddy
- Microsoft SharePoint/PowerPages
- Agilité
Pour obtenir des instructions sur l'installation Timely calendrier et widgets sur d'autres CMS ou applications mobiles, veuillez Contactez l'assistance clientèle.
Pour plus de conseils d'utilisation, veuillez consulter notre Centre d'aide. Si vous avez des questions ou avez besoin d'aide supplémentaire, n'hésitez pas à Nous contacter. Alternativement, vous pouvez ouvrir un ticket d'assistance à partir de votre Timely tableau de bord du compte.