The “Product Bullets Widget” can be used to list your features or services using bullet points to make it easier for users to read the important information. A lot of customization options are available to create exactly the look you want for your Elementor page. This widget comes with advanced options like Remote Connection and Syncing with other widgets.
Let’s look at each of the options in the “Product Bullets Widget” below.
Install Product Bullets Widget for Elementor
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Product Bullets”
- Hover over the widget in the search results and click install
- Add your “Product Bullets” widget to any Elementor Page
Select the content direction.
- Row Reverse
Select the desired alignment of content.
Set the bullet direction.
- Row Reverse
Set the alignment of text from given options.
Show Graphic Element
Show/Hide the graphic element.
Set the transition duration in milliseconds.
Item Image Size
Select the item image size.
- Medium Large
- Full Size
Sequence Entrance Animation Settings
Sequence Entrance Animation
Select the sequence entrance animation for widget.
- Scale Up
- Scale Down
- From Left
- From Right
- From Top
- From Bottom
Connect Widget Settings
Enable Remote Connection
Use remote control widgets to create advanced creative layouts.
Widget Name for Connection
This name will be used to connect and controls this widget by other widgets.
You can connect two item-based widgets and sync them.
Choose the same group for two or more item-based widgets so they can sync together.
Bullet Source Settings
Select the bullet source for product bullets.
- ACF Custom Field
- JSON or CSV
To know more about source settings, please visit our article on Multi Source.
Manage the bullet items using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Set the title for bullet item.
Type text to display in bullet item.
Graphic Element Source
Choose the graphic element source.
Choose an icon to display.
Enable Custom Colors
Select to override the default colors for graphic, bullet, and bullet line.
Product Bullets Widget Styling
A variety of styling options are provided to control every aspect of the widget’s appearance. Select the colors that match the theme of your site. Make the widget look exactly how you want it to, by customizing the text, buttons, fonts, and layout.
Set the item padding, margin, background, border, and item radius.
In this section, set the title typography, color, and text shadow.
Set the text typography, spacing, text color in normal, hover and active state.
Graphic Element Styling
Set the width, height, icon size, gap, background color, border, typography, and positioning of graphic element.
Set the bullet circle size, and bullet color in normal, hover, and active state.
Bullet Line Styling
Here, you can set the bullet line weight, and bullet line color.
Here are some live use cases for the Product Bullets Widget.
Product Bullets Widget synced with Hotspots and Remote Arrows.