Optimisation page de vente via channel manager

Contexte :
Le site [URL visible pour les membres Pro] (HTML/CSS/JS statique) utilise Beds24 comme moteur de réservation et channel manager.
70 % de nos visiteurs utilisent un smartphone. L’objectif est d’améliorer l’ergonomie et le design des pages de réservation pour augmenter le taux de conversion et favoriser la vente d’options.

1. Objectifs recherchés

Rendre le parcours de réservation plus lisible et attractif, surtout sur mobile.

Intégrer des éléments marketing efficaces (rareté, urgence, promotion, mise en avant des options).

Inciter les clients à réserver rapidement et à ajouter des options.

2. Multi Booking Page (page d’entrée – choix du logement)

Cette page affiche les 3 appartements Urban Spa avec photos, disponibilités et bouton “Voir disponibilité”.
Travaux souhaités :

Refonte visuelle en cartes modernes (photos arrondies, marges aérées, hiérarchie claire).

Ajout de badges visuels :

“Très demandé” (faible disponibilité),

“Promo en cours” (semaine creuse),

“Top choix des couples” (badge marketing fixe).

Optimisation mobile : simplifier l’affichage, mettre le bouton “Voir disponibilité” en avant, masquer les éléments secondaires.

3. Property Booking Page (page logement individuel)

Cette page affiche les informations détaillées, le calendrier et le bouton “Réserver”.
Travaux souhaités :

Amélioration du design : hiérarchie visuelle claire, ajout de pictos “rassurance” (paiement sécurisé, annulation, couples satisfaits…).

Encart “Offre spéciale options combinées” avant la liste des options :

–10 % si 2 options internes choisies (Arrivée anticipée, Départ tardif, Formule romantique),

–20 % si 3 options internes,

Calcul indicatif automatique (JS) → remise appliquée manuellement après réservation.

Badges dynamiques similaires à la Multi Booking Page.

Optimisation mobile : bouton “Réserver” plus visible (collant/fixe en bas de l’écran).

4. Contraintes techniques

Beds24 ne permet pas de modifier la structure HTML, uniquement via :

Custom CSS (illimité),

Custom HTML/JS (zones limitées à 2000 caractères chacune),

Custom Text (remplacement texte simple).

Multi Booking Page : HEAD limité à 2000 caractères → déjà saturé par Google Tag Manager, Google Analytics et Facebook Pixel (~1700).

Property Booking Page : zones BODY et HEAD disponibles (2000 caractères chacune) → insertion possible de JS/CSS supplémentaires.

Google Tag Manager est déjà en place et peut servir à injecter des scripts additionnels.

Les interventions doivent être mobile-first, facilement réversibles et compatibles avec Beds24.

5. Attentes

Proposition d’une implémentation technique claire (où placer CSS/JS, optimisation du HEAD).

Livraison d’un code compact, maintenable et compatible mobile.

Respect strict des contraintes Beds24.

Mise en place rapide, sans pénaliser le module de réservation en ligne.

Voici le lien de la page d’information sur la partie developer du logiciel BEDS24 :
[URL visible pour les membres Pro]#Multiple_Booking_page
[URL visible pour les membres Pro]

Merci pour vos retours