Astuce pour intégrer un widget de billetterie sur WIX

Astuce pour intégrer un widget de billetterie sur WIX

.

WIX est une plate­forme en ligne qui per­met de créer des sites inter­net en HTML5 de très grande qual­ité, ain­si que leur ver­sion mobile. Pour don­ner de la valeur ajoutée à leur pro­jet, ils ont fait appel à Weezevent qui pro­pose un sys­tème de bil­let­terie en ligne..Il est désor­mais pos­si­ble d’in­té­gr­er un wid­get de bil­let­terie sur chaque site web créé avec WIX!

La démarche est la suiv­ante:

Étape 1:

- Con­nectez-vous à votre compte Wix.

- Cliquez sur Man­age Site > Edit Site si votre site a déjà été créé, ou sur Cre­ate a new site si vous n’avez jamais créé de site sur Wix.

- Une fois sur votre édi­teur de site, cliquez sur le bou­ton Add, puis sur More.

Screen 1

- Dans la rubrique HTML & Flash, cliquez sur HTML Code.

Screen 2

- Un nou­v­el encadré appa­raît ain­si qu’un bou­ton Enter Code, cliquez sur ce bou­ton.

- Appa­raît une nou­velle fenêtre nom­mée HTML Set­tings.

Screen 3

***

Etape 2:

À par­tir de là si vous ne l’avez pas fait con­nectez-vous sur Weezevent.

- Dans votre back­of­fice, cliquez sur l’événe­ment dont vous souhaitez inté­gr­er le mod­ule de bil­let­terie sur Wix.

- Cliquez ensuite sur la rubrique Ven­dre > Sur votre pro­pre site.

- Cliquez sur Créer un mod­ule si vous souhaitez inté­gr­er votre mod­ule de bil­let­terie directe­ment dans la page HTML de votre site à l’en­droit souhaité, ou sur Créer un bou­ton si vous souhaitez inté­gr­er un bou­ton per­son­nal­isé per­me­t­tant d’ou­vrir une fenêtre pop­up con­tenant le mod­ule de vente.

Screen 4

- Si vous choi­sis­sez la pre­mière option, copiez le code HTML qui appa­raît dans l’en­cadré “Copiez votre code d’in­té­gra­tion”.

Screen 5

- Si vous choi­sis­sez la deux­ième option, choi­sis­sez le texte de votre bou­ton per­son­nal­isé ain­si que son apparence, cliquez sur Valid­er, puis copiez le code HTML qui s’af­fiche.

***

Etape 3: On revient sur WIX

- Dans la fenêtre HTML Set­tings, cochez Code puis collez dans la par­tie nom­mée “Add your code here” le code copié précédem­ment sur le back office de WEEZEVENT et cliquez sur Update.

Screen 6

- Atten­tion, le mod­ule ne sera sans doute pas au bon for­mat. Il fau­dra alors red­i­men­sion­ner le cadre bleuté en fonc­tion de la place et de l’endroit où vous souhaitez le posi­tion­ner.

- Cliquez sur Save pour enreg­istr­er votre tra­vail, puis sur Pre­view si vous souhaitez avoir un aperçu de votre page, ou directe­ment sur Pub­lish pour la pub­li­er.

- Vous pou­vez aller voir ce que donne votre site à l’adresse http://*votre nom d’utilisateur*.wix.com/*le nom de votre site*
L’idéal est d’avoir déjà son adresse de redi­rec­tion et d’aller visu­alis­er votre site sur votre adresse www.monsite.blabla

***

Voilà c’est fini!

Nb : vous pou­vez avoir des noms de domaine gra­tu­its si vous ne recherchez pas for­cé­ment du .com, et qui fonc­tionne par­faite­ment grâce là aus­si grâce à Azote.org , des français égale­ment ! Comme ça vous pré­parez en simul­tané, dès la con­struc­tion de votre site sur Wix, la redi­rec­tion « par cadre »  et vous êtres prêt pour véri­fi­er que l’ajout du mod­ule Weezevent fonc­tionne bien.

De toute façon si vous ne divulguez pas l’adresse de votre site au départ, aucun risque que quelqu’un tombe sur votre page en con­struc­tion via Wix.com unique­ment.

Partager cet article