WordPress - AI-Powered Page Builder
Generate WordPress landing pages with AI in GHL Customer Care, then refine content, change tone, update styles, and keep editing easily in Elementor for your brand.
Assistants need to reach this page over the internet. While it is only running on your machine, these two buttons will not be able to load it.
On this page
AI-Powered WordPress Page Builder helps you create WordPress landing pages faster with AI in GHL Customer Care. This article shows how to generate a page, customize its content and style, and continue editing it in Elementor.
TABLE OF CONTENTS
- What is AI-Powered WordPress Page Builder?
- Key Benefits of AI-Powered WordPress Page Builder
- How To Use AI-Powered WordPress Page Builder
- Preview, Publish, and Unpublish an AI-Generated Page
- Frequently Asked Questions
- Related Articles
What is AI-Powered WordPress Page Builder?
AI-Powered WordPress Page Builder lets you generate WordPress landing pages with AI inside GHL Customer Care. After generation, new AI Pages are created in Draft mode by default so you can review, customize, and preview them before publishing. When a page is ready, you can publish it or unpublish it later when you need to take it offline.
Important: Draft & Preview Mode for AI Pages requires LeadConnector plugin version 4.0.3 or later.
Key Benefits of AI-Powered WordPress Page Builder
Faster page creation: Generate a complete landing page structure in minutes instead of starting from a blank canvas.
Guided setup: Use business niche, business goal, and content feel selections to give the AI better direction.
Prompt assistance: Use the Improvise option to strengthen your prompt when you need help describing the page.
Built-in customization: Refine content, adjust tone, and switch color palettes directly in the page editor.
Elementor compatibility: Continue editing the generated page in Elementor using the workflow you already know.
- Live style previews: Preview color palette changes in real time before applying them to the page.
- Targeted image regeneration: Regenerate a single AI-generated image without rebuilding the full page.
- More section variety: Choose from expanded layout and content variants for sections like testimonials, services, FAQs, and hero banners.
Draft-first workflow: New AI-generated pages are created in Draft mode by default, giving you time to review and customize them before they go live.
Preview before publishing: Preview an AI-generated page to see how it will appear on your website before publishing it.
Publish and unpublish controls: Publish a page when it is ready or unpublish it when you need to take it offline.
How To Use AI-Powered WordPress Page Builder
A clear setup process helps you create a stronger first draft, guide the AI more effectively, and make faster updates after the page is generated.
Go to Sites > WordPress > All Sites.
Step 1 of 17: Go to Sites > WordPress > All Sites What this shows Step 1 of 17: Go to Sites > WordPress > All Sites. What this shows Shows where to go for step 1 of 17 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". This screenshot accompanies step 1 of 17 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". At this point in the walkthrough you go to Sites > WordPress > All Sites. For context, this section explains: A clear setup process helps you create a stronger first draft, guide the AI more effectively, and make faster updates after the page is generated. The navigation path used here is Sites > WordPress > All Sites. This part of the guide covers 8 fields, listed below. The next step is to click Manage Website. Where to goGo to Sites > WordPress > All Sites. Fields in this part of the guide Content options:Available tone options include:ProfessionalFriendlyCompellingConfidentRegenerate a specific AI-generated image:Style options:Buttons and menus referenced Sites > WordPress > All SitesManage WebsitePagesAI Generated PagesGenerate New AI Pagepage detailsPage NameCustom Site SlugName of BusinessNextbusiness nichebusiness goalNext stepClick Manage Website.All 14 steps in this procedure
- Go to Sites > WordPress > All Sites. this image
- Click Manage Website.
- Go to Pages.
- Select AI Generated Pages.
- Click Generate New AI Page.
- Enter the page details:
- Choose your design preferences:
- Describe the page you want: Enter a plain-language prompt describing the type of page you want the AI to create. Include important details such as offers, sections, services, brand style, or calls to action. Click Improvise if you want GHL Customer Care to improve your prompt.
- Click Generate Page.
- Review the generated page. New AI-generated pages are created in Draft mode by default, so the page can be reviewed and customized before it is published.
- Use the Customizations panel to update content and styles.
- Content options:
- Available tone options include:
- Regenerate a specific AI-generated image:
Click Manage Website.
Step 2 of 17: Click Manage Website What this shows Step 2 of 17: Click Manage Website. What this shows Shows what to click for step 2 of 17 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". This screenshot accompanies step 2 of 17 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". At this point in the walkthrough you click Manage Website. For context, this section explains: A clear setup process helps you create a stronger first draft, guide the AI more effectively, and make faster updates after the page is generated. The navigation path used here is Sites > WordPress > All Sites. This part of the guide covers 8 fields, listed below. The next step is to go to Pages. What to clickClick Manage Website. Fields in this part of the guide Content options:Available tone options include:ProfessionalFriendlyCompellingConfidentRegenerate a specific AI-generated image:Style options:Buttons and menus referenced Manage WebsiteSites > WordPress > All SitesPagesAI Generated PagesGenerate New AI Pagepage detailsPage NameCustom Site SlugName of BusinessNextbusiness nichebusiness goalNext stepGo to Pages.All 14 steps in this procedure
- Go to Sites > WordPress > All Sites.
- Click Manage Website. this image
- Go to Pages.
- Select AI Generated Pages.
- Click Generate New AI Page.
- Enter the page details:
- Choose your design preferences:
- Describe the page you want: Enter a plain-language prompt describing the type of page you want the AI to create. Include important details such as offers, sections, services, brand style, or calls to action. Click Improvise if you want GHL Customer Care to improve your prompt.
- Click Generate Page.
- Review the generated page. New AI-generated pages are created in Draft mode by default, so the page can be reviewed and customized before it is published.
- Use the Customizations panel to update content and styles.
- Content options:
- Available tone options include:
- Regenerate a specific AI-generated image:
Go to Pages.
Select AI Generated Pages.
Click Generate New AI Page.
Step 5 of 17: Click Generate New AI Page What this shows Step 5 of 17: Click Generate New AI Page. What this shows Shows what to click for step 5 of 17 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". This screenshot accompanies step 5 of 17 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". At this point in the walkthrough you click Generate New AI Page. For context, this section explains: A clear setup process helps you create a stronger first draft, guide the AI more effectively, and make faster updates after the page is generated. The navigation path used here is Sites > WordPress > All Sites. This part of the guide covers 8 fields, listed below. The next step is to enter the page details. What to clickClick Generate New AI Page. Fields in this part of the guide Content options:Available tone options include:ProfessionalFriendlyCompellingConfidentRegenerate a specific AI-generated image:Style options:Buttons and menus referenced Generate New AI PageSites > WordPress > All SitesManage WebsitePagesAI Generated Pagespage detailsPage NameCustom Site SlugName of BusinessNextbusiness nichebusiness goalNext stepEnter the page details:All 14 steps in this procedure
- Go to Sites > WordPress > All Sites.
- Click Manage Website.
- Go to Pages.
- Select AI Generated Pages.
- Click Generate New AI Page. this image
- Enter the page details:
- Choose your design preferences:
- Describe the page you want: Enter a plain-language prompt describing the type of page you want the AI to create. Include important details such as offers, sections, services, brand style, or calls to action. Click Improvise if you want GHL Customer Care to improve your prompt.
- Click Generate Page.
- Review the generated page. New AI-generated pages are created in Draft mode by default, so the page can be reviewed and customized before it is published.
- Use the Customizations panel to update content and styles.
- Content options:
- Available tone options include:
- Regenerate a specific AI-generated image:
Enter the page details:
Add the Page Name.
Add the Custom Site Slug.
Add the Name of Business.
Click Next.
Step 4 of 4: Click Next What this shows Step 4 of 4: Click Next. What this shows Shows what to click for step 4 of 4 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". This screenshot accompanies step 4 of 4 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". At this point in the walkthrough you click Next. For context, this section explains: A clear setup process helps you create a stronger first draft, guide the AI more effectively, and make faster updates after the page is generated. This part of the guide covers 8 fields, listed below. What to clickClick Next. Fields in this part of the guide Content options:Available tone options include:ProfessionalFriendlyCompellingConfidentRegenerate a specific AI-generated image:Style options:Buttons and menus referenced NextSites > WordPress > All SitesManage WebsitePagesAI Generated PagesGenerate New AI Pagepage detailsPage NameCustom Site SlugName of Businessbusiness nichebusiness goalAll 4 steps in this procedure
- Add the Page Name.
- Add the Custom Site Slug.
- Add the Name of Business.
- Click Next. this image
Choose your design preferences:
Select your business niche.
Select your business goal.
Select how the content should feel.
Click Next.
Step 4 of 4: Click Next What this shows Step 4 of 4: Click Next. What this shows Shows what to click for step 4 of 4 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". This animation accompanies step 4 of 4 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". At this point in the walkthrough you click Next. For context, this section explains: A clear setup process helps you create a stronger first draft, guide the AI more effectively, and make faster updates after the page is generated. This part of the guide covers 8 fields, listed below. What to clickClick Next. Fields in this part of the guide Content options:Available tone options include:ProfessionalFriendlyCompellingConfidentRegenerate a specific AI-generated image:Style options:Buttons and menus referenced NextSites > WordPress > All SitesManage WebsitePagesAI Generated PagesGenerate New AI Pagepage detailsPage NameCustom Site SlugName of Businessbusiness nichebusiness goalAll 4 steps in this procedure
- Select your business niche.
- Select your business goal.
- Select how the content should feel.
- Click Next. this image
Describe the page you want: Enter a plain-language prompt describing the type of page you want the AI to create. Include important details such as offers, sections, services, brand style, or calls to action.
Click Improvise if you want GHL Customer Care to improve your prompt.Click Generate Page.
Step 9 of 17: Click Generate Page What this shows Step 9 of 17: Click Generate Page. What this shows Shows what to click for step 9 of 17 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". This animation accompanies step 9 of 17 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". At this point in the walkthrough you click Generate Page. For context, this section explains: A clear setup process helps you create a stronger first draft, guide the AI more effectively, and make faster updates after the page is generated. The navigation path used here is Sites > WordPress > All Sites. This part of the guide covers 8 fields, listed below. The next step is to review the generated page. New AI-generated pages are created in Draft mode by default, so the page can be reviewed and customized before it is published. What to clickClick Generate Page. Fields in this part of the guide Content options:Available tone options include:ProfessionalFriendlyCompellingConfidentRegenerate a specific AI-generated image:Style options:Buttons and menus referenced Generate PageSites > WordPress > All SitesManage WebsitePagesAI Generated PagesGenerate New AI Pagepage detailsPage NameCustom Site SlugName of BusinessNextbusiness nicheNext stepReview the generated page. New AI-generated pages are created in Draft mode by default, so the page can be reviewed and customized before it is published.All 14 steps in this procedure
- Go to Sites > WordPress > All Sites.
- Click Manage Website.
- Go to Pages.
- Select AI Generated Pages.
- Click Generate New AI Page.
- Enter the page details:
- Choose your design preferences:
- Describe the page you want: Enter a plain-language prompt describing the type of page you want the AI to create. Include important details such as offers, sections, services, brand style, or calls to action. Click Improvise if you want GHL Customer Care to improve your prompt.
- Click Generate Page. this image
- Review the generated page. New AI-generated pages are created in Draft mode by default, so the page can be reviewed and customized before it is published.
- Use the Customizations panel to update content and styles.
- Content options:
- Available tone options include:
- Regenerate a specific AI-generated image:
Review the generated page. New AI-generated pages are created in Draft mode by default, so the page can be reviewed and customized before it is published.
Use the Customizations panel to update content and styles.
Content options:
Edit generated text directly in the editor.
Use Refine to improve selected copy.
Use rewrite options such as Shorten or Elaborate when available.
Use Change Tone to adjust the voice of the content.
Available tone options include:
Professional
Friendly
Compelling
Confident
Regenerate a specific AI-generated image:
- Hover over the AI-generated image you want to replace.
- Click Regenerate Image.
- Enter a prompt describing the image you want. You can include details like style, lighting, subject, or mood.
- Click Generate Image and review the preview.
- Click Insert Image to replace the selected image.
- Click Save Changes.
Step 6 of 6: Click Save Changes What this shows Step 6 of 6: Click Save Changes. What this shows Shows how to confirm for step 6 of 6 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". This screenshot accompanies step 6 of 6 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". At this point in the walkthrough you click Save Changes. For context, this section explains: A clear setup process helps you create a stronger first draft, guide the AI more effectively, and make faster updates after the page is generated. This part of the guide covers 8 fields, listed below. How to confirmClick Save Changes. Fields in this part of the guide Content options:Available tone options include:ProfessionalFriendlyCompellingConfidentRegenerate a specific AI-generated image:Style options:Buttons and menus referenced Sites > WordPress > All SitesManage WebsitePagesAI Generated PagesGenerate New AI Pagepage detailsPage NameCustom Site SlugName of BusinessNextbusiness nichebusiness goalAll 6 steps in this procedure
- Hover over the AI-generated image you want to replace.
- Click Regenerate Image.
- Enter a prompt describing the image you want. You can include details like style, lighting, subject, or mood.
- Click Generate Image and review the preview.
- Click Insert Image to replace the selected image.
- Click Save Changes. this image
Step 6 of 6: Click Save Changes What this shows Step 6 of 6: Click Save Changes. What this shows Shows how to confirm for step 6 of 6 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". This screenshot accompanies step 6 of 6 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". At this point in the walkthrough you click Save Changes. For context, this section explains: A clear setup process helps you create a stronger first draft, guide the AI more effectively, and make faster updates after the page is generated. This part of the guide covers 8 fields, listed below. How to confirmClick Save Changes. Fields in this part of the guide Content options:Available tone options include:ProfessionalFriendlyCompellingConfidentRegenerate a specific AI-generated image:Style options:Buttons and menus referenced Sites > WordPress > All SitesManage WebsitePagesAI Generated PagesGenerate New AI Pagepage detailsPage NameCustom Site SlugName of BusinessNextbusiness nichebusiness goalAll 6 steps in this procedure
- Hover over the AI-generated image you want to replace.
- Click Regenerate Image.
- Enter a prompt describing the image you want. You can include details like style, lighting, subject, or mood.
- Click Generate Image and review the preview.
- Click Insert Image to replace the selected image.
- Click Save Changes. this image
Style options:
Open the Styles tab inside Customizations.
Choose from available color palettes such as Default, Marine, Nature, and Earth.
- Preview palette changes live across headings, body text, buttons, backgrounds, and accent colors.
Click Update Page to apply styling changes.
Click Save Changes, Update Page, or Save & View as needed.
Step 16 of 17: Click Save Changes, Update Page, or Save & View as needed What this shows Step 16 of 17: Click Save Changes, Update Page, or Save & View as needed. What this shows Shows how to confirm for step 16 of 17 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". This animation accompanies step 16 of 17 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". At this point in the walkthrough you click Save Changes, Update Page, or Save & View as needed. The navigation path used here is Sites > WordPress > All Sites. This part of the guide covers 8 fields, listed below. The next step is to click Edit on Elementor if you want to continue editing the page in Elementor. How to confirmClick Save Changes, Update Page, or Save & View as needed. Fields in this part of the guide Content options:Available tone options include:ProfessionalFriendlyCompellingConfidentRegenerate a specific AI-generated image:Style options:Buttons and menus referenced Save ChangesUpdate PageSave & ViewSites > WordPress > All SitesManage WebsitePagesAI Generated PagesGenerate New AI Pagepage detailsPage NameCustom Site SlugName of BusinessNext stepClick Edit on Elementor if you want to continue editing the page in Elementor.All 14 steps in this procedure
- Go to Sites > WordPress > All Sites.
- Click Manage Website.
- Go to Pages.
- Select AI Generated Pages.
- Click Generate New AI Page.
- Enter the page details:
- Choose your design preferences:
- Describe the page you want: Enter a plain-language prompt describing the type of page you want the AI to create. Include important details such as offers, sections, services, brand style, or calls to action. Click Improvise if you want GHL Customer Care to improve your prompt.
- Click Generate Page.
- Review the generated page. New AI-generated pages are created in Draft mode by default, so the page can be reviewed and customized before it is published.
- Use the Customizations panel to update content and styles.
- Content options:
- Available tone options include:
- Regenerate a specific AI-generated image:
Click Edit on Elementor if you want to continue editing the page in Elementor.
Step 17 of 17: Click Edit on Elementor if you want to continue editing the page in… What this shows Step 17 of 17: Click Edit on Elementor if you want to continue editing the page in Elementor. What this shows Shows what to click for step 17 of 17 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". This screenshot accompanies step 17 of 17 in the "How To Use AI-Powered WordPress Page Builder" section of "WordPress - AI-Powered Page Builder". At this point in the walkthrough you click Edit on Elementor if you want to continue editing the page in Elementor. The navigation path used here is Sites > WordPress > All Sites. This part of the guide covers 8 fields, listed below. What to clickClick Edit on Elementor if you want to continue editing the page in Elementor. Fields in this part of the guide Content options:Available tone options include:ProfessionalFriendlyCompellingConfidentRegenerate a specific AI-generated image:Style options:Buttons and menus referenced Edit on ElementorSites > WordPress > All SitesManage WebsitePagesAI Generated PagesGenerate New AI Pagepage detailsPage NameCustom Site SlugName of BusinessNextbusiness nicheAll 14 steps in this procedure
- Go to Sites > WordPress > All Sites.
- Click Manage Website.
- Go to Pages.
- Select AI Generated Pages.
- Click Generate New AI Page.
- Enter the page details:
- Choose your design preferences:
- Describe the page you want: Enter a plain-language prompt describing the type of page you want the AI to create. Include important details such as offers, sections, services, brand style, or calls to action. Click Improvise if you want GHL Customer Care to improve your prompt.
- Click Generate Page.
- Review the generated page. New AI-generated pages are created in Draft mode by default, so the page can be reviewed and customized before it is published.
- Use the Customizations panel to update content and styles.
- Content options:
- Available tone options include:
- Regenerate a specific AI-generated image:
Preview, Publish, and Unpublish an AI-Generated Page
The AI-generated pages remain in Draft mode by default, giving you control over when they become visible on your website.
Review and customize the generated page while it is in Draft mode.
Use Preview to review how the page will appear before it goes live.
When the page is ready, use Publish to make it live.
To take a published AI Page offline, use Unpublish.
All 4 steps in this procedure
- Review and customize the generated page while it is in Draft mode.
- Use Preview to review how the page will appear before it goes live.
- When the page is ready, use Publish to make it live.
- To take a published AI Page offline, use Unpublish.
Important:Draft, Preview, Publish, and Unpublish support requires LeadConnector plugin version 4.0.3 or later.Frequently Asked Questions
Q: Can I edit the AI-generated page after it is created?
Yes. You can update content and styles in the Customizations panel and continue editing the page in Elementor.
Q: Can I improve my prompt before generating the page?
Yes. Use the Improvise option to help optimize your prompt before generation.
Q: Can I change the tone of the generated content?
Yes. You can switch the content tone using available options such as Professional, Friendly, Compelling, and Confident.
Q: Can I change the page colors after the page is generated?
Yes. You can switch to a different color palette from the Styles tab in the Customizations panel.
Q: How many AI page generation credits are included?
GHL Customer Care includes 12 AI page generation credits per site per month.
Q: Where can I see my remaining credits?
Your remaining AI page generation balance is displayed in the AI Generated Pages area.
Q: Do color palette changes apply immediately?
Color palette changes preview live while you browse available palettes. The changes are only saved after you click Update Page.
Q: Can I regenerate only one image on an AI-generated page?
Yes. Hover over the image, click Regenerate Image, enter a prompt, generate a preview, and insert the new image. Only the selected image is replaced.
Q: Can I use different section variants on the same page?
Yes. You can mix and match available section variants across the page.
Q: Are new AI-generated pages published automatically?
No. New AI-generated pages are created in Draft mode by default so you can review and customize them before publishing.
Q: Can I preview an AI-generated page before publishing it?
Yes. You can preview an AI-generated page before publishing to review how it will appear on your website.
Q: Can I take a published AI-generated page offline?
Yes. Use Unpublish to take a published AI Page offline.
Related Articles
Was this guide helpful?