If you can generate an embed code for it, you can add it to your Zapnito post! There is an infinite number of external widgets that can be inserted into Zapnito content, here are a few common examples.
This article contains the following sections:
(Note that in order to embed external content into a post, you will need to be in a group with the 'Edit restricted html' ability.)
To embed the content
In the post editor, scan across the navigation bar for the Insert/edit media button, where you will be presented with the 'Embed' option. Before you insert the code, make sure you have selected the exact place in the post in which you would like the embedded content to appear.
Videos
YouTube
Click the Share button below the video and select 'Embed', which will allow you to copy the embed text.
If you would like to ensure that the video is responsive all the way down to mobile devices, you can utilise the template below.
<div style="position: relative; padding-bottom: 56.25%; margin-bottom: 2rem; height: 0; overflow: hidden; max-width: 100%;">
<iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://www.youtube.com/embed/[[VIDEO]]" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>
All you need to do is replace [[VIDEO]] with the id of the video in question, which can be extracted from the last portion of the URL (see example marked in bold):
https://www.youtube.com/embed/X_RAPRIzSXQ
Vimeo
On the video edit page, click the Share tab in the top right-hand corner of the page and select Copy embed code which will copy an iframe code to your clipboard.
Google Drive
If you would like to embed a video from your Google Drive, you will first need to open the video file and click the three vertical dots in the top right-hand corner of the page. This will give you the option to Open in new window.
Once in the new tab, click the three dots once again and you should see the option to 'Embed item...' which will provide you with the embed code.
Social Media
On the post you wish to embed into your Zapnito content, click on the three dots in the top right-hand corner and select Embed Tweet, which will enable you to copy the code to your clipboard, whilst displaying a preview of what the embedded post will look like.
Similarly, for LinkedIn content, you can embed a post by clicking on the three dots in the top right-hand corner and selecting Embed this post.
SoundCloud
To generate an embed code, click the Share button below the waveform, then select the embed tab to view what options you have to embed your player.
Documents
OneDrive
If you have Word, Excel, PowerPoint or other Microsoft documents stored in OneDrive, it is possible to embed all of these into Zapnito content.
Firstly, hover over and select the document you would like to embed. You will then find the Embed tab at the top of the page.
Here you will be presented with the embed code along with display customisation options for the document.
Google Drive
It is also possible to embed Documents, Sheets and Slides directly from your Google Drive. In the desired file, at the top of the page select File and Publish to the web. In the window that appears, click Embed.
Before publishing, ensure that you click the Published content & settings dropdown to adjust the visibility settings for the file. Upon publishing the file, you will be presented with an embed code.
When embedding the file into you Zapnito content, you may wish to increase the proportions of the embed window. To do this, click on the embed and refer back to the Insert/edit media button, where you will be able to adjust the width and height.
Surveys & Forms
SurveyMonkey
To embed your survey, head to the Collect Responses page and select Website, then choose the Embedded Survey option.
On this page, you can adjust the survey’s display options, including adjusting the width and height, showing a border, or hiding the survey once it's completed.
Once you're happy with it, hit save and you will be directed to the embed code. Just below the code, you’ll see a preview of how the survey will look in your post.
Typeform
Once you have created your Typeform, head to the Share tab where you will find the option to Embed in a web page. Here you can select the embed mode that will suit your site best.
Once you have chosen your preferred layout option, click Get the code to generate your personalised embed code.
To learn more about how to maximise the potential of your Typeforms, check out this guide.
Comments
0 comments
Please sign in to leave a comment.