With Smoobu Guest Guide you can add your own content and improve your guests' experience. Add your own content elements and include videos, maps with routes on how to get there or other content in the form of iframe. In addition, we also show you how to integrate WhatsApp.
Example 1. How to integrate a map with directions
Open from Smoobu Settings> Guest Guide
1. Click on Create
2. Add the subject, for example, Directions
3. Open Google Maps and enter the route. We click on the menu icon ) and click on Share or incorporate map.
We will only have to paste (ctrl+V) the HTML code into our content field in Smoobu:
Example 2. How to integrate a YouTube video
1. Please open on YouTube the video you want to add.
2. Click on Share below the video. A window will open, please click on Copy:
3. Click on Video and paste the link
You might also want to embed a link to your Youtube channel. Read more info here.
Example 3. How to integrate your WhatsApp
Step 1: create your Whatsapp URL
The URL will have this format: https://api.whatsapp.com/send?phone=number&text=message
How? Let's get started:
a) Instead of "number", you'll type in your complete phone as follows: Country Code + Area Code + Telephone. For example: +12073000212
b) Instead of "message", please write a header in order to identify the sender of the message, taking into account that you must replace the spaces with "%20".
For example: If we want the message to say: "Hi! I am your guest", the link should be as follows: Hi!%20I'm%20your%20guest
The result would be the following link:
Step 2: Integrate on text or image
Option 1: create a link from text
Type a short description. You should then create a direct link from the text, in my example "Contact us via Whatsapp".
Copy the Whatsapp URL you created above and paste it in Smoobu
Option 2: link from image
You may use the following HTML code :
<p style="text-align: center; "><a href="https://api.whatsapp.com/send?phone=12073000212&text=Hi!%20I'm%20your%20guest" target="_blank"> <img border="0" alt="whatsappicon" src="https://www.smoobu.com/wp-content/uploads/2019/12/119959_whatsapp_512x512.png " width="80" height="80"></a></p>
Kindly replace the green section of the code with the Whatsapp URL you have created on step 1 above.
Now go to your content block on Smoobu - Code view - and paste the html code. Close Code view and Save.
Example 4. How to display a PDF
You can also display a PDF to show some instructions to your guests. For this, we need first to host the file on the website of your choice and then paste the following code in order for the browser to display what we need. It looks like this:
<p></p><object data="YourPdf.PDF" type="application/pdf" width="100%" height="1500">
<p>It appears you don't have a PDF plugin for this browser.
You can <a href="YourPdf.PDF">click here to
download the PDF file.</a></p>
Please do not forget to replace both instances of YourPdf.PDF with an actual link to the PDF you want to display.
Have you discovered other possible integrations or iframes? Share them so we can add them to the guide!
Please sign in to leave a comment.