Cloudbeds Booking Engine - Comment intégrer les formulaires d'inscription Mailchimp

Juss Reyes

Mise à jour 4 juin 2026 00:06

Collectez les adresses e-mail des clients souhaitant s’abonner à vos dernières mises à jour et offres via Mailchimp.

Le Cloudbeds Booking Engine peut intégrer les formulaires d’inscription Mailchimp. Cet article explique comment intégrer cette fonctionnalité pour votre établissement.

Le formulaire d’inscription Mailchimp ne peut être ajouté qu’à la toute fin de la réservation, sur la page de confirmation où s’affichent toutes les informations de la réservation.

Intégrer les formulaires d’inscription Mailchimp dans le moteur de réservation

Étape 1 - Premiers pas

Créez un compte Mailchimp en vous inscrivant ici.
Une fois le compte créé, suis les étapes ci-dessous pour intégrer Mailchimp au moteur de réservation.

Étape 2 - Instructions dans Mailchimp

Connecte-toi à ton compte Mailchimp et accède à l’onglet Audience
Clique sur Gérer l’audience
Sélectionne Formulaires d’inscription

Choisis Formulaires intégrés

Sélectionne un type de formulaire (Classique, Condensé, Horizontal ou Sans style) et personnalise les options du formulaire

Si tu as des questions sur les options et paramètres du formulaire, contacte directement la Équipe d’assistance Mailchimp.

Fais défiler vers le bas et sélectionne tout le code (Ctrl + A) ou clique gauche pour copier le code (Nous utiliserons le format Classique comme exemple)

Étape 3 - Ajouter le code dans le moteur de réservation Cloudbeds

Connectez-vous au PMS Cloudbeds et cliquez sur Gérer (icône d'engrenage)
Accédez à Personnaliser le moteur de réservation
Collez le code précédemment copié depuis Mailchimp dans la section Code Javascript (page de confirmation uniquement)
Cliquez sur Enregistrer

Pour tester et voir le format, ouvre ta page du moteur de réservation pour créer une réservation test. Sur la page de confirmation, fais défiler vers le bas. Le formulaire d'inscription s'affichera directement sous les informations de l'établissement.

Une fois les informations enregistrées dans ton compte Mailchimp, tu peux envoyer des e-mails marketing à tes clients via Mailchimp. Ces informations seront uniquement stockées dans Mailchimp et non dans le PMS Cloudbeds.

Options avancées

Créer des styles personnalisés sur le formulaire Mailchimp

Pour centrer le formulaire d'inscription sur la page de votre moteur de réservation (ainsi que toutes les autres sections au-dessus du formulaire), utilisez le code suivant dans la section intitulée Code Javascript (page de confirmation uniquement) :

<style>
#mc_embed_signup{ 
background:#fff; 
clear:left; 
font:14px Helvetica,Arial,sans-serif; 
margin-left: 90px; 
margin-right: 125px; 
margin-bottom: 40px;
width: 80%; 
text-align:center; }
@media (min-width: 1460px) {
  #mc_embed_signup { 
    margin-left: 150px; 
    margin-right: 145px; 
    margin-bottom: 60px; 
  }
}
</style>

Style du moteur de réservation Cloudbeds

Le code suivant va masquer les informations de l'établissement ainsi que la carte :

<style>
/* Le code suivant masque les informations de l'établissement ainsi que la carte */
.page-content-wrapper {
display: none;
}
</style>

Le code suivant masque les informations de l'établissement ainsi que la carte sur un navigateur mobile :

<style>
@media (min-width: 992px) {
.page-content-wrapper{
display: none;
}
}
</style>

Le code suivant va masquer le logo de paiement sécurisé :

<style>
.bank_transfer, .security-sprite {
display: none !important;
}
</style>

Lien utile sur la communication et l'engagement des clients :

Comment ajouter WhatsApp Messenger à votre moteur de réservation