How to add HTML embed iframe code to your project


Anton
Last Updated: 1 month ago

Once you are in the editor, click on plus icon to add a new block:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/panLteDRNmCjFFeGFbDqMpPgJ0bmkETsc3zHDVmb-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chrome.png

Scroll down until you see Embed iframe option and click on it:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/GLmLE0wfM5gofSRJRnpbXpQJxhpbk0mlxKnTVTZx-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chrome2.png

You will see a menu on the right side of your screen. Paste the embed code to this field:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/FJ032GbEULBvQ7cna2KHXcu0ru1ucxABX5HLKggT-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chrome3.png

It's done! The object will appear right after you publish your project:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/c3pCDZPrHmJUJZDFbl2BWFCmYUwzuDb1bGfPtFjD-Interacty%20%E2%80%93%20engaging%20content%20%20Interacty%20project%20-%20Google%20Chrome5.png

How can I find an embed code?

As easy as pie! Let's use Vimeo video hosting as an example. First, open the video that you want to embed. Then, click on the Share tab below the video:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/GWfw1whId6PbnCELF9lvh0n0F9olrKbzSiKsgnX4-Happy%20Independence%20Day%21%20on%20Vimeo%20-%20Google%20Chrome6.png

After that, just copy an embed code:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/p6id77btdQu5Wo62yWcq3mPAbhZ9DvvOqb4cBFLp-Happy%20Independence%20Day%21%20on%20Vimeo%20-%20Google%20Chrome7.png

Perfect! Now you can paste this code to your Interacty project.


Was this article helpful?