My workspace
04:25
Charlotte SuperHote
Mar 30, 2026
Tutointegrationmoteurderservations-SuperHoteV2
đ
â€ïž
đ
đ„
đź
đą
â
Comment
Tutointegrationmoteurderservations-SuperHoteV2
Charlotte SuperHote
·
Mar 30, 2026
Chapters
00:00
Introduction
Introduction Ă la mise Ă jour de votre site avec Superaudv2.
00:07
Installation de l'extension
00:45
Configuration initiale
01:38
Intégration des shortcodes
02:07
Mise en page avec Elementor
05:00
Résultat final
Transcript
Copy
00:00
Dans ce tuto, on va voir ensemble comment mettre à jour votre site internet internet de réservation avec Superaudv2.
00:06
Pour ce faire, il faut aller dans l'administration de votre site.
00:09
Si vous ĂȘtes sur WordPress, c'est le nom de domaine slash wp-admin.
00:15
Ensuite, on arrive sur une page similaire à ça.
00:17
On fait dans dans Extensions, Ajouter une extension et on arrive sur cette page.
00:20
On va cliquer sur Téléverser une extension.
00:23
Associé à ce tuto il y a un fichier zip qu'il faut récupérer en amont bien entendu et et vous allez tout simplement l'uploader, l'uploader, le téléverser ici.
00:30
Ensuite si vous l'avez déjà installé ça va vous demander de le remplacer et sinon il suffit de l'activer.
00:36
Une fois que c'est activé c'est trÚs simple il suffit ici d'aller dans réglages super haute v2 Et dans Superhot V2, ici, il y a trois étapes.
00:44
Ătape numĂ©ro 1, il faut rĂ©cupĂ©rer la clĂ© de connexion.
00:47
Et ensuite l'URL.
00:48
Donc la clé de connexion va dans site internet paramÚtres paramÚtres intégration et tout en bas il il y a la clé de connexion.
00:54
Et ici il y a l'URL donc faut copier en cliquant sur les icĂŽnes qui sont lĂ et et les coller ici dans les champs respectifs.
01:00
Attention pour l'URL à ne pas oublier le https:// voilà le nom de domaine qui qui était renseigné ici.
01:07
Ensuite on fait tester la connexion, vérifier que tout est ok.
01:10
Ensuite, ici, on a la possibilité de paramétrer la couleur des boutons ou autres.
01:16
VoilĂ , vous pouvez vous amuser.
01:17
Et ensuite, troisiÚme étape, vous allez récupérer des shortcodes.
01:23
Donc ça, c'est à intégrer en mode édition sur le site Internet pour pour générer soit la liste des hébergements, donc superhautes underscore rentals, la recherche.
01:31
Donc ça, c'est les résultats résultats de recherche.
01:33
ou alors un formulaire seul, ou alors rĂ©sultat de recherche avec une carte, un peu comme Ă la Airbnb oĂč on a les rĂ©sultats et Ă droite on a la carte.
01:42
Donc pour ce faire, je vais aller du coup par exemple sur la page d'accueil et et on va insérer, du coup on va copier le formulaire de recherche seul, on le copie sous shortcode, donc voilà il est copié et ensuite on fait éditer là avec Elementor et ici ici vous cliquez, vous allez rechercher shortcode shortcode ou ou code court et on fait un glissé-déposé et et on peut le mettre du coup ici ici et et ensuite on on va coller le le shortcode ici bon là je l'avais pour l'exemple, je l'avais déjà mis ici mais je vais le supprimer pour pas que ça fasse doublon Et voilà , donc c'est aussi simple que ça.
02:16
Donc lĂ , j'ai mis le formulaire uniquement ici.
02:18
Et plus bas, ce que je souhaite, c'est afficher...
02:21
Donc initialement, il y avait un code ici.
02:23
Et bien, j'ai copié, du coup, la liste des hébergements, ici.
02:29
Et je l'ai...
02:30
J'ai fait un glissé-déposé, donc j'ai refait le plus, j'ai recherché shortcode, et j'ai glissé-déposé, je l'ai mis là .
02:36
Et ce qui s'est passé, c'est qu'on le voit, c'est le shortcode qui était renseigné là .
02:41
Ensuite, on publie.
02:42
Et là , ce qui est bien, c'est qu'il n'y a pas d'iframe, tout est intégré, ça récupÚre les infos de superhÎtes et et tout s'affiche correctement.
02:49
Voilà les couleurs jaunes qu'on pouvait paramétrer dans dans l'administration.
02:52
Tout ça, vous pouvez le changer.
02:53
Ensuite, il y avait une page ici, nos logements.
02:56
Donc ici pareil, bon lĂ c'est le rendu final mais lĂ pareil on va aller dans modifier avec Elementor.
03:02
Donc lĂ , ces mĂȘmes Ă©tapes, on rĂ©cupĂšre, si on veut un champ de recherche, le formulaire, on peut le rechercher et l'afficher lĂ , et aprĂšs, on peut afficher la liste des hĂ©bergements si on le souhaite.
03:14
Donc moi, ce que j'ai fait, dans le cadre de l'exemple, donc là , pareil, j'ai fait plus, j'ai recherché le shortcode, je l'ai glissé-déposé et je l'ai amené ici.
03:22
Et j'ai j'ai mis «super haute search».
03:24
Donc «super haute search », c'est la la recherche par date, donc il y a un formulaire avec les les résultats de recherche.
03:30
Et c'est tout, tout simplement, en fait.
03:32
Et aprĂšs, initialement, ici, il y avait un code, etc.
03:36
Je l'ai mis vide, mais typiquement, ça, on peut le supprimer aussi.
03:39
Et ensuite, il suffit de publier.
03:41
Et Et ensuite, d'aller sur la page en question.
03:43
Donc lĂ , je reviens sur la page d'accueil.
03:45
Ici, dans la slash rĂ©servation, c'est lĂ oĂč j'Ă©tais et puis ce sera chargĂ© comme ça automatiquement.
03:50
LĂ , pareil, il n'y a pas d'iframe et et on peut faire les recherches.
03:54
C'est plus joli que ce qu'il y avait avant et on peut faire des recherches.
03:58
Et quand on clique, ensuite, on a du coup la page avec le détail de la réservation qui va s'afficher.
04:06
Donc il faut alimenter un peu plus le contenu, mais voilà comment est-ce que vous allez pouvoir mettre en place tout ça.
04:11
Pour ceux qui veulent aller plus loin, vous pouvez vous amuser, il y a du coup un similaire à Super Hot Search, Super Hot Search avec une carte, c'est-à -dire que dans les résultats de recherche à droite, il y aura une carte.
04:22
Et voilĂ comment vous allez pouvoir migrer votre site.
04:24
Maintenant, Ă vous de jouer!
Comments
00:00
Comments
No comments yet
Tutointegrationmoteurderservations-SuperHoteV2