I am trying to iframe a booking agent to my hubspot page.
This is the code I am supposed to use:
<iframe src="https://hotels.cloudbeds.com/reservation/CHANGED_TO_ANONOMIZE" width="100%" scrolling=“yes" class="iframe-class" frameborder="0" id="cloudbeds">
but when I place in that a page, this is what HUBSPOT changes it to when I review code:
<iframe id="cloudbeds" class="iframe-class" style="margin: 0px auto; display: block;" xml="lang" src="https://hotels.cloudbeds.com/reservation/CHANGED_TO_ANONOMIZE" width="560" height="315" frameborder="0" scrolling="“yes"></iframe>
How can I get it to use a percentage instead of PX?
I’m new to hubspot - thanks for any help.
Hi @rmcgeher,
When looking to embed the following code:
<iframe src="https://hotels.cloudbeds.com/reservation/CHANGED_TO_ANONOMIZE" width="100%" scrolling=“yes" class="iframe-class" frameborder="0" id="cloudbeds">
onto a HubSpot page and retaining the percentage instead of using PX, I’d suggest for you to create a module instead of placing it in the source code of a rich text module.
You can follow through this documentation on how to create custom module and adding the module onto your template: Create and edit modules.
If you’re not planning to use this module across all pages that are using this template, you can either:
1. Clone the template: Clone a blog, email, or page template.
OR
2. Use a flexible column: Use flexible columns in your pages.
Thank you. I will try that.