Title: One Click Block For Elementor Author: Code and Core Published: July 30, 2025 Last modified: July 30, 2025 --- Search plugins ![](https://ps.w.org/one-click-block-for-elementor/assets/banner-772x250.png?rev =3516093) ![](https://ps.w.org/one-click-block-for-elementor/assets/icon-128x128.gif?rev=3464150) # One Click Block For Elementor By [Code and Core](https://profiles.wordpress.org/codeandcore/) [Download](https://downloads.wordpress.org/plugin/one-click-block-for-elementor.1.0.0.zip) * [Details](https://wordpress.org/plugins/one-click-block-for-elementor/#description) * [Reviews](https://wordpress.org/plugins/one-click-block-for-elementor/#reviews) * [Installation](https://wordpress.org/plugins/one-click-block-for-elementor/#installation) * [Development](https://wordpress.org/plugins/one-click-block-for-elementor/#developers) [Support](https://wordpress.org/support/plugin/one-click-block-for-elementor/) ## Description 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 ## Screenshots [⌊The Callout widget (Layout 1) in Elementor Back-end⌉⌊The Callout widget (Layout 1) in Elementor Back-end⌉[ The Callout widget (Layout 1) in Elementor Back-end [⌊The Callout widget (Layout 1) in Elementor Front-end⌉⌊The Callout widget (Layout 1) in Elementor Front-end⌉[ The Callout widget (Layout 1) in Elementor Front-end [⌊The Callout widget (Layout 2) in Elementor Back-end⌉⌊The Callout widget (Layout 2) in Elementor Back-end⌉[ The Callout widget (Layout 2) in Elementor Back-end [⌊The Callout widget (Layout 2) in Elementor Front-end⌉⌊The Callout widget (Layout 2) in Elementor Front-end⌉[ The Callout widget (Layout 2) in Elementor Front-end [⌊The Callout widget (Layout 3) in Elementor Back-end⌉⌊The Callout widget (Layout 3) in Elementor Back-end⌉[ The Callout widget (Layout 3) in Elementor Back-end [⌊The Callout widget (Layout 3) in Elementor Front-end⌉⌊The Callout widget (Layout 3) in Elementor Front-end⌉[ The Callout widget (Layout 3) in Elementor Front-end [⌊The Callout widget (Layout 4) in Elementor Back-end⌉⌊The Callout widget (Layout 4) in Elementor Back-end⌉[ The Callout widget (Layout 4) in Elementor Back-end [⌊The Callout widget (Layout 4) in Elementor Front-end⌉⌊The Callout widget (Layout 4) in Elementor Front-end⌉[ The Callout widget (Layout 4) in Elementor Front-end [⌊The Callout widget (Layout 5) in Elementor Back-end⌉⌊The Callout widget (Layout 5) in Elementor Back-end⌉[ The Callout widget (Layout 5) in Elementor Back-end [⌊The Callout widget (Layout 5) in Elementor Front-end⌉⌊The Callout widget (Layout 5) in Elementor Front-end⌉[ The Callout widget (Layout 5) in Elementor Front-end [⌊The Blocks widget (Layout 1) in Elementor Back-end⌉⌊The Blocks widget (Layout 1) in Elementor Back-end⌉[ The Blocks widget (Layout 1) in Elementor Back-end [⌊The Blocks widget (Layout 1) in Elementor Front-end⌉⌊The Blocks widget (Layout 1) in Elementor Front-end⌉[ The Blocks widget (Layout 1) in Elementor Front-end [⌊The Blocks widget (Layout 2) in Elementor Back-end⌉⌊The Blocks widget (Layout 2) in Elementor Back-end⌉[ The Blocks widget (Layout 2) in Elementor Back-end [⌊The Blocks widget (Layout 2) in Elementor Front-end⌉⌊The Blocks widget (Layout 2) in Elementor Front-end⌉[ The Blocks widget (Layout 2) in Elementor Front-end ## Installation 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. ## FAQ ### Does this plugin require Elementor? Yes, One Click Block For Elementor is an extension for Elementor and requires Elementor to be installed and activated. ### Can I use this plugin with any theme? Yes, it is compatible with any WordPress theme that supports Elementor. ### Is this plugin free? Yes, One Click Block For Elementor is free and open-source under the GPLv2 license. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “One Click Block For Elementor” is open source software. The following people have contributed to this plugin. Contributors * [ Code and Core ](https://profiles.wordpress.org/codeandcore/) [Translate “One Click Block For Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/one-click-block-for-elementor) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/one-click-block-for-elementor/), check out the [SVN repository](https://plugins.svn.wordpress.org/one-click-block-for-elementor/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/one-click-block-for-elementor/) by [RSS](https://plugins.trac.wordpress.org/log/one-click-block-for-elementor/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * First release of the plugin. ## Meta * Version **1.0.0** * Last updated **11 months ago** * Active installations **Fewer than 10** * WordPress version ** 5.0 or higher ** * Tested up to **6.8.5** * PHP version ** 7.4 or higher ** * Tags * [blocks](https://wordpress.org/plugins/tags/blocks/)[callouts](https://wordpress.org/plugins/tags/callouts/) [elementor](https://wordpress.org/plugins/tags/elementor/) * [Advanced View](https://wordpress.org/plugins/one-click-block-for-elementor/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/one-click-block-for-elementor/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/one-click-block-for-elementor/reviews/) ## Contributors * [ Code and Core ](https://profiles.wordpress.org/codeandcore/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/one-click-block-for-elementor/)