Comment intégrer les cartes Stippl sur votre site web

Si vous êtes un passionné de voyage ou un créateur, intégrer des cartes interactives de Stippl sur votre site web peut améliorer l'engagement des utilisateurs et présenter vos itinéraires de voyage de manière visuellement attrayante. Voici un guide étape par étape pour intégrer des cartes Stippl sur votre site web. Ce processus nécessite que vous ayez un compte Créateur sur Stippl.

Étape 1 : S'inscrire en tant que Créateur Stippl

Pour commencer, vous devez devenir Créateur sur Stippl. Suivez ces étapes :

1. Accédez à stippl.io/creators.
2. Inscrivez-vous pour un compte Créateur en suivant le processus d'enregistrement.
3. Une fois que vous avez soumis vos informations, attendez l'approbation de votre compte. Cela peut prendre un peu de temps, car Stippl examine les comptes de créateurs manuellement.
4. Après approbation de votre compte, vous aurez accès à des fonctionnalités qui vous permettent de créer et d'intégrer des cartes.

Étape 2 : Accéder au Code d'intégration de Votre Carte

Une fois que vous avez créé votre itinéraire de voyage sur Stippl, suivez ces instructions pour obtenir le code d'intégration :

1. Connectez-vous à votre compte Créateur sur la plateforme web de Stippl.
2. Ouvrez le voyage spécifique que vous souhaitez intégrer.
3. Dans le coin supérieur droit de votre voyage, vous trouverez une option « Embed Map » (comme indiqué dans les captures d'écran fournies). Cliquez sur cette option.

Une nouvelle fenêtre s'ouvrira avec un aperçu de la carte. Cela vous permet de voir comment la carte intégrée apparaîtra.

Sous l'aperçu, vous verrez un code d'intégration que vous pouvez copier. Le code ressemblera à ceci :

Étape 3 : Intégrer la Carte sur Votre Site WordPress

Voici deux façons d'intégrer la carte sur votre site WordPress, avec des captures d'écran pour vous guider.

Méthode 1 : Intégrer dans un Article ou une Page WordPress

1. Connectez-vous à votre tableau de bord WordPress.
2. Accédez à Articles ou Pages et sélectionnez un article/une page existant ou créez-en un nouveau.
3. Insérez un bloc HTML personnalisé dans l'éditeur Gutenberg : Dans l'éditeur Gutenberg (Block), cliquez sur l'icône « + » pour ajouter un bloc. Recherchez HTML personnalisé et sélectionnez-le.
4. Collez le code d'intégration dans le bloc HTML personnalisé
5. Aperçu et Publication : Cliquez sur Aperçu pour vérifier que l'affichage est correct. Cliquez ensuite sur Publier ou Mettre à jour.

Et voilà ! 🥳

Intégrer votre carte Stippl sur WordPress améliore votre blog de voyage ou votre site en partageant visuellement des itinéraires détaillés. En suivant ces étapes, ainsi que les captures d'écran, vous pourrez ajouter ces cartes sans effort. Profitez de l'occasion pour mettre en avant vos aventures de voyage !