Embed your chart on your website
Learn how to embed a Datapicta chart on popular platforms.
Of course you want to share your beautiful charts with the world. Luckily, DataPicta makes it easy to embed your charts on your website—usually, it's a simple copy-paste job. Below, you'll find instructions for some popular platforms. If you're using a different platform and need help, please reach out to us on our contact page.
Within DataPicta, you need to go to the chart you want to embed and click on the Publish button. After a few seconds, you will see the embed code. Just copy this code and follow the instructions below for your platform.
Wix
- Login to your Wix dashboard.
- Go to the page where you want to embed the chart.
- Click on the Add button (the plus icon).
- Select HTML Code from the menu.
- Click Edit HTML
- Paste the embed code you copied from DataPicta into the HTML editor.
- Click on Save.
- You may want to adjust the size or alignment of the HTML box.
- If everything looks good, click on Publish to publish your changes.
SquareSpace
- Login to your SquareSpace dashboard.
- Go to the page where you want to embed the chart.
- Click on the Edit button.
- Click on the + Block button to add a new block.
- Search for Embed and select it.
- Double-click on the Embed block to open the settings.
- In the Embed block settings, choose for Embed as Code Snippet.
- Click on Embed data
- Paste the embed code you copied from DataPicta into the code editor.
- Your chart appears in the preview.
- Click Back to return to the page editor.
- If everything looks good, click on Save to save your changes.
Shopify
- Login to your Shopify Admin site.
- Go to the page or blog where you want to embed the chart.
- In the content editor, click on the Show HTML button (it looks like
</>). - Paste the embed code you copied from DataPicta into the HTML editor.
- Click on the Show HTML button again to return to the visual editor.
- If everything looks good, click on Save to save your changes.
WordPress
- Login to your WordPress admin panel.
- Click on All Posts or All Pages.
- Find the post or page you want to edit and click on it.
- Type / to add a new block.
- Search for Custom HTML and select it.
- Paste the embed code you copied from DataPicta into the Custom HTML block.
- Click on Preview to see how it looks.
- If everything looks good, click on Save to save your changes.
Drupal
- Login to your Drupal admin panel.
- Go to the page or article where you want to embed the chart.
- Click on Edit.
- Just below the content editor, click on the Text Format dropdown and select Full HTML.
- Click on the Source button in the content editor toolbar.
- Paste the embed code you copied from DataPicta into the source editor.
- Click on the Source button again to return to the visual editor.
- If everything looks good, click on Save to save your changes.
