Les Widgets. Page 1 sur 9

Transcription

1 Les Widgets Vous avez la possibilité de créer autant de widgets que voulus. La création des widgets permettra d'enrichir, par exemple, votre site internet, facebook...afin d'informer divers internautes. La création de widget permet d'enrichir également votre site internet en y incorporant les événements, les manifestations... que vous souhaitez diffuser. Pour accéder au listing des widgets, il faut cliquer sur "Gérer ses widgets" : Localisation de la gestion des widgets : Au clic sur gérer ses widgets, la page suivante s'affichera : Page 1 sur 9

2 Le détail des colonnes est explicité ci-dessous : - Date de création : indication sur la date à laquelle le widget a été créé ; - Nom du Widget : Titre du widget que vous avez donné à votre widget ; - Obtenez le code à afficher : au clic sur cet icône, vous obtiendrez le code iframe et le code inline. - Aperçu : Au clic sur le picto, vous pré-visualiserez le rendu de votre widget ; - Modifier : Pour modifier votre widget (nom du widget, modification des couleurs ou autres), il faut cliquer sur ce picto ; - Supprimer : Vous désirez supprimer votre widget, au clic sur le picto, un message de confirmation de suppression s'affichera, au clic sur ok, cette action supprimera définitivement le widget concerné Créer un widget Nous vous listons ci-dessous l'ensemble des étapes vous permettant de procéder à la création de votre widget. 1- Je clique sur Gérer ses widgets qui se situe sur la home page VIT ; 2- Je clique Ajouter un widget afin d'accéder aux différentes étapes de la création du widget. Page 2 sur 9

3 3- Accès à la création de votre widget : Votre widget est créé via un moteur touristique. Le moteur touristique permet de rechercher et de visualiser l'ensemble des offres touristiques de votre territoire (région et départements alentours). Détail du bandeau de gauche : Mots clés : permet d'affiner votre recherche sur le mot clé souhaité Type d'offre : La précision sur les types d'offres proposés effectuera une recherche en fonction du choix précisé. Les différents type d'offre sont : Activités-visites Fêtes-événements Hébergement Randonnées Restauration-dégustation Services pratiques Destination : Si aucune commune n est saisie alors votre recherche retournera l'ensemble des offres se situant dans votre région. Si vous renseignez une commune alors votre recherche s'effectuera sur les offres localisées sur cette commune. Sélection des dates : des périodes prédéfinies sont sélectionnables. En choisissant une des présélections, vous permettra d'obtenir un résultat sur les offres disponibles et à venir. Page 3 sur 9

4 Vous voulez effectuer une recherche sur des dates d'arrivées et des dates de départ précises alors vous pouvez utiliser cette fonctionnalité. Les dates peuvent être saisies sous le format suivant XX/XX/2013 ou via le calendrier. Selon le type d'offre sélectionné, le moteur propose également un filtre sur les catégories. Après avoir choisi les offres que vous souhaitez insérer à votre widget, il faut cliquer sur Configuration. Au clic sur configuration, vous passerez à l'étape de configuration de votre widget. Nom du widget : Saisissez le nom de votre widget. Il faut impérativement le nommer pour l'enregistrer Ordre de tri : une sélection d'ordre est proposée (classement par date croissant ou décroissant, classement par commune croissant ou décroissant et classement par nom croissant ou décroissant) Taille en largeur Taille en hauteur Taille des images Page 4 sur 9

5 Afficher uniquement le titre, la date et le lieu : en cochant cette option, la page de listing comportera uniquement ces informations. Couleur de fond : pour modifier la couleur de fond, positionnez-vous sur l'encart correspondant ou il est indiqué #ffffff (il s'agit d'un code correspondant au coloris du fond par défaut). La sélection de la couleur se fait via la palette en déplaçant les différents points, il ne faut pas saisir le nom de la couleur voulue sauf si vous en connaissez le code adéquat. Il faut déplacer dans un premier temps le point situé dans le carré à l'intérieur du cercle et ensuite le second point situé dans le cercle. La page de listing se modifiera et vous visualisez en temps réel le changement de couleur. Couleur de contour : sélection de la couleur du contour, il s'agit de l'encadré de l'offre ; Couleur du titre : vous définissez la couleur du titre de l'offre ; Couleur du texte : la couleur configurée s'appliquera sur l'ensemble du texte positionnée en dessous du titre et sur les textes présents au clic sur détail ; Couleur des boutons : la sélection effectuée s'opérera sur le bouton détail présent dans le listing ; Page 5 sur 9

6 Couleur des rubriques : Votre configuration est terminée, il vous suffit de cliquer sur enregistrer pour sauvegarder votre widget. Au clic sur enregistrer, vous serez redirigé sur la page listant l'ensemble de vos widgets. Page 6 sur 9

7 Modifier un widget Vous souhaitez donner un autre nom à votre widget, changer les couleurs...dans ce cas vous utiliserez l'option modifier. Pour modifier un widget, il faut vous rendre sur le listing des widgets puis cliquer sur le picto modifier se situant sur la ligne du widget concerné : Page 7 sur 9

8 Onglet sélection Vous pouvez modifier votre sélection initialement choisie. Par exemple, filtrer sur une catégorie spécifique ou avoir les offres sur une commune complémentaire... Onglet rendu En cliquant sur cet onglet, vous aurez la possibilité de modifier le nom de votre widget, les couleurs sélectionnées initialement, les différentes dimensions... L'onglet sur lequel vous êtes en train de réaliser vos modifications est en fond bleu avec la police d'écriture en blanc. Lorsque vos modifications sont accomplies, cliquez sur enregistrer pour sauvegarder votre widget. Sur le même principe que lorsque vous enregistrez la création de votre widget, l'action sur ce bouton vous dirigera vers le listing des widgets. Suppression d'un widget A n'importe quel moment, vous avez la possibilité de supprimer un widget de votre listing. Pour réaliser la suppression, il suffit de cliquer sur X correspondant au pictogramme supprimer. Au clic sur ce pictogramme, une fenêtre de confirmation de suppression s'affichera. Au clic sur ok, votre widget sera définitivement supprimé. Affichage du code d'un Widget Le code de votre widget sera disponible via le listing de vos widgets. Vous devez cliquer sur le picto correspondant et présent dans la colonne "Obtenez le code à afficher le code". Deux sélections vous sont proposées : - mode inline est celui que nous préconisons puisqu'il vous permettra à terme d'utiliser le tracking ; - mode iframe est à utiliser uniquement si le rendu du code inline provoque des conflits d'affichage avec le site conteneur. Page 8 sur 9

9 Au clic sur ce pictogramme, une pop up vous indiquera que le code a été copié avec succès. Lorsque le code est copié, vous devez soit le coller dans un éditeur par exemple Notepad,... afin de le transmettre à votre prestataire web pour qu il puisse l'intégrer dans le back office de votre site internet soit vous avez à votre disposition un back office vous permettant de l'insérer de manière autonome. Page 9 sur 9