WordPress: block editor and classic editor
In the block editor (Gutenberg), add a Custom HTML block and paste the embed code. The block preview shows the live chart. If your site uses the classic editor, switch to the Text tab and paste the code where you want the chart to appear.
On WordPress.com, iframes are supported on Business and higher plans; on lower plans use the share link, which WordPress turns into a preview card. Self-hosted WordPress.org sites support the embed on any plan. If a security plugin strips iframes, add app.datastripes.com (or your custom embed domain on Team) to its allowlist.
Ghost
In the Ghost editor, type /html to insert an HTML card, and paste the embed code. Ghost renders it in the preview and on the published post. The chart also works in Ghost newsletters as a linked fallback image, since email clients do not run iframes.
Webflow
Drag an Embed element from the Add panel into your layout or a Rich Text field, and paste the code. Set the Embed element to 100% width; the chart handles its own height. For CMS Collections, store the embed code in a plain text field and bind it to an Embed element in your template, so every article can carry its own chart.
Keep the data outside your CMS
Because the data lives in Datastripes, linked to your spreadsheet, you update numbers in one place and every post that embeds the chart refreshes. No database tables inside wp-admin, no re-exporting images. If an article needs to keep the exact numbers it was published with, freeze that version and it will never change.
Performance and Core Web Vitals
Unlike a plugin, the embed adds nothing to pages without a chart. On pages with one, it lazy-loads as the reader scrolls near it and reserves its space to avoid layout shift. The rendering engine runs on the reader’s device, so your hosting does not pay the cost of drawing charts.
