Embed Blocks
The Embed Block puts online content front and center.
Bring your Qwilr Page to life by including things like slideshows, online documents, Typeform surveys, and even videos! The Embed Block is great for when you want to highlight specific content in its own Block. But first...
Want to customize a Block with Text, Images, etc, that also contains your embedded content?
We've got you covered - check out the Embed Widget to do this!
Want that full-screen, single-content goodness? Read on.
In this article:
Creating an Embed Block
Think of Blocks like Lego pieces that stack to create more content. To add a new Block, first start by clicking the + icon at the top or bottom of any existing Block.
Then, select the Embed icon from the New Block Menu.
You'll see a list of embeddable presets. Choose the one that suits what you're embedding. If you don't see the option you want on the list, you should be able to use the iFrame Embed option (you can find it in "Other").
Next, copy the embed code from the website where you're getting the content. You're looking for the embed code rather than the URL. It'll look something like the below Google Maps example:
Back in your Qwilr Page, paste the embed code into the Embed Block and click See It.
And that's all there is to it! Your content is embedded and live within your Qwilr Page.
Content you can embed in iFrame
The Embed Block works with iFrame embed code. Many websites allow embedding of their content, but it's possible that their embed code is in a different format than iFrame, or that they don't allow it.
When you're looking at the embed code for the website you're using, you should see iframe src= at the start of the code, like this:
<iframe src="http://urlofyourcontent.com"></iframe>
Here's a list of content that's compatible with our Embed Block. The links will take you to specific instructions for finding your embed code.
- PDFs
- Google Forms
- Google Docs
- Google Sheets
- Google Slides
- Google Maps
- Typeform surveys
- Slideshare presentations
- Prezi presentations
- Calendly calendars
- Infograms
- Videos (YouTube, Vimeo etc, but you could also use the Video Block)
If you're using a website that's not on this list, you might be able to use the iFrame Embed option. If you choose that and then paste in the code from the website you're using, you'll be able to see if it works. Learn more about iFrame embeds here.
If you are having trouble getting your embedded content to work, try contacting the provider's customer service for an Embed Code.
FAQ:
Q: Can I save my Block and reuse it across different Pages?
A: Yep! If you like your new block, save it so you can reuse it again.
Q: I see a frown emoji or error in my Embed Block, what does that mean?
A: If you're seeing a frowning emoji, it could mean one of two things. Firstly, It could mean that the site you're trying to embed does not support external embeds. Unfortunately, this is something out of our control. The other reason is you may have grabbed the wrong link. If you see the share button on your external site, try both the iframe and the URL. Alternatively, it may be listed as Embed. If these still don't work - chances are the external site doesn't allow embeds.
Did this answer your question? Got Feedback? Let us know if you need some help by contacting the support team at [email protected].