One Click Block For Elementor

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

1. Upload the one-click-block-for-elementors folder to the /wp-content/plugins/ directory.
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. Go to Elementor settings and start using the custom widgets.

1. 

   The Callout widget (Layout 1) in Elementor Back-end

2. 

   The Callout widget (Layout 1) in Elementor Front-end

3. 

   The Callout widget (Layout 2) in Elementor Back-end

4. 

   The Callout widget (Layout 2) in Elementor Front-end

5. 

   The Callout widget (Layout 3) in Elementor Back-end

6. 

   The Callout widget (Layout 3) in Elementor Front-end

7. 

   The Callout widget (Layout 4) in Elementor Back-end

8. 

   The Callout widget (Layout 4) in Elementor Front-end

9. 

   The Callout widget (Layout 5) in Elementor Back-end

10. 

    The Callout widget (Layout 5) in Elementor Front-end

11. 

    The Blocks widget (Layout 1) in Elementor Back-end

12. 

    The Blocks widget (Layout 1) in Elementor Front-end

13. 

    The Blocks widget (Layout 2) in Elementor Back-end

14. 

    The Blocks widget (Layout 2) in Elementor Front-end

1.0.0

• First release of the plugin.