How to Embed Your Chart in Your Website

How to Embed Your Chart in Your Website

Introduction

Embedding your Notion2Charts chart in your website allows you to display the chart directly on your website and share it with your audience. This guide will walk you through the process of embedding your chart in your website.

Step 1: Create and Customize Your Chart

To embed a chart in your website, you first need to create and customize the chart in Notion2Charts. Follow the steps in the "Creating Your First Chart on Notion2Charts: A Step-by-Step Guide" article to create and customize your chart.

Step 2: Enable Public Sharing

To embed a chart in Notion, you first need to create and customize the chart in Notion2Charts. Follow the steps in the "Creating Your First Chart on Notion2Charts: A Step-by-Step Guide" article to create and customize your chart.

Step 3: Copy the Embed Code

After enabling public sharing, you will see an "Embed code" text input. Copy the code.

Step 4: Paste the Embed Code in Your Website

Open your website's HTML code and paste the embed code you copied earlier into the desired location. Make sure to paste the code within the <body> tag of your website's HTML code.

Step 5: Adjust Size and Position

After pasting the embed code, you can adjust the size and position of the chart by modifying the width and height attributes in the iframe code.

Step 6: Publish Your Website

Save the changes you made to your website's code and publish it to make the chart visible on your website.



Still need help?

Contact us

Features