Customizing Templates with AI Prompts

Customizing Templates with AI Prompts

ElementorCanvas templates support AI-powered customization through prompt-based editing.

Using the AI Prompt Editor

1. Open a template in Elementor
2. Select any widget or section
3. Click the “AI” button in the panel toolbar
4. Enter your prompt (e.g., “Make this section darker with a gradient background”)
5. Review and apply the AI-generated changes

Effective Prompting Tips

• Be specific: “Change button color to #FF5D5D” works better than “Make buttons red”
• Reference context: “Match the header style used on the About page”
• Iterate: Chain prompts: “Add a border” → “Make it dashed” → “Increase thickness to 3px”

Prompt Examples

// Layout
"Convert this 2-column layout to a 3-column grid"
"Add a sticky sidebar to this section"

// Styling
"Apply dark mode colors to this card"
"Add a subtle hover animation to all buttons"

// Content
"Rewrite this headline to be more conversion-focused"
"Generate 3 testimonial variations for a SaaS product"

Advanced: Custom AI Instructions

In ElementorCanvas settings, you can define global AI instructions that apply to all prompts (brand voice, color preferences, coding standards).