Comment intégrer les infos touristiques sur un site internet : Le tuto complet !

Vous êtes un gîte, un hôtel, une chambre d’hôtes, un camping ou même un office de tourisme ou tout autre prestataire touristique et vous voulez utiliser les infos touristiques officielles de votre territoire, distribuées par les offices de tourisme, départements, régions… pour les proposer à vos clients ? ( Vous pouvez voir tous les contenus disponibles sur Cirkwi.com dans la partie Circuits & Itinéraires )

Dans ce tuto, je vais vous expliquer comment intégrer très facilement ces contenus touristiques dans les pages réservées aux « Activités Touristiques à Proximité » de votre site internet, grâce au Widget Itinéraires.

Partie 1
Partie 2

…Et si vous n’aimez pas les tutos vidéo, par écrit ça donne ça !

  1. Rendez-vous sur Cirkwi.com, menu « Solutions pour les professionnels», « Configurer des modules » puis cliquez sur « Mode avancé» afin d’accéder au générateur de widget. Vous devez alors vous connecter avec votre compte Cirkwi ou créer un compte.
  2. Votre premier widget est créé. Vous arrivez dans la page « PARAMÈTRES » du générateur de widget.
  1. Renseignez le nom de domaine (l’URL) du site où vous voulez intégrer le widget puis cliquez sur OK.
  1. Mettez un titre à votre widget (ce titre n’est pas public, va vous permettre de retrouver et d’identifier votre widget) et cliquez sur « Valider et Poursuivre ».
  1. Vous arrivez dans la page « JEUX DE DONNÉES ». C’est ici que vous allez sélectionner le contenu touristique qui sera affiché sur la page de votre site internet et qui sera mis à jour quotidiennement, et cela, tout au long de l’année, sans que vous n’ayez rien à faire.
  1. Cette partie est importante : activez uniquement les jeux de données thématiques contenant tous les circuits touristiques en France (ou en belgique) et/ou tous les points d’intérêt touristiques en France (ou en Belgique). Nous allons filtrer ces jeux de données à la prochaine étape (par département ou ville par exemple).
  1. Une fois activé, vous retrouvez ces jeux de données en haut de la page, dans la partie « Liste des jeux de données activés ». Nous allons maintenant les filtrer afin d’afficher uniquement les données à proximité de votre établissement ou sur un territoire défini. Cliquez maintenant sur le bouton « Filtrer » d’un jeu de données activé.
  1. Vous arrivez dans la page de filtrage d’un jeu de données. Vous descendez dans la page et vous arrivez sur la partie « Filtrer le contenu ». Cliquez sur « Géographique » et renseignez votre ville de référence dans le champs de recherche. Puis cliquez sur les territoires dont vous souhaitez avoir le contenu touristique. Notez que vous pouvez sélectionner soit par département (ou province) soit par commune. Pour cela, utilisez les boutons « zoomer sur les villes / les départements ».
  1. Si les contenus d’un auteur ne vous plaisent pas, vous pouvez les refuser en allant dans la partie « Auteur » juste en dessous et cliquez sur le « – » pour le faire passer dans la partie « Refusé ». Tous les contenus créés par cet auteur ne seront plus affichés sur votre widget.
  1. Cliquez sur « Valider et Poursuivre » en bas de la page pour enregistrer et revenir à la page précédente. Réitérer l’opération de filtrage sur tous les autres jeux de données que vous avez activés.
  1. Vous arrivez sur la page « PERSONNALISER » dans laquelle vous allez choisir votre template graphique, c’est à dire le graphisme du widget, et le personnaliser pour qu’il s’intègre parfaitement dans votre site internet.
  1. Nous vous conseillons de choisir le template « Tourisme », plus adapté à la diffusion d’informations touristiques comme les circuits ou les points d’intérêt. Cliquez sur « sélectionner ».
  1. Vous arrivez sur la page de personnalisation du graphisme tu template « Tourisme ». A droite, la Prévisualisation de votre widget tel qu’il sera affiché sur votre site. A gauche, toutes les options disponibles qui vous permettront de faire un joli widget adapté à vos besoins. N’oubliez pas d’adapter les couleurs dans la partie « Couleurs ». Evitez d’y mettre toutes les couleurs de l’arc en ciel. Nous vous conseillons de remplacer uniquement la couleur bleu par la couleur principal de votre site. Puis cliquez sur « Valider et Poursuivre ».
  1. Si vous ne l’avez pas encore fait, choisissez votre formule. La formule gratuite est déjà très bien 😊 mais si vous désirez garder les visiteurs sur votre site une formule premium vous conviendra.
  2. Vous arrivez dans la dernière page du générateur, la page « CODE D’INSERTION ». C’est un peu technique dit comme ça, mais c’est très simple ! Tout d’abord, validez les conditions d’utilisation en cochant la case dans le cadre en bas à gauche de la page.
tuto-complet13
  1. Sélectionnez la technologie que vous utilisez pour votre site internet et suivez les instructions. Pour résumer, il y a 2 codes disponibles :
    Le PHP – Ce code est plus performant car plus rapide et se référence mieux. Son petit inconvénient est qu’il doit être intégrer dans le code de la page, ce qui n’a rien de compliqué si vous avez accès aux codes des pages de votre site internet.
    Le JAVASCRIPT – Il est un peu moins rapide et moins performant pour le référencement mais il a l’avantage de pouvoir être coller directement dans le CMS de votre site internet, c’est à dire, dans l’administration qui vous permet d’ajouter du contenu sur votre site. Tout le monde peut y arriver 😊
<?php
$code_html = file_get_contents("https://www.modulesbox.com/api/module/19632?mb_key=
25157684531289h356u6d60&".$_SERVER["QUERY_STRING"]);
echo $code_html;
?>

Liste des paramètres facultatifs de personnalisation du Widget Itinéraires

Paramètres Objectif Valeur Tuto
mb_list-keywords
Filtrer mon widget par mots-clés

MOT_CLE

mb_list-poi-id

mb_list-circuit-id

Filtrer mon widget par identifiants d’objets

(circuits et/ou POI)

ID_POI

ID_CIRCUIT

mb_sub-categories-poi

Filtrer mon widget par identifiants d’objets

CODE_CATEGORIE

mb_bounds_filter

Filtrer mon widget sur une zone, par bounds

Latitude;Longitude

Distance en mètres

mb_tags

mb_tags_all

Filtrer mon widget grâce aux tags

ETIQUETTE

True/False

mb_center

mb_radius

Filtrer et centrer un widget sur une zone géographique

Latitude;Longitude

Distance en mètres

mb_url_rewrited

mb_url_rewrited_search

mb_url_rewrited_consultation

Faire de la réécriture d'URL

Canevas d'URL