The Circle Menu Widget is a circular layout that distributes link evenly around its radius. You can make the circle menu using its wide range of customization and styling options in no time.
Let’s look at each of the options in the “Circle Menu Widget” below.
Install Circle Menu Widget for Elementor
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Circle Menu”
- Hover over the widget in the search results and click install
- Add your “Circle Menu” widget to any Elementor Page
General Settings
Title
Type the title for circle menu.
Text
Type the text to display in the circle menu.
Show Title
Show/Hide the title element.
Show Text
Show/Hide the text.
Show Link Text
Show/Hide the link text.
Show Link Icon
Show/Hide the link icon element.
Show Tooltip
Show/Hide the tooltip element.
Items Settings
Schema Settings
Enable Schema
Enable Schema for the selected widget.
Schema Source
Choose the Schema Source:
From List
Custom
Custom JSON Schema
We can also add a Custom JSON Schema.
Schema Type
Choose the Schema Type:
FAQ (FAQ Page)
List of Person (Person)
How To
Recipe
Courses (Course)
Books (Book)
Items List (ItemList)
Event
Places (Place)
Products (Product)
Tourist Destinations (TouristDestination)
Event Series (EventSeries)
Music Playlist (MusicPlaylist)
Search Results Page (SearchResultsPage)
We are continuously expanding the list of supported Schema types in upcoming releases.
Schema Main Title
Enter a Schema title that describes the action, for example, how to tie your shoes.
Enable Fields Mapping
Enable manual field mapping by roles. Post-related fields are applicable only
When the content is sourced from posts.
Show Schema Debug
Display Schema debug information in the front-end footer.
Circle Menu Widget Styling
Modify the colors to match your site’s look and feel. Customize the text, icons, fonts and layout to make the widget look and work exactly like you want it too.
Menu Styling
Style the menu border, color, background, and padding.
Link Styling
You can style the link size, background, color, typography, border, spacing etc.
Link Hover Styling
Set the link hover background, color, border and shadow hover.
Title Styling
Here, you can style the title color, typography, shadow, and spacing.
Text Styling
You can style the text color, typography, shadow, and spacing.
Usage Example
Here are some live use cases for the Circle Menu Widget.
