BlogCutter AI Section Builder for Elementor
| 开发者 |
blgctterai
imrandevbd |
|---|---|
| 更新时间 | 2026年5月1日 22:56 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 6.9 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
- AI-Powered Generation: Describe your desired layout (e.g., "A modern hero section with a dark gradient and two CTA buttons") and let the AI instantly write the code.
- Multiple Premium AI Providers: Choose between industry-leading models including OpenAI (GPT-4o, GPT-4o-mini), Google Gemini, Anthropic Claude, and xAI Grok.
- Live Preview: See a real-time, pixel-perfect rendering of the generated section before inserting it into your design.
- Built-in Code Editor: Tweak the generated HTML/CSS directly within the Elementor interface using the built-in syntax-highlighted code editor.
- One-Click Insert: Instantly push the final code into Elementor as a native HTML widget inside a new section.
- Zero Bloat & Blazing Fast: Generates pure inline HTML/CSS. No heavy external frameworks, no Tailwind dependencies, and no jQuery bloat, ensuring optimal Core Web Vitals.
- Customizable Visual Styles: Easily pick a predefined visual style (e.g., Modern, Luxury, Corporate) to automatically match your brand identity.
- Open any page in Elementor.
- Click the floating ✨ AI button in the bottom right corner of the editor.
- Select your section type, visual style, and type your prompt.
- Click Generate.
- Preview the result, tweak the code if needed, and hit Insert into Elementor.
安装:
- Upload the
blogcutter-ai-section-builder-for-elementorfolder to the/wp-content/plugins/directory, or install the ZIP file via the WordPress Plugins menu. - Activate the plugin through the 'Plugins' menu in WordPress.
- Navigate to Elementor > AI Section Builder in your WordPress dashboard.
- Select your preferred AI Provider (OpenAI or Grok) and enter your API Key.
- Save settings. You are now ready to generate sections inside the Elementor editor!
屏幕截图:
常见问题:
Do I need Elementor for this plugin to work?
Yes. This plugin is an add-on specifically built to operate inside the Elementor page builder environment.
Do I need my own API key?
Yes. You will need to provide your own API key from your chosen provider (OpenAI, Google Gemini, Anthropic Claude, or xAI Grok) to generate the sections. The plugin connects securely to these services from your server.
Will this slow down my website?
No. The plugin generates pure HTML and inline CSS. It does not load external CSS frameworks like Tailwind or Bootstrap on your front-end, keeping your site incredibly fast.
Can I edit the generated sections later?
Yes! The sections are inserted as standard Elementor HTML widgets. You can edit the code at any time, or use Elementor's advanced tabs to add margins, padding, or motion effects.
Which AI models are supported?
The plugin supports multiple premium AI providers including OpenAI (GPT-4o, GPT-4o-mini), Google Gemini, Anthropic Claude, and xAI Grok. You can configure your preferred provider and model in the plugin settings.
Can I use this with the free version of Elementor?
Yes, BlogCutter AI Section Builder works perfectly with both the free and Pro versions of Elementor.
Does the plugin generate Tailwind or Bootstrap classes?
No. To ensure optimal Core Web Vitals and zero bloat, the AI generates pure HTML and inline CSS. It does not rely on or load any external heavy CSS frameworks.
Are there recurring fees for using this plugin?
The plugin itself does not charge recurring fees. However, you are responsible for the API usage costs from your chosen AI provider (such as OpenAI or Anthropic) based on your own usage and their pricing models.
更新日志:
- Initial stable release.
- Added support for OpenAI and Grok (xAI) models.
- Implemented live preview and code editor interface.
- Added one-click insert into Elementor functionality.