One Click Block For Elementor is a powerful Elementor extension that enables users to create and customize blocks, and callouts with multiple layout options. The plugin provides full backend control, allowing seamless integration and flexible customization inside the Elementor interface.
Features
- Multiple callout & block layout options
- Full backend control for customization
- Seamless integration with Elementor
- Lightweight and optimized for performance
Using the Callouts Widget in Elementor
1. Drag & Drop the Widget
- Locate the Callouts widget in the Elementor panel.
- Drag and drop it into your page layout.
2. Choose Layout
- Under the Content tab, choose from available layouts:
- Layout 1: Horizontal design with text and icons over a background image.
- Layout 2–5: Each provides a different structure for icons, titles, buttons, and more.
3. Configure Content
- Set options like:
- Main Title and Description
- Right Side Image
- Box Column or Items with content blocks
- Button Text & Link (for interactive layouts)
4. Style Customization
Use the Style tab to modify:
– Typography and colors for:
– Titles
– Descriptions
– Box items
– Icons
– Buttons
– Image styles (size, border radius)
– Background colors and hover states
5. Customize Each Section
Manage your content using Box Items or Box Column:
– Set icons, background images, text, buttons, and layout-specific details.
Using the Blocks Widget in Elementor
1. Drag & Drop the Widget
- In the Elementor editor, locate the Blocks widget.
- Drag it into your desired section.
2. Choose Layout
- Under the Blocks Layout dropdown, select layout styles, each offering unique designs.
3. Add Section Content
- Configure:
- Background Color
- Section Image
- Title & Description
4. Add Items
- Use + Add Item to insert content items like:
- Stats, numbers, features, descriptions
5. Style Your Blocks
Customize in the Style tab:
– Title & Description: Typography, colors
– Box Items: Background, title color, content styling
– Buttons: Colors, hover effects, typography
– Spacing & Border Radius: Fine-tune layout padding and visuals
