Title: BlogCutter AI Section Builder for Elementor Author: Blog Cutter AI Published: 1 May 2026 Last modified: 8 September 2026 --- Search plugins ![](https://ps.w.org/blogcutter-ai-section-builder-for-elementor/assets/banner-772x250. png?rev=3520456) ![](https://ps.w.org/blogcutter-ai-section-builder-for-elementor/assets/icon-256x256. png?rev=3520456) # BlogCutter AI Section Builder for Elementor By [Blog Cutter AI](https://profiles.wordpress.org/blgctterai/) [Download](https://downloads.wordpress.org/plugin/blogcutter-ai-section-builder-for-elementor.zip) * [Details](https://en-gb.wordpress.org/plugins/blogcutter-ai-section-builder-for-elementor/#description) * [Reviews](https://en-gb.wordpress.org/plugins/blogcutter-ai-section-builder-for-elementor/#reviews) * [Installation](https://en-gb.wordpress.org/plugins/blogcutter-ai-section-builder-for-elementor/#installation) * [Development](https://en-gb.wordpress.org/plugins/blogcutter-ai-section-builder-for-elementor/#developers) [Support](https://wordpress.org/support/plugin/blogcutter-ai-section-builder-for-elementor/) ## Description **BlogCutter AI Section Builder for Elementor** supercharges your Elementor workflow by integrating advanced AI models (OpenAI, Google Gemini, Anthropic Claude, and xAI Grok) directly into the Elementor editor. Instead of building sections widget by widget, describe what you need. The plugin generates lightweight HTML/CSS sections that you can preview, refine, edit, and insert into your page. **Tested with WordPress 7.1** (“Mary Lou”). Assets are enqueued with WordPress APIs, the admin UI follows current dashboard patterns, and generated markup is sanitized before insert. **Watch it in action:** https://www.youtube.com/watch?v=-Yr-u2spO_s ### Key Features * **AI-powered generation:** Describe a layout and let the AI write the code. * **Multiple AI providers:** OpenAI, Google Gemini, Anthropic Claude, and xAI Grok, with current and classic model IDs plus a custom model field. * **Connection test:** Verify your API key from the settings screen before you start designing. * **Brand colors:** Set primary and secondary colors so every generation stays on-brand. * **Prompt examples:** One-click starter prompts for hero, features, pricing, testimonials, and CTA sections. * **Refine in place:** Ask for a change (“warmer colors”, “shorter headline”) without starting over. * **Generation history:** Reuse your last 8 sections from inside the editor. * **Device preview:** Check desktop, tablet, and mobile widths before insert. * **Elementor containers:** Insert as a Flexbox container when available, or as a classic section. * **Live preview + code editor:** Tweak HTML/CSS, then insert as a native HTML widget. * **Zero front-end bloat:** Pure HTML/CSS only. No Tailwind, no extra scripts on your site. ### How it Works 1. Open any page in Elementor. 2. Click the floating AI button in the bottom-right corner of the editor. 3. Select a section type and visual style, or click an example prompt. 4. Click **Generate**. 5. Preview, refine, or edit the code, then insert into Elementor. ### External services This plugin relies on third-party AI services to generate HTML sections inside the Elementor editor based on user prompts. Depending on the AI provider configured in the plugin settings, it connects to one of the following external APIs. Data is sent only when you click Generate, Refine, or Test connection. Your API key is stored in your WordPress database and is never exposed to site visitors. 1. **OpenAI (GPT models)** 2. * **Purpose**: Generate HTML and CSS for Elementor sections, and optionally verify the API key. * **Data sent**: The user’s prompt, section type, visual style, optional brand colors, and (when refining) the previous HTML. A key test may list available models. * Terms of Use: https://openai.com/policies/terms-of-use * Privacy Policy: https://openai.com/policies/privacy-policy 3. **Google Gemini (Google Generative Language API)** 4. * **Purpose**: Generate HTML and CSS for Elementor sections, and optionally verify the API key. * **Data sent**: The user’s prompt, section type, visual style, optional brand colors, and (when refining) the previous HTML. * Terms of Service: https://policies.google.com/terms * Privacy Policy: https://policies.google.com/privacy 5. **Anthropic Claude** 6. * **Purpose**: Generate HTML and CSS for Elementor sections, and optionally verify the API key. * **Data sent**: The user’s prompt, section type, visual style, optional brand colors, and (when refining) the previous HTML. * Terms of Service: https://www.anthropic.com/legal/consumer-terms * Privacy Policy: https://www.anthropic.com/legal/privacy 7. **xAI (Grok)** 8. * **Purpose**: Generate HTML and CSS for Elementor sections, and optionally verify the API key. * **Data sent**: The user’s prompt, section type, visual style, optional brand colors, and (when refining) the previous HTML. * Terms of Service: https://x.ai/terms * Privacy Policy: https://x.ai/privacy ## Screenshots [⌊The floating AI button on the Elementor editor loading screen.⌉⌊The floating AI button on the Elementor editor loading screen.⌉[ The floating AI button on the Elementor editor loading screen. [⌊The floating AI button in the Elementor workspace.⌉⌊The floating AI button in the Elementor workspace.⌉[ The floating AI button in the Elementor workspace. [⌊The AI Section Builder prompt and options.⌉⌊The AI Section Builder prompt and options.⌉[ The AI Section Builder prompt and options. [⌊Choosing a visual style.⌉⌊Choosing a visual style.⌉[ Choosing a visual style. [⌊Generation in progress.⌉⌊Generation in progress.⌉[ Generation in progress. [⌊Live preview before insert.⌉⌊Live preview before insert.⌉[ Live preview before insert. [⌊The generated section inserted into the page.⌉⌊The generated section inserted into the page.⌉[ The generated section inserted into the page. [⌊Settings: provider, model, and API key.⌉⌊Settings: provider, model, and API key .⌉[ Settings: provider, model, and API key. [⌊Settings: brand colors and defaults.⌉⌊Settings: brand colors and defaults.⌉[ Settings: brand colors and defaults. ## Installation 1. Upload the `blogcutter-ai-section-builder-for-elementor` folder to the `/wp-content/ plugins/` directory, or install the ZIP via **Plugins Add New**. 2. Activate the plugin through the Plugins menu. Elementor must already be installed and active. 3. Go to **Elementor AI Section Builder**. 4. Choose a provider, enter your API key, pick a model, and optionally set brand colors. 5. Click **Test connection**, then save. You can now generate sections inside the Elementor editor. ## FAQ ### Is this compatible with WordPress 7.1? Yes. Version 2.0.0 is tested up to WordPress 7.1. The plugin runs in the Elementor editor (not the block canvas), enqueues its CSS/JS with WordPress APIs, and follows current Plugin Directory guidelines. ### Do I need Elementor? Yes. This is an add-on for the Elementor page builder (free or Pro). ### Do I need my own API key? Yes. Provide a key from OpenAI, Google Gemini, Anthropic Claude, or xAI Grok. The plugin talks to that service from your server. You pay the provider for usage; the plugin itself has no subscription. ### Will this slow down my website? No. Generated output is HTML and inline CSS. The plugin does not load Tailwind, Bootstrap, or extra front-end scripts. ### Can I edit sections later? Yes. They are inserted as standard Elementor HTML widgets (inside a container or classic section). You can edit the code or add Elementor spacing and motion effects. ### Which AI models are supported? Suggested models are listed per provider, including current 2026 IDs and widely used earlier models. You can also type any model ID your account can call. ### Does the plugin generate Tailwind or Bootstrap? No. It asks the model for self-contained HTML/CSS with no external frameworks. ### Is generated HTML sanitized? Yes. Scripts, iframes, event handlers, and unsafe CSS are stripped before the section is stored or inserted. ### Are there recurring fees? The plugin is free. You pay only your chosen AI provider, based on their pricing. ## Reviews There are no reviews for this plugin. ## Contributors and Developers “BlogCutter AI Section Builder for Elementor” is open source software. The following people have contributed to this plugin. Contributors * [ Blog Cutter AI ](https://profiles.wordpress.org/blgctterai/) * [ IMRAN AHMED ](https://profiles.wordpress.org/imrandevbd/) [Translate “BlogCutter AI Section Builder for Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/blogcutter-ai-section-builder-for-elementor) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/blogcutter-ai-section-builder-for-elementor/), check out the [SVN repository](https://plugins.svn.wordpress.org/blogcutter-ai-section-builder-for-elementor/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/blogcutter-ai-section-builder-for-elementor/) by [RSS](https://plugins.trac.wordpress.org/log/blogcutter-ai-section-builder-for-elementor/?limit=100&mode=stop_on_copy&format=rss). ## Change Log #### 2.0.0 * Tested with WordPress 7.1. * Rebuilt settings into a clearer, card-based admin screen. * Enqueue CSS and JS with WordPress APIs (Plugin Directory requirement). * Added API connection test, brand colors, default type/style, and insert mode. * Added prompt examples, refine, generation history, and device preview. * Insert as an Elementor Flexbox container when available. * Sanitize generated HTML/CSS and add request rate limits. * Support current and classic models, plus a custom model ID. * Clean up settings and history on uninstall. #### 1.2.0 * Initial stable release. * Added support for OpenAI and Grok (xAI) models. * Implemented live preview and code editor interface. * Added one-click insert into Elementor. ## Meta * Version **2.0.0** * Last updated **1 month ago** * Active installations **Fewer than 10** * WordPress version ** 6.0 or higher ** * Tested up to **7.1.3** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/blogcutter-ai-section-builder-for-elementor/) * Tags * [AI](https://en-gb.wordpress.org/plugins/tags/ai/)[elementor](https://en-gb.wordpress.org/plugins/tags/elementor/) [openai](https://en-gb.wordpress.org/plugins/tags/openai/)[page builder](https://en-gb.wordpress.org/plugins/tags/page-builder/) [sections](https://en-gb.wordpress.org/plugins/tags/sections/) * [Advanced View](https://en-gb.wordpress.org/plugins/blogcutter-ai-section-builder-for-elementor/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/blogcutter-ai-section-builder-for-elementor/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/blogcutter-ai-section-builder-for-elementor/reviews/) ## Contributors * [ Blog Cutter AI ](https://profiles.wordpress.org/blgctterai/) * [ IMRAN AHMED ](https://profiles.wordpress.org/imrandevbd/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/blogcutter-ai-section-builder-for-elementor/)