Utilisation Des Widgets Gestprod ITEA

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimension: px
Commencer à balayer dès la page:

Download "Utilisation Des Widgets Gestprod ITEA"

Transcription

1 Utilisation Des Widgets Gestprod ITEA

2 Sommaire 1 Introduction Intégration sur votre site web (Javascript) Inclusion du fichier javascript Appel de la fonction javascript Paramètres iframe et aveccss Intégration des disponibilités sur votre site web (iframe) Insérer le code Exemple... 8 Tél. : Fax : Page 2 sur 8

3 1 Introduction Les Widgets ITEA permettent d'afficher les disponibilités et/ou de donner la possibilité de réserver un hébergement ou un produit à partir de n'importe quel site internet. Un widget de réservation est disponible : Il qui permet à l'utilisateur de choisir une date de réservation, puis de cliquer sur un bouton «Réserver» qui le redirigera vers une page de réservation du produit. Tél. : Fax : Page 3 sur 8

4 2 Intégration sur votre site web (Javascript) Voici la procédure à suivre pour inclure le widget dans une page de votre site internet : 2.1 Inclusion du fichier javascript Dans la page HTML où l'on veut inclure le widget, placer le code suivant entre les balises <HEAD> et </HEAD> du code HTML : <script type="text/javascript" src="http://widget.itea.fr/js/itea_widget.js"> 2.2 Appel de la fonction javascript A l'endroit où l'on souhaite inclure le widget, inclure le code suivant ( Les éléments en gris sont optionnels) : key : "REMPLACER_AVEC_UNE_VALEUR", codeprod : "REMPLACER_AVEC_UNE_VALEUR", langue : "REMPLACER_AVEC_UNE_VALEUR", ope : "REMPLACER_AVEC_UNE_VALEUR", widget : "REMPLACER_AVEC_UNE_VALEUR", photo : "REMPLACER_AVEC_UNE_VALEUR", prix : "REMPLACER_AVEC_UNE_VALEUR", text : "REMPLACER_AVEC_UNE_VALEUR", iframe : "REMPLACER_AVEC_UNE_VALEUR", aveccss : "REMPLACER_AVEC_UNE_VALEUR", } widgetiteagp( parametreswidget ); En mettant les valeurs voulues à la place de "REMPLACER_AVEC_UNE_VALEUR". Définition des paramètres : key : La clé, transmise par ITEA pour pouvoir utiliser le widget codeprod : le code du produit pour lequel on souhaite afficher les informations langue : la langue dans laquelle on veut générer le widget (UK,DE,ES,IT,NL).Par défaut la langue est le français. ope : opérateur par lequel la demande de réservation doit être faite. widget : le type de widget que l on veut afficher : par défaut le widget généré est le widget de réservation (resagp). Deux valeurs possibles dispogp et resagp. photo : permet d afficher la photo principale du produit. Une seule valeur autorisée : 1. Si non renseigné, il n y aura pas de photo. prix : permet d afficher le prix minimum du produit : Une seule valeur autorisée : 1. Si non renseigné le prix ne s affichera pas. text : permet d afficher un texte personnalisé en bas du widget. Saisissez le texte que vous désirez pour le voir affiché. Tél. : Fax : Page 4 sur 8

5 iframe : par défaut si ce paramètre n est pas renseigné, le widget s affichera via une iframe. Si vous voulez éviter de générer une iframe, il faut renseigner ce paramètre à 0 (zéro). aveccss : par défaut, le css utilisé est celui fourni par le widget. Si ce paramètre est renseigné à 0 (zéro), le css par défaut n'est pas chargé, ce qui vous permet d'intégrer le widget avec votre propre css. L exemple le plus simple sera : } widgetiteagp( parametreswidget ); On va afficher dans ce cas : 2.3 Paramètres iframe et aveccss Vous pouvez choisir d afficher votre widget dans une iframe (c est le mode par défaut) ou d afficher directement le code HTML du widget dans votre site ce qui permet de pouvoir éditer le style du widget vous-même (ça n est pas possible lorsqu il est intégré dans une iframe). Le paramètre aveccss permet donc de choisir si vous voulez importer le fichier de style par défaut du widget ou bien d appliquer votre propre style. Rappelez-vous que le paramètre aveccss ne fonctionne que si le mode iframe est désactivé. Le but de ces deux paramètres est d avoir la gestion complète du style du widget sur votre site, vous pourrez donc l intégrer comme vous le souhaitez en choisissant la taille et les couleurs. Pour désactiver le mode iframe, il faut définir le paramètre iframe à 0. Tél. : Fax : Page 5 sur 8

6 Exemple sans iframe (repris de la partie 2.2) : iframe : 0 } widgetiteagp( parametreswidget ); Comme pour le paramètre iframe, pour désactiver la prise en compte du fichier CSS il suffit de définir le paramètre à 0. Exemple sans iframe et sans CSS (repris de la partie 2.2) : iframe : 0, aveccss : 0 } ; widgetiteagp(parametreswidget); Tél. : Fax : Page 6 sur 8

