Widgets

WPBits provides over 40 widgets that seamlessly integrate with Elementor’s page builder interface. This guide explains how to access and use these widgets in your projects.

Accessing WPBits Widgets

1. Open a page or post in Elementor editor
2. Look for the Elements Panel on the left side
3. WPBits widgets are labeled with [WPBits] prefix
4. Drag and drop any widget onto your page
5. Configure the widget settings in the left panel

Using Widgets

Basic Workflow

1. Add Widget: Drag the widget from the Elements Panel to your page
2. Configure Content: Edit the widget content in the Content tab
3. Style Widget: Customize appearance in the Style tab
4. Advanced Settings: Fine-tune behavior in the Advanced tab

Widget Settings

Each widget typically includes:

• Content Tab: Widget-specific content and data
• Style Tab: Visual styling options (colors, typography, spacing)
• Advanced Tab: Additional effects, responsive settings, custom CSS