How to Add Interactive Circle Infographic in WordPress (Step-by-Step Guide)

Install Unlimited Elements Blocks Library

• Go to the Unlimited Elements plugin page on WordPress.org.

• Click Download, then in your WordPress dashboard, go to Plugins → Add New → Upload Plugin and upload the ZIP file.

• Click Install Now and then Activate to enable the plugin.

Open the Blocks Library

• From your WordPress dashboard, go to Unlimited Elements → Blocks Library.

• This is where all available blocks are listed and managed.

Search for the Interactive Circle Infographic Block

• Use the search bar at the top right and type “Interactive Circle Infographic”.

• The Interactive Circle Infographic block will appear in the results list.

Install the Interactive Circle Infographic Block

• Hover over the Interactive Circle Infographic block and click Install.

• This adds the block to your available options in the editor.

Add Interactive Circle Infographic to a WordPress Page

• Open any page or post using the WordPress block editor.

• Click the (+) Add Block button, search for “Interactive Circle Infographic”, and insert it into the page.

Customize the Interactive Circle Infographic Block

Once added, select the Interactive Circle Infographic block and use the settings panel on the right. Add or remove Circle Items, setting the Title, Description, Icon, and Color for each data point. Define the Display Type and the Interaction Trigger. Customize the Styling for the Circle/Segment Thickness and Color, Icon/Marker Styling, Detail Panel Background and Shadow, and Text Typography to create a functional, visually appealing, and engaging data presentation that fits your site’s design.