How to insert links, videos or other iframes in the Guest App? - Google Maps, Youtube, Whatsapp, PDF

With the Smoobu guest application 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 application

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 

Option 1

1. As in the previous examples, we first create new Content.

2. You can enter a small Whatsapp image and then type a short description. You should then create a direct link from the text, in my example "Contact us via Whatsapp". 

How to create the URL which redirects your guests to Whatsapp?

The URL will have this format: https://api.whatsapp.com/send?phone=number&text=message

Now we are going to customize your link so you can integrate it:

a) Instead of "number", you'll type in your complete phone as follows: Country Code + Area Code + Telephone. For example: [phone]

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:

https://api.whatsapp.com/send?phone=12073000212&text=Hi!%20I'm%20your%20guest

3. Copy the link and paste it in Smoobu

In this way, your guests can also contact you via WhatsApp by clicking on the link.

Option 2

Follow steps 1 and 2 above and later check here how to embed Whatsapp image and link directly into your website or Guestapp.

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>
</object>

Please do not forget to replace both instances of YourPdf.PDF with an actual link to the PDF you want to display.

 If you do not know where to host your PDF, please send us the file at [e-mail] and we will integrate it for you!

 Have you discovered other possible integrations or iframes? Share them so we can add them to the guide!