View Categories

How to Embed Flourish in Elementor?

Table of Contents

With Custom iFrame, you can embed Flourish in Elementor easily. Display interactive charts, graphs, or data stories right on your WordPress site.

Step 1: Get the Flourish Link

  1. Open Flourish. (https://flourish.studio)
  2. Navigate to the Chart/Graph/Data stories that you want to Embed.
  3. On top right corner click on ‘Export & Publish’ button > Copy the embed code

Step 2: Install the Custom iFrame Plugin

  1. Install and Activate ‘Custom iFrame Plugin by Coderz Studio‘
  2. Open your page in Elementor Editor.
  3. Search for Custom iFrame and Drag and drop the Widget onto editor area.
This image shows the WordPress plugin “Custom iFrame for Elementor – Embed Pdf, Maps, Videos, & Websites Easily” by Coderz Studio. It allows secure, SEO-friendly, and responsive iFrame embedding in Elementor with features like lazy loading, auto-height adjustment, and dynamic URL support. The plugin has a 5-star rating from 3 reviews, over 1,000 active installations, was last updated 19 hours ago, and is marked compatible with the current WordPress version.

Step 3: Embed Flourish in Elementor

  1. Go to Content.
  2. Paste the URL into Source URL field.
This image shows the Elementor editor interface demonstrating how to Embed Flourish in Elementor using the Custom iFrame widget. The left panel contains settings for selecting the source type, pasting the Flourish visualisation URL, adjusting height, enabling or disabling auto height, and showing scrollbars. The right side displays two colorful donut charts labeled “Media” and “Finance,” showing percentage distributions for roles such as Analyst, Journalist, Marketing, and Sales.

Step 4: Customize & Configure Settings

For styling, smart loading, and advanced options, refer to our Complete Custom iFrame Widget Guide to fine-tune your embed.

Customize your iFrame with our Style Custom iFrame guide—adjust dimensions, backgrounds, borders, and more! 🎨✨

Step 5: Save & Publish

Click Update, and your Flourish chart/Graph/Data stories is now live on your page!

Embed Flourish in Elementor in simple way with the Custom iFrame plugin. Follow the steps to display Flourish Chart/Graph/Data stories on your WordPress website. This keeps your site engaging and informative.