One Click Block For Elementor lets you create & customize blocks, callouts with multiple layouts, offering full backend control.

Code and Core

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


Alternatives to One Click Block For Elementor

Top alternatives