Enhance Your Website with Interactive Embeds

Embedding refers to the process of inserting content, such as text, images, audio or video, from one website into another. When you embed content, you essentially make it possible for visitors to your website to view or interact with content that’s hosted on another website without having to leave your site. For example, let's say you want to share an interactive chart with your website visitors. Instead of linking to the chart, you can use an embed code to embed the chart directly on your website. This means that visitors can view and interact with the chart without ever having to leave your website. Embedding is a great way to enhance your website's content with interactive elements, such as charts, maps, videos, and more, that can engage and inform your audience. By embedding, you can provide a more seamless and immersive experience for your website visitors, helping to keep them engaged and on your site for longer periods of time.

Drive engagement and enhance your website with our website embeds feature. By embedding a project, you can easily share interactive visual content directly on your website with a unique embed code. Increase your audience's engagement and time on your site with our website embeds.

1. Open the project editor and click the Share button in the top right corner of the screen, or simply click on the icon at the bottom right corner of the project thumbnail in your library.
2. Click the Embed tab to access Responsive (Async), Responsive, Fixed, AMP, and WordPress embed codes.
3. Copy one of the provided codes and paste it into the text editor of your CMS or any other interface that allows you to write HTML. Be careful not to paste it in the visual view, or the actual code will show in your article. Always paste the code into the Text or HTML view.

Note: Sites like Tumblr and Squarespace remove script tags. You’ll have to use the fixed embed code that places the content in an iframe.

Our powerful website embeds feature lets you easily share your interactive content, including charts and maps with viewers on any domain. If your project includes a Share button, viewers can embed it on their websites by default. However, for added security and control, our embed restrictions feature lets you whitelist specific domains you wish to approve for embedding. It means you can choose which websites will be allowed to embed your charts and maps, giving you greater control over how your content is shared and distributed online. With our website embeds, sharing your content with your audience has never been easier. Allowing embedding on specific domains:

1. Click the Share button on the top right corner of the editor, then choose to have your project appear Public on the web or keep it Private.
2. Switch to the Embed tab.
3. Under Embed restrictions, switch to Allow embedding only on domains matching and provide a list of domains. You can provide a list of multiple domains separated by semicolons.

Accelerated Mobile Pages (AMP) is an open-source technology that provides a simple and efficient way to create web pages that load instantly. AMP is specifically designed to enhance the performance of web content, pages, and ads, making it an ideal solution for websites looking to provide a fast and seamless user experience. With its lightweight code and advanced caching techniques, AMP makes it easy to embed interactive content, such as charts, maps, and videos, directly into your web pages without compromising speed or performance. By using AMP, you can provide your audience with an engaging and responsive experience optimized for all devices, helping you keep your visitors on your website for longer and ultimately driving more traffic and conversions.

1. Make sure you have inserted the AMP script in your HTML page header.
2. Click the Share button on the top right corner of the editor, switch to the Embed tab and copy the AMP code.
3. Paste the code in your HTML page editor where you wish the project to appear.
4. Save your edits and watch the AMP magic happen as the charts load in the blink of an eye!

Pro tip: You can make AMP your default embed code. To do this, go to your Account settings, locate the Project Settings tab, and in the Default embed type drop-down menu choose AMP.