How to insert iFrame?

Design help Custom code
1

Hi all, :wave:t4:

I want insert this tool ( http://productfinder.petro-canada.com/ ) on my website.

I used the following code, but it doesn’t work.

<iframe src="https://productfinder.petro-canada.com/=" width="100%" height="900px" frameborder="0"></iframe>

Check it out live: Petro-Canada LUBE360™ | Online Lubricants

What am I missing here? :face_with_monocle:

Read-only: https://preview.webflow.com/preview/online-lubricants-ltd?utm_medium=preview_link&utm_source=designer&utm_content=online-lubricants-ltd&preview=314574084ace828449b3d99f71506472&pageId=5e3ea7aef21858b2737e0a23&mode=preview

Thank you for your help! :webflow_heart:

2

Hey @RohanGanachari

Try adding this code to the embed

<iframe src="http://productfinder.petro-canada.com/" style="border:0px #ffffff none;" name="myiFrame" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="100%" allowfullscreen=""></iframe>

Piter :webflow_heart:

3

Hi @PeterDimitrov,

It doesn’t work.
Maybe because its http instead of https. Maybe webflow isn’t allowing for security reasons?

4

Hmm actually this can be the case

I’ve tried adding the code above to the live site and works fine