Embedding Bookeo in your MailerLite website is very easy.
In this article:
- Step 1 - Set up the Website integration in Bookeo
- Step 2 - Set up the integration in your MailerLite website
- Step 3 - Set up the integration in Bookeo
Step 1 - Set up the Website integration in Bookeo
1. in your Bookeo account, click on Settings> Theme and Layout> Website integration
2. From the Page location [1] scroll down menu, select the option embed a widget in my website
3. Copy the widget code shown in the Widget section at point #1 [2]
4. In the Options section from the Second screen [4] dropdown menu, select:
- remain inside the widget, or
- open a separate full-screen page
Click here to learn more about these options.
5. In the Options section from the Mobile [5] dropdown menu, select:
- use the widget embedded in the website
- enlarge the widget to full screen
Click here for more information on the options offered by Bookeo for the mobile widget.
6. leave the browser window open and open a new tab in your browser
Step 2 - Set up the integration in your MailerLite website
1. In MailerLite, go to your booking page or create it
2. On the booking page in MailerLite, click on + Elements [6], then on </> Code [7] and drag and drop the Code element on the section of the page where you want to put the Bookeo booking widget
3. Paste the code copied earlier at Step 1 - Point 2 from your Bookeo dashboard into the code element in MailerLite, between the <div> and </div> tags [8]
4. Click on the Save [9] button (the widget will not show in preview mode), then on the Done editing [10] button
5. On the next page, click on the Publish new version [11] button
6. Open your website in a new browser tab, or refresh the tab where it’s already open, to view the widget.
Step 3 - Set up the integration in Bookeo
1. In your Bookeo account, click on Settings> Theme and Layout> Website integration.
2. In the Widget section #2, paste the URL of the webpage where you put the widget [3] (the booking page on your website)
3. Save