Collect guests' email addresses willing to subscribe to your latest updates and offers via Mailchimp.
Cloudbeds Booking Engine can have the Mailchimp sign-up forms embedded within it. This article explains how to embed this feature for your property.
The Mailchimp sign-up form can only be added at the very end of the booking, on the Confirmation Page where it shows all of the reservation information.
Embed Mailchimp Signup Forms on the Booking Engine
- Create a Mailchimp account by signing up here.
- Once the account is created, follow the steps below to embed Mailchimp on the Booking Engine.
- Login to your Mailchimp account and access the Audience tab
- Click on Manage Audience
- Select Signup forms
- Choose Embedded forms
- Select a form type (Classic, Condensed, Horizontal, or Unstyled) and customize the Form Options
If you have any questions about form options and settings, contact the Mailchimp Support Team directly.
- Scroll down and highlight all the code (Control + A) or left-click to copy the code (We will use the Classic Format as an example)
- Login to Cloudbeds PMS and click on Manage (gear icon)
- Go to Customize Booking Engine
- Paste the code previously copied from Mailchimp into the section Javascript Code (Confirmation Page Only)
- Click Save
To test and view the format, open your booking engine page to create a test reservation. On the Confirmation Page, scroll down. The sign-up form will be displayed directly under the Property Information.
Once the information is stored within your Mailchimp account, you can send marketing emails to your guests via Mailchimp. This information will only be stored within Mailchimp and not within Cloudbeds PMS.
Advanced Options
To centralize the sign-up form on your booking engine page (along with all the other sections above the form), use the following code in the section entitled Javascript Code (Confirmation Page Only):
<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>
The following code will hide the property information and also the map:
<style>
/* Following code will hide the property information along with the map */
.page-content-wrapper {
display: none;
}
</style>
The following code will hide the property information along with the map on a mobile phone browser:
<style>
@media (min-width: 992px) {
.page-content-wrapper{
display: none;
}
}
<style>The following code will hide the security payment logo:
<style>
.bank_transfer, .security-sprite {
display: none !important;
}
</style>
Useful links about guest communication and engagement:
Comments
Please sign in to leave a comment.