Some things are impossible to explain in a list. “We connect to everything you already use.” “Five services, one team.” “Your data goes in here and comes back out there.” Written as bullet points it reads like every other page. The visitor scans it, believes none of it, and scrolls.
A diagram does the job in a second, because the shape carries the meaning. Things in orbit around a centre say connected without a single sentence of copy.
The Elementor circle hub in Sky Addons Pro 5.0 builds that as a widget: items circling a centre panel, each one clickable, each with its own title, description and link.
| A feature list | A circle hub |
|---|---|
| Reads as a claim | Reads as a relationship |
| Ten rows nobody finishes | One shape, understood instantly |
| A static section | Motion that draws the eye without shouting |
| Logos as decoration | Every logo is a link to a real page |
| Same on every screen | Collapses to a swipeable rail on phones |
A centre panel that keeps up. As each item passes the top of the ring, the panel swaps to that item’s title, description and call to action. The section explains itself while the visitor watches, and it still works if they never touch it.
Two rings, turning opposite ways. Put your primary integrations on the inner ring and the long tail on the outer one. A ring only appears when an item uses it, and the second turns the other way, which keeps a busy section from looking like a single spinning wheel.
Motion you can slow down. Seconds per full turn is a number you set, direction can be clockwise, counter clockwise or alternate, hover pauses it, and visitors can drag to spin it themselves. Set it slow, around forty seconds, and it reads as calm rather than busy.
Icons or images, per item. An icon set for services, real logos for integrations, photographs for people. Each item can also override the section colours, which is how one ring holds brand-coloured logos without looking like a paint chart.
A phone layout that is not a compromise. The ring shrinks to fit small screens by default, or you can swap it for a swipeable chip rail below 768px, which is usually the better answer when there are more than eight items.
Entrance animation. Items fly out from the middle to their place on the ring, one after another, so the section assembles itself as the visitor arrives at it.
Every item should link somewhere real. A ring of logos that goes nowhere is decoration. A ring where each logo opens a setup guide is a page that sells.
Two reasons. The first is comprehension: a centre with things around it is one of the few diagrams everyone reads the same way, so you get your point across before anyone reads a word. The second is motion. A slow rotation is one of the very few animations people find pleasant rather than distracting, because nothing is asked of them and nothing jumps.
There is a commercial reason as well. Integration pages are among the highest-converting pages on a SaaS site, because visitors arrive searching for their own tool’s name. Giving each item a title, a sentence and a link turns a decorative ring into a set of answers.
A diagram still needs a text equivalent, and the W3C guidance on complex images explains what to write so the section makes sense to somebody using a screen reader.
Yes. Every item has a title, a description and a call to action with its own link.
Yes. The ring scales down by default, and you can switch to a swipeable chip rail below 768px.
Yes, per item, along with per-item colours so brand logos keep their own palette.
You control the speed and direction, hovering pauses it, and visitors can drag it themselves.
No. Sky Addons works with the free version of Elementor. The circle hub itself is a Pro widget in Sky Addons.
Some claims are easier to draw than to write. The Elementor circle hub draws yours: integrations, services or people in orbit around one panel that explains each of them in turn. It is a section people watch rather than skim, and every item in it is a link to somewhere that sells.
The Circle Hub demo runs eleven hubs on one page, including a full integrations ring with real logos, a team ring and a dark product diagram. Drag one, hover another, and check the phone view. Every setting is in the Circle Hub documentation.
If the same page needs a step-by-step story rather than a diagram, the Elementor timeline widget is the better shape. Both are in the release described in Sky Addons 4.0 and Pro 5.0.
The circle hub is a Pro widget, included with every Sky Addons Pro plan, and the free versus Pro page shows what the free plugin already covers.
Comments are closed.