How can I display the URL content using the EMBED in a container with the code set to Webflow? It currently only shows the link on the page.

TL;DR
  • Drag and drop an Embed element into your container and enter an <iframe> snippet in the Embed Code Editor.
  • Replace the src with your URL, customize attributes, save changes, and publish to see the live content.

To display URL content using the Embed component in Webflow, follow these steps:

​

1. Create a New Embed Component

  • Drag and drop an Embed element into your container where you want the URL content to appear.

​

2. Use an Embed Code

  • Open the Embed Code Editor in Webflow.
  • Enter an appropriate HTML snippet such as an <iframe> to load the desired URL content.

​

  • Example: <iframe src="https://your-embedded-url.com" width="100%" height="500px" loading="lazy"></iframe>

​

3. Replace URL and Customize

  • Replace the src attribute with the URL you want to display.
  • Customize the width and height attributes to fit your design needs.
  • Consider using loading="lazy" to improve load speed if applicable.

​

4. Save and Publish

  • Save your changes and publish your site to see the embedded content live.

​

5. Adjust and Style as Needed

  • Modify the properties of the container or directly through CSS to fit the look and feel of your project.
  • Use Webflow's Designer options to integrate the Embed seamlessly into your layout. 

​

Summary

To display URL content in Webflow using the Embed component, you need to create an Embed element, use an <iframe> to reference the URL, and customize the appearance to match your design.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Is it possible to link buttons to specific CMS collection pages in Webflow? For example, if there are three buttons on a page, can each button be linked to their respective CMS collection pages? I have searched extensively but couldn't find an answer. Thank you! - Andrew
How can I set up multiple modal windows in Webflow for my art website to display contact information and larger images of my paintings?
How can I make a responsive slider with a 16:9 aspect ratio in Webflow, ensuring that the image resizes properly when the screen size is reduced? Should I add the image in the slide or as a background image? And how can I eventually connect the slider to CMS content? Thank you for any help you can provide!
Can I use Webflow to create a modern design for my dynamic website built with Django, and then export the project as a static file?
Where can you adjust the speed of smooth scrolling in Webflow?
Is it possible to implement lazy load images in Webflow CMS and has anyone successfully implemented code for this?
What is the best way to create a side navigation bar in Webflow that avoids overlapping with the main text content when resizing the browser?
Is there a way to effectively control Lottie animations in Webflow through other objects? I'm specifically interested in reversing the animation on a second button click, resetting it, or enabling looping.
How can I integrate my website page with my Twitter account using Webflow?
Which CMS is the easiest to use and best to integrate with Webflow, allowing clients to easily make changes to text, images, and add blog posts without any loss in HTML/CSS/JS after exporting the design from Webflow?
How can I maintain scrolling on the page while setting the overflow for the body in Webflow?
What is the solution for elements blurring and moving during animations in Webflow?
What could be the reason for some collections not working properly in my online magazine, specifically the "style & beauty" section under the "culture" tab, and the subpages under the "lifestyle" group in Webflow, even though they are set up the same as the functioning collections? Is there a limit to the number of collections allowed on the CMS plan?
How can I create a "log-out" button in Webflow for a members-only page? I want to be able to redirect the logged-in users from the "Home" page to the "Log-in" page when they choose to log out. Additionally, I'd like to allow clients to view the log-in page and enable users to log out from any computer. See the provided read-only link for more details.
Is it illegal for a company to steal a website layout when the website was hosted on Webflow and how did the new company get access to my files without my permission?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?