Avec son Timely compte, vous pouvez facilement intégrer un curseur d'événements dans votre site Web pour afficher les événements en ligne. Une fois que vous avez intégré le widget Slider, toutes les modifications apportées à vos événements publiés sont automatiquement mises à jour sur votre site Web. Dans cet article, vous apprendrez toutes les étapes pour configurer le code d'intégration de votre curseur d'événement.
1. Avantages d'avoir un curseur d'événement sur votre site Web
Profiter d'un calendrier d'événements en ligne est simple avec Timely. Pour mettre en évidence des événements spécifiques, nous vous recommandons d'ajouter un curseur d'événement attrayant et attrayant à votre site Web.
Timely Le widget de curseur d'événement est un moyen efficace d'afficher des événements sur votre site Web. En utilisant la vue du curseur, vous pouvez afficher les événements sous forme de diaporama. Le curseur affichera un événement par diapositive, ce qui augmentera la notoriété et l'engagement de l'événement. Voyez-le en action dans notre page de démonstration du widget de curseur d'é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 curseur d'événement sont les mêmes. Continuez à lire pour en savoir plus.
3. Configuration de votre code d'intégration de curseur d'événement
En ajoutant un code d'intégration de curseur d'événement sur votre CMS, vous pourrez publier un nombre limité d'événements sur un magnifique widget de curseur. Si vous souhaitez afficher un type particulier d'événements sur le curseur, 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 curseur d'événement, sur Type incorporé, choisir la Slider option.
Si vous ne souhaitez pas personnaliser le code d'intégration, vous pouvez accéder directement à la section de code du widget ci-dessous (6. Configuration de votre code d'intégration Slider iFrame). Sinon, continuez à lire cet article pour en savoir plus.
4. Paramètres avancés
Juste en dessous du Slider 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 curseur d'événement :
Largeur maximale du curseur
Avec cette fonctionnalité, vous pouvez sélectionner la largeur maximale de votre curseur en fonction de l'espace disponible pour ce widget sur votre page Web.
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
Si vous le souhaitez, vous pouvez choisir la plage de dates des événements qui seront affichés sur votre widget slider. 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 uniquement afficher les événements marqués comme figurant dans votre calendrier, cochez simplement la case Événements en vedette.
5. Les filtres
De plus, vous pouvez décider quels événements afficher dans le curseur en appliquant vos filtres prédéfinis. Vous pouvez sélectionner vos catégories, balises, organise, lieux et tous les autres filtres personnalisés que vous pourriez avoir créés. Cela vous aidera à afficher uniquement les événements que vous souhaitez que votre client voie.
6. Copier votre code d'intégration Slider iFrame
Après avoir personnalisé les paramètres avancés et les filtres de votre code d'intégration de curseur, 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 glissière. Cliquez sur les liens ci-dessous pour voir des instructions détaillées sur la façon d'intégrer le code du widget slider 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.