Iframe not utilizing percentages

SOLVE
Highlighted
New Contributor

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.

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Community Manager

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.

2 Replies 2
Community Manager

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.

New Contributor

Thank you.  I will try that.

Reply
0 Upvotes