iFrame Embeds
Want to embed your most used websites directly into your Qwilr page? Easy! Many websites offer an iFrame embed code for their content so that you can showcase third-party sites with ease.
In this article:
Think of the iFrame embed option as your "generic embed." If you don't see the website you're using for content listed among our supported embeds, try using the iFrame option
Adding an Embed Widget
Step 1. Anywhere you're able to click on the + symbol in your Qwilr Pages and Templates, you'll now see the option to add embedded content from services like Calendly, Google Slides, Typeform, and iFrame.
Step 2. From here, you'll see Categories - click Other > iFrame and then enter in your site/service's iframe code.
You can then resize your Embed Widget to your liking, and add text and other content within the same Block for ultra customization. (Note: if the content you want to embed has 'endless scroll', such as a Google Sheet, we don't recommend using full screen resize, as this can make it tricky to scroll past this widget.)
Finding the embed code
Step 3. Next, head to the website you're using for content. The location of the embed code varies from site to site, but you can generally look for menu options like Export, Share, or Embed and find the code. Some services will use a symbol as the menu option for embed code, such as <> or </>.
If you're not sure where to find the code, check their documentation or Support for help.
iFrame embed code always contains this tag:
<iframe></iframe>
Note: If the web service you're using offers a different form of embed code, such as Javascript, it won't work in our Embed Block.
Step 4. Head back to your Qwilr account now. Paste the code into to the field and click See It.
Adding an Embed Block
Step 1. Choose Embed from the new block menu in your page.
Step 2. A list of available embed options will appear. Scroll to the bottom and choose iFrame Embed.
Using the content URL instead of embed code
If your web service doesn't offer iFrame embed code, there are cases where pasting the URL of the content itself into the Embed Block will work.
In these cases, additional elements from the website will be displayed alongside your content. That will depend entirely on how the website is coded.