fbpx

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

Interactive Circle Infographic

The Interactive Circle Infographic Widget can be used to show the content on your website inside an interactive infographic. You can use the Interactive Circle Infographic Widget with image buttons instead of just icons. It also supports advanced options such as Remote Connection and Syncing with other widgets.

 

Let’s look at each of the options in the “Interactive Circle Infographic Widget” below.

Install Interactive Circle Infographic Widget for Elementor

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Interactive Circle Infographic”
  3. Hover over the widget in the search results and click install
  4. Add your “Interactive Circle Infographic” widget to any Elementor Page

General Settings

1
Title

Type the title.

2
Text

Type the text to display in the cirlce.

3
First Selected

Turn on to display the first item as selected.

4
Show Icon In Button

Show/Hide the icon in button.

5
Show Text In Button

Show/Hide the text in the button.

6
Show Segments

Show/Hide the segments between items.

7
Close Center Item On Page Click

It will close the center item on page click

Source

The Interactive Circle Infographic  is fully integrated with dynamic source types that will supercharge your workflow. 

Use any of the available source types to populate the content in your widget.

Source Types

  • Items
  • WordPress Posts
  • ACF Custom Fields
  • JSON or CSV
  • Terms
  • Users
  • WordPress Menu
  • Instagram

Layout Settings

1
Show Title

Show/Hide the title.

2
Show Text

Show/Hide the text element.

3
Show Image

Show/Hide the image.

Connected Widgets Settings

1
Enable Remote Connection

Use remote control widgets to create advanced creative layouts.

2
Widget Name for Connection

This name will be used to connect and controls this widget by other widgets.

3
Sync

You can connect two item-based widgets and sync them.

4
Sync Group

Choose the same group for two or more item-based widgets so they can sync together.

Items Settings

Manage the circle’s items using the repeater field.

  • Add new items
  • Duplicate items
  • Delete items
  • Reorder Items
  • Edit Items
1
Title

Set a title for your circle section.

2
Icon

Choose an icon to display.

3
Text

Type your text to display in the circle section.

4
Image

Choose an image to display.

5
Segment Background

Set the color for segment background.

6
Button Label

Type text to display as button label.

Interactive Circle Infographic Widget Styling

Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want

General Styling

Set the circle size, padding, border, inner circle size, background and spacing.

Button/Segment Styling

Style the button text typography, background color, button color, button circle size, and icon size.

Separator Styling

In this section, set the separator color, width, height, and spacing.

Title Styling

In this section, set the title spacing, title color and title typography.

Text Styling

Style the text spacing, text color and text typography.

Image Styling

You can set the image height, radius, and image type.

Usage Examples

Here are some live use cases for the Interactive Circle Infographic widget.

Video Overview

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!