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
- Add an Embed element in Webflow and open its settings.
- Insert the correct embedding code from the external source and ensure compatibility with Webflow.
- Modify the code as needed, avoiding unsupported HTML tags, and publish the page to verify correct display and responsiveness.
When embedding external content in Webflow, simply pasting a URL might only display the link rather than the content itself. To embed the actual content, follow these steps:
1. Use the Embed Element
- Add an Embed element to your Webflow project where you want the content to appear.
- Open the Embed Settings by clicking on the element.
2. Insert Correct Embedding Code
- Determine the correct embedding code from the external source. For example, many sites provide specific embed codes for their content.
- Paste the provided embed code into the Embed settings panel. Make sure not to accidentally add raw code tags that Webflow doesn't support.
3. Adjust the Embed Code
- Modify the code if needed to fit into the Webflow environment. Ensure that any URLs or scripts are properly referenced.
- Avoid using unsupported HTML tags or attributes. For example, the
loading="lazy"attribute is acceptable for images.
4. Verify and Test
- Publish the page to see if the embedded content displays correctly.
- Test on different devices to ensure responsive behavior.
Summary
To display URL content using an Embed in Webflow, add an Embed element and insert the correct embedding code from the third-party source. Always ensure to modify and test the code for responsiveness and compatibility with Webflow.
