Embed an Infographic
Video
Watch this short video to learn how to embed an infographic created in Piktochart into your Google Site:
Transcript:
PDF Version (52 Kb)
RTF Version (71 Kb)
Instructions:
Before you start:
Google sites allows you to embed objects from other websites on your webpages. In this example we’ll be embedding an infographic created in Piktochart. If you have used another online infographic tool there will most likely be an embed code option similar to that outlined below:
1. To get the embed code you will use in Google sites click on the share icon in the top right corner of the page.
2. Make sure your infographic is “public,” this does not mean it is searchable on the web, it just allows you to share the link or use the embed code.
3. Next to where it says Embed Code, click on View Code.
4. Under the first section, labeled Responsive Width, click on Copy Code. This code is now ready to be pasted in Google Sites.
5. On your Google Sites page where you want the infographic to appear, click on Embed in the Insert tab.
6. Choose the Embed Code tab and paste the code you copied from Piktochart. You can do this by typing Ctrl + V on your keyboard or right-clicking and selecting paste.
7. Click on Next, a preview of your infographic should appear. Then click on Insert.
8. Once your infographic is inserted on the page, you can resize it by clicking and dragging on the dots at the sides or corners. There may be some cropping automatically applied to the infographic. To revert to the original proportions, click on uncrop.
PLEASE NOTE:
Because it is a live embedded version of your infographic, any changes or updates you make to the original in Piktochart will now automatically update on the version on your website.
Also note you will not be able to test interactive elements of the infographic such as hyperlinks when you are in edit mode. To see what your page visitors will experience, click on the preview button in the top menu.