7 3 Intégration des disponibilités sur votre site web (iframe) 3.1 Insérer le code Certaines fois il n est pas possible d intégrer du code javascript sur votre site internet. Il vous est alors possible d intégrer vos disponibilités à l aide d une iframe. Voici le code à intégrer : <iframe frameborder="0" border="0" width="largeur" height="hauteur" src="url"></iframe> Les valeurs à définir : LARGEUR : Indiquez ici la largeur de l iframe exprimée en pixels, par exemple width="215". En fonction du nombre de mois affiché, vous indiquerez les valeurs suivantes : 1 mois : dispo : 230 resa : mois : dispo : 435 resa : mois : dispo : 640 resa : 640 HAUTEUR : Indiquez ici la largeur de l iframe exprimée en pixels, par exemple height="215". En fonction du nombre de mois affichés, vous indiquerez les valeurs suivantes : 1 mois : dispo : 310 resa : mois : dispo : 290 resa : mois : dispo : 280 resa : 390 URL : Il s agit ici de l adresse internet qui permet l affichage du planning, la voici : de=widget&ope=ope&photo=photo&prix=prix&text=texte Les valeurs à renseigner : CLEF : La clef, fournit par ITEA pour pouvoir utiliser le widget. REFERENCE: Le code du produit pour lequel on souhaite afficher les informations dans le widget. OPE : opérateur par lequel la demande de réservation doit être faite. Remplir à vide si pas d'opérateur LANGUE : langue du widget : laisser vide ou non renseigné pour utiliser le widget en français. Pour changer de langue, utiliser un des codes suivant (en majuscule) : UK : Anglais DE : Allemand ES : Espagnol NL : Hollandais IT : Italien PHOTO : si renseigné à 1, on affichera la photo du produit. PRIX : si renseigné à 1, on affichera le prix mini du produit TEXTE : le texte que l on veut ajouter à la fin du widget. Tél. : Fax : Page 7 sur 8

8 3.2 Exemple Par exemple, si on possède la clef aq12zs34ed56, et que l'on souhaite afficher les disponibilités du produit IHOI1: Avec une iframe : <iframe width="620" height="215" frameborder="0" border="0" src="http://widget.itea.fr/widget_itea_dispo.html?key=aq12zs34ed56&code_prod= IHOI1&nbmois=3&mode=widget"> </iframe> En javascript : Par exemple, si on possède la clef aq12zs34ed56, et que l'on souhaite afficher les disponibilités du produit IHOI1 de manière mensuelle, on utilisera le code suivant : } ; widgetiteagp(parametreswidget); langue : "UK", photo : 1, text : "En partenariat avec les gites de France" } ; widgetiteagp( parametreswidget ); Tél. : Fax : Page 8 sur 8

Utilisation Des Widgets ITEA

Utilisation Des Widgets ITEA Utilisation Des Widgets ITEA Sommaire 1 Introduction... 3 2 Intégration sur votre site web... 5 2.1 Intégration du widget en JavaScript... 5 2.2 Exemples... 6 2.3 Paramètres iframe et aveccss... 6 2.4

Plus en détail

GESTION DES DISPONIBILITÉS VIA LE PORTAIL LEI

GESTION DES DISPONIBILITÉS VIA LE PORTAIL LEI GESTION DES DISPONIBILITÉS VIA LE PORTAIL LEI Le portail LEI permet de gérer les disponibilités des Hôtels, Locations de meublés de tourisme, Chambres d'hôte et maisons, Campings, Centres de vacances maisons

Plus en détail

Cliquez sur le lien de votre choix pour obtenir l information désirée. Les liens peuvent être des images ou du texte.

Cliquez sur le lien de votre choix pour obtenir l information désirée. Les liens peuvent être des images ou du texte. LE PORTAIL ÉDU-GROUPE Guide de l utilisateur 81 CHAPITRE 5 MODULES COMPOSÉS DE LISTE DE SIGNETS, DE FENÊTRES INDÉPENDANTES OU DE FILS DE NOUVELLES Liste de signets Plusieurs pages sont composées de listes

Plus en détail

Documentation des Packages Websolution

Documentation des Packages Websolution Documentation des Packages Websolution Menu Dynamique Version 1.2 Date de création : 24/01/2011 Révision : 14 Date de révision : 09/05/2012 Destinataires : 1. Installation Ce package est constitué d un

Plus en détail

On le retrouve dans plusieurs modules tels que le courrier, le forum, l agenda, les tâches, les communiqués et plus particulièrement dans Édu-Notes.

