Prompt Builder for Elementor

Generate Elementor-ready layouts from a text prompt and import them directly into the Elementor editor.

Overview

Prompt Builder for Elementor adds an AI-powered popup inside the Elementor editor. From the section insert area, users can open a prompt modal, describe the section they want, generate Elementor-safe JSON, and import the generated layout into the current page.

The plugin also includes an admin dashboard for activity analytics, a dedicated settings screen for provider configuration, and a tutorial page for the editor workflow.

Highlights

• Adds an AI Prompt Builder trigger beside Elementor's section insert controls
• Supports Demo Builder, OpenAI, and NVIDIA generation modes
• Generates Elementor-compatible JSON with free-widget-safe structure
• Imports generated content directly into the current Elementor page
• Tracks successful generate and import activity for dashboard analytics
• Includes admin charts for trends, top users, and provider share
• Requires explicit opt-in before prompts are sent to a third-party AI provider
• Caches remote AI responses with WordPress transients to reduce repeated calls

Compatibility

• Plugin version: 1.6.2
• Requires WordPress: 6.6+
• Tested up to WordPress: 6.9
• Requires Elementor: 4.0.0+
• Elementor tested up to: 4.0.1
• Requires PHP: 7.4+

Features

Elementor Editor Flow

1. Open a page with Elementor.
2. Click the AI trigger in the section insert area.
3. Write a prompt.
4. Click Generate.
5. Review the generated JSON.
6. Click Import to insert the layout into the current page.

Admin Area

• Dashboard Analytics-focused view with summary cards, charts, recent activity, and user snapshots
• Settings Configure AI provider, API keys, model names, remote consent, and uninstall cleanup behavior
• Tutorial Short walkthrough for the editor popup and import flow

Generation Modes

• Demo Builder Uses the built-in local generator and does not send prompts to a third-party provider
• OpenAI Sends prompts to OpenAI only when fully configured and remote consent is enabled
• NVIDIA Sends prompts to NVIDIA only when fully configured and remote consent is enabled

Installation

1. Copy the plugin folder into wp-content/plugins/.
2. Activate Prompt Builder for Elementor from the WordPress plugins screen.
3. Make sure Elementor is installed and active.
4. Open Prompt Builder for Elementor > Settings.
5. Choose your preferred generation mode.
6. If using OpenAI or NVIDIA, enter the API key and model name, then enable remote consent.

Usage

Generate and Import a Layout

1. Open any page in Elementor.
2. Hover the section insert area and click the AI button.
3. Enter a clear prompt such as:

Create a modern hero section for a furniture store with a heading, short text, CTA button, and image.

4. Click Generate.
5. After the JSON is ready, click Import.
6. Edit the imported content directly inside Elementor.

View Analytics

Open Prompt Builder for Elementor > Dashboard to see:

• Total successful generates
• Total successful imports
• Active users
• Import rate
• Generate vs import trend
• Top users
• Provider usage share
• Recent activity

Privacy and Data Handling

• Prompts are only sent to OpenAI or NVIDIA after explicit admin opt-in
• If remote consent is disabled, the plugin falls back to Demo Builder
• Remote responses are cached with WordPress transients
• Deactivation does not delete plugin data
• Uninstall only removes plugin data if cleanup was enabled in Settings before uninstall

Project Structure

prompt-builder-for-elementor/
|-- assets/
|   |-- css/
|   |   |-- admin/
|   |   |   |-- base.css
|   |   |   |-- dashboard.css
|   |   |   |-- settings.css
|   |   |   `-- tutorial.css
|   |   `-- editor.css
|   |-- js/
|   |   |-- admin/
|   |   |   `-- dashboard.js
|   |   `-- editor.js
|   `-- vendor/
|       `-- chartjs/
|-- includes/
|   |-- admin/
|   |   |-- class-epb-admin-dashboard-page.php
|   |   |-- class-epb-admin-settings-page.php
|   |   `-- class-epb-admin-tutorial-page.php
|   |-- class-epb-admin.php
|   |-- class-epb-ajax.php
|   |-- class-epb-editor.php
|   |-- class-epb-helper.php
|   `-- class-epb-plugin.php
|-- languages/
|-- prompt-builder-for-elementor.php
`-- uninstall.php

Development Notes

• Admin features are split into separate PHP, JS, and CSS files for easier maintenance
• Scripts and styles are enqueued with WordPress APIs
• AJAX requests use nonce verification and capability checks
• Imported JSON is sanitized and normalized before Elementor import
• The plugin is structured to remain compatible with current WordPress.org-friendly practices

License

GPL-2.0-or-later