BlogCutter AI Section Builder for Elementor is designed for Elementor users who want to build page sections by describing them instead of assembling widgets one by one.
Rather than dragging and dropping individual elements, you type a description of the layout you want and the plugin produces a ready-to-use HTML and CSS section that can be previewed, adjusted, and dropped into the page.
The plugin connects to an AI provider of your choice: OpenAI, Google Gemini, Anthropic Claude, or xAI Grok. You supply your own API key for the chosen service from within the plugin’s settings, and the plugin sends it your prompt, selected section type, style, and optional brand colors so the model can generate matching markup.
Results appear directly inside the Elementor editor, where they can be previewed across device sizes, edited, and inserted as a native HTML widget.
Powered by Fabio ChatBot
Is BlogCutter AI Section Builder for Elementor yours?
Tell readers what is limited and unlimited in the free version, and what the AI does in your plugin. Help them decide faster and reach the people already looking at it. In return, you answer their questions.
Key Features of BlogCutter AI Section Builder for Elementor
Prompt-based section generation. Describe the section you want in plain language and the plugin writes the corresponding HTML and CSS. This replaces manual widget-by-widget assembly for common layout needs.
Choice of AI provider. Connect to OpenAI, Google Gemini, Anthropic Claude, or xAI Grok, choosing between current and earlier model IDs or entering a custom model your account supports. A connection test on the settings screen lets you confirm your API key works before generating anything.
Brand color and starter prompts. Set primary and secondary colors so generated sections stay visually consistent with your site. One-click example prompts cover common section types such as hero, features, pricing, testimonials, and calls to action.
In-place refinement and history. Ask for adjustments like warmer colors or a shorter headline without rebuilding the section from scratch. The plugin also keeps your last eight generated sections available for reuse inside the editor.
Live preview and code editing. Check how a section looks at desktop, tablet, and mobile widths before committing to it, and edit the HTML or CSS directly if needed. Finished sections insert as a Flexbox container where available, or as a classic Elementor section.
Lightweight, sanitized output. Generated sections use plain HTML and inline CSS with no frameworks such as Tailwind or Bootstrap added to your site. Before being stored or inserted, the markup is stripped of scripts, iframes, event handlers, and unsafe CSS.
How to Install BlogCutter AI Section Builder for Elementor
Step 1: Install the plugin. In your WordPress dashboard, go to Plugins > Add New Plugin, search for BlogCutter AI Section Builder for Elementor, then click Install Now.
Step 2: Activate it. Click Activate once installation finishes. Elementor must already be installed and active on your site.
Step 3: Open the settings page. Go to Elementor > AI Section Builder to configure the plugin.
Step 4: Connect your AI provider. Choose a provider, paste in your API key, pick a model, and optionally set your brand colors.
Step 5: Test and save. Click Test connection to confirm the key works, then save your settings.
Step 6: Generate sections in Elementor. Open any page in Elementor, click the floating AI button, pick a section type and style or an example prompt, then click Generate to preview and insert your section.
Good to Know About BlogCutter AI Section Builder for Elementor
The developer notes that the plugin requires Elementor, free or Pro, to be installed and active, since it runs inside the Elementor editor rather than the block editor. It also requires an API key from whichever AI provider is selected, as that provider handles generation and may charge for usage separately from the plugin itself.
According to the documentation, the plugin follows current WordPress dashboard conventions for its interface and enqueues assets through standard WordPress APIs, and it sanitizes generated markup, stripping scripts, iframes, and unsafe CSS, before storing or inserting any section.
Download BlogCutter AI Section Builder for Elementor on WordPress.org