On le retrouve dans plusieurs modules tels que le courrier, le forum, l agenda, les tâches, les communiqués et plus particulièrement dans Édu-Notes. 154 L éditeur de texte L ÉDITEUR DE TEXTE L éditeur de texte du portail est une application destinée à créer et modifier des textes pour créer des documents HTML. L éditeur de texte possède certaines fonctions

Plus en détail

Créer un nouveau fichier à partir d un modèle

Créer un nouveau fichier à partir d un modèle Service informatique Enseignement Recherche Fiche n 42 17/02/2003 Utiliser PowerPoint sur Mac Créer un nouveau fichier à partir d un modèle Ouvrir Power Point, cliquer sur la flèche à gauche de Présentations,

Plus en détail

Libfly Pro Web 2.0. Guide d intégration sur Aloès Versions 180+

Libfly Pro Web 2.0. Guide d intégration sur Aloès Versions 180+ Libfly Pro Web 2.0 Guide d intégration Aloès.docx Version 2.3 Libfly Pro Web 2.0 Guide d intégration sur Aloès Versions 180+ Groupe Archimed SA au capital de 1.000.000 - NAF 6202A Siret 1 39308811700071

Plus en détail

Les scripts sous Photoshop

Les scripts sous Photoshop Les scripts sous Photoshop Introduction Adobe Photoshop est aujourd'hui incontournable dans le domaine de la création graphique professionnelle. Il possède un grand nombre de fonctionnalités surprenantes

Plus en détail

UTILISATION «PAGE BUILDER»

UTILISATION «PAGE BUILDER» 1/- AJOUTER DES IMAGES DANS LA BIBLIOTHÈQUE DES MÉDIAS. - Cliquer sur «Médias» puis sur l onglet «Bibliothèque». - Cliquer ensuite sur «Ajouter». 1 1 2 - Faire glisser les images à ajouter à l endroit

Plus en détail

Dossier ISN : Tracés de fonctions mathématiques :

Dossier ISN : Tracés de fonctions mathématiques : Dossier ISN : Tracés de fonctions mathématiques : Par Crosetti Pauline et Depoers Quentin. Lycée Colbert Tourcoing. Année scolaire 2012/2013. Sommaire : - Recherches et étude du projet - Html - Css - Javascript

Plus en détail

18 modèles de newsletters et d ings gratuits

18 modèles de newsletters et d  ings gratuits 18 modèles de newsletters et d emailings gratuits ConseilsMarketing.fr a le plaisir de vous offrir 18 modèles de newsletters prêts à l emploi pour vous aider dans vos actions de prospection et de fidélisation.

Plus en détail

Personnalisation de la page de paiement et du ticket de paiement

Personnalisation de la page de paiement et du ticket de paiement E-transactions Personnalisation de la page de paiement et du ticket de paiement Crédit Agricole S.A, société anonyme au capital de 7 729 097 322. Siège social : 12 place des Etats-Unis 92127 Montrouge

Plus en détail

Widget neige. Manuel d'utilisation

Widget neige. Manuel d'utilisation Widget neige Manuel d'utilisation I. Connexion au service L accès au service s opère en 3 étapes distinctes : La demande d inscription au service via le formulaire d inscription La réception de vos paramètres

Plus en détail

1. Téléchargez le plugin novo map, dezippez le et copiez le dossier novo map dans le dossier plugin de wordpress (/wp content/plugins).

1. Téléchargez le plugin novo map, dezippez le et copiez le dossier novo map dans le dossier plugin de wordpress (/wp content/plugins). Mode d'emploi Novo map est un plugin wordpress qui vous permettra d'installer une google map complètement personnalisable sur une page de votre site web. Vous pourrez complètement personnaliser le look

Plus en détail

1. Généralités. 2. Config

1. Généralités. 2. Config https://github.com/boiteasite/cmsuno 1. Généralités Pour accéder à l'administration du site, ajouter /uno.php au nom de domaine : Pour récupérer le mot de passe et/ou le login, il faut accéder au site

Plus en détail

Guide d utilisation. Version 0715

Guide d utilisation. Version 0715 Guide d utilisation Version 0715 SOMMAIRE PRINCIPALES FONCTIONNALITÉS Résumé... p. 3 ACTUALITÉS gestion / création des actualités... p. 4 PAGES / RUBRIQUES Créer une page... p.5 Intégrer du contenu...p.6-9

Plus en détail

Les Widgets. Page 1 sur 9

Les Widgets. Page 1 sur 9 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.

Plus en détail

Date Version Auteur Notes 14/09/ Direction Informatique Création. Accueil Zimbra. Aide utilisateur

Date Version Auteur Notes 14/09/ Direction Informatique Création. Accueil Zimbra. Aide utilisateur Date Version Auteur Notes 14/09/2014 1.1 Direction Informatique Création Accueil Zimbra Aide utilisateur Ce document explique le fonctionnement d accueil Zimbra, comment l utiliser et le personnaliser.

Plus en détail

Insertion de