*We have no affiliation or endorsement from Google, Soundcloud, Dropbox, or ESRI.
Quick links to specific tutorials:
- Embed a Zoomable Image
- Embed a Video in a Pin
- Embed a Google Street View
- Embed a Google Map
- Embed an Audio File
- Filters for ArcGIS Online maps in Pins (Coming Soon)
- Embed a Google Form or Google Slides
Continue reading to learn how to embed virtually anything to your documents and why you'd want to. (We only support the use of iframe embed codes for security reasons.)
How to embed:
Step one: Search Google for "how to embed content from platform xyz."
If the platform generates embed codes, there will be instructions available about how to generate an embed code. If presented with options, choose the iframe embed code.
Step two: Copy your embed code.
Step three: Decide which field in the content pin editor you want to paste your embed code into.
- Option one: You can paste embed codes into the embed code drop-down option within the editor for a new content pin. (Learn more about creating content pins.)
- Option two: You can also paste the embed code into the Text or HTML field using the plain text option. One benefit of this route is your ability to add formatted text above your embedded content.
- Note: For ArcGIS and Youtube, we provide a separate method in the list of content types.
Step four: Check your work by saving the content pin and then previewing the results by
Step Five: Size appropriately, and season to taste. (Important for responsive design.)
Sometimes, your embed doesn't look impressive straight away. It may not span the width of the entire field, and it may be too short. And even if it does look good, you'll want to take a look at the tutorial below as setting your embed codes width to 100% ensures that it will look good on all browsers and devices.
You can typically find parameters for height and width in the code you've used. Setting the width to 100% will allow it to span the full width of the content overlay pin. And then you may season it to taste by modifying the height in pixels, testing, and retesting. (We recommend you to not exceed 650 pixels in height without a good reason, as it may require some visitors to scroll up and down within the content overlay.)
CURATE THE LEARNING EXPERIENCE AS IF YOU WERE THERE
Instead of overwhelming your audience with a list of every document download link and supplemental resource all at once, keep it simple and place supplemental resources where they should be in their learning journey.
Whether you simply wish to provide an update with text and images or to embed your latest recorded meeting using Youtube or another video player, you can do that with Konveio.
And virtually anything else that generates an Iframe embed code*
Add an infinite amount of additional resources to your document and everything will be available to your visitors even if Konveio has been embedded onto another platform or website.
Content overlays can be placed anywhere on a particular page or on the sidebar to span a range of different pages, like an entire chapter or topic.
Konveio supports Iframe embed codes from popular sources, such as:
- Drive (images, videos, spreadsheets, etc)
- Street View
- Maps, and more
- Soundcloud (and even NPR for what that's worth)
- Virtually any iframe embed code source.