Tutointegrationmoteurderservations-SuperHoteV2

Pour ce faire, il faut aller dans l'administration de votre site.

Si vous êtes sur WordPress, c'est le nom de domaine slash wp-admin.

Ensuite, on arrive sur une page similaire à ça.

On fait dans dans Extensions, Ajouter une extension et on arrive sur cette page.

On va cliquer sur Téléverser une extension.

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.

Ensuite si vous l'avez déjà installé ça va vous demander de le remplacer et sinon il suffit de l'activer.

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.

Étape numéro 1, il faut récupérer la clé de connexion.

Et ensuite l'URL.

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.

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.

Attention pour l'URL à ne pas oublier le https:// voilà le nom de domaine qui qui était renseigné ici.

Ensuite on fait tester la connexion, vérifier que tout est ok.

Ensuite, ici, on a la possibilité de paramétrer la couleur des boutons ou autres.

Voilà, vous pouvez vous amuser.

Et ensuite, troisième étape, vous allez récupérer des shortcodes.

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.

Donc ça, c'est les résultats résultats de recherche.

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.

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.

Donc là, j'ai mis le formulaire uniquement ici.

Et plus bas, ce que je souhaite, c'est afficher...

Donc initialement, il y avait un code ici.

Et bien, j'ai copié, du coup, la liste des hébergements, ici.

Et je l'ai...

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à.

Et ce qui s'est passé, c'est qu'on le voit, c'est le shortcode qui était renseigné là.

Ensuite, on publie.

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.

Voilà les couleurs jaunes qu'on pouvait paramétrer dans dans l'administration.

Tout ça, vous pouvez le changer.

Ensuite, il y avait une page ici, nos logements.

Donc ici pareil, bon là c'est le rendu final mais là pareil on va aller dans modifier avec Elementor.

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.

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.

Et j'ai j'ai mis «super haute search».

Donc «super haute search », c'est la la recherche par date, donc il y a un formulaire avec les les résultats de recherche.

Et c'est tout, tout simplement, en fait.

Et après, initialement, ici, il y avait un code, etc.

Je l'ai mis vide, mais typiquement, ça, on peut le supprimer aussi.

Et ensuite, il suffit de publier.

Et Et ensuite, d'aller sur la page en question.

Donc là, je reviens sur la page d'accueil.

Ici, dans la slash réservation, c'est là où j'étais et puis ce sera chargé comme ça automatiquement.

Là, pareil, il n'y a pas d'iframe et et on peut faire les recherches.

C'est plus joli que ce qu'il y avait avant et on peut faire des recherches.

Et quand on clique, ensuite, on a du coup la page avec le détail de la réservation qui va s'afficher.

Donc il faut alimenter un peu plus le contenu, mais voilà comment est-ce que vous allez pouvoir mettre en place tout ça.

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.

Et voilà comment vous allez pouvoir migrer votre site.

Maintenant, à vous de jouer!