Interactive Circle

The Divi Interactive Circle Module lets you create engaging circular content blocks that reveal information through icons, images, and text. It’s perfect for highlighting features, services, or step-by-step processes in an eye-catching way. With flexible content and display controls, you can design interactive circles that match any layout or style.

How to add module on page

Once Divi Plus is activated, it adds several modules to the Divi builder. To add a module on the page, use the following steps:

1. Create/Edit a Page/Post that uses Divi builder.
2. Create/Edit a row.
3. Click on Add New Module option; choose the DP Interactive Circle module.

Content Settings

You can create multiple interactive circle items.
Click the “+” button to add a new item.

Content options for each circle item

Use Icon (Toggle)
Enable to choose and display an icon inside the circle.

Use Image (Toggle)
Enable to upload/select an image to display inside the circle.

Image Alt Text
Add alt text for accessibility and SEO.

Title
Add a short headline for this circle item.

Description
Enter a supporting description or details for the item.

Display options (Individual item)

These settings control what appears when a user interacts with a specific circle item.

• Use Content Image (Toggle)
  Enable to show the image in the content panel.
• Use Content Icon (Toggle)
  Enable to display the icon in the content panel.
• Show Content Button (Toggle)
  Turn on if you want to display a button under the content.

Global display settings

These settings apply to the entire Interactive Circle module.

• Info Circle Size
  Adjust the overall size of the information circles for a compact or bold look.