# 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. - Source: https://docs.ghlcustomercare.com/docs/sites/wordpress/wordpress-ai-powered-page-builder - Section: Sites / Wordpress - Reading time: 5 min - Images: 11, each explained below --- 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?](#what-is-ai-powered-wordpress-page-builder) - [Key Benefits of AI-Powered WordPress Page Builder](#key-benefits-of-ai-powered-wordpress-page-builder) - [How To Use AI-Powered WordPress Page Builder](#how-to-use-ai-powered-wordpress-page-builder) - [Preview, Publish, and Unpublish an AI-Generated Page](#preview-publish-and-unpublish-an-ai-generated-page) - [Frequently Asked Questions](#frequently-asked-questions) - [Related Articles](#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. 1. Go to **Sites > WordPress > All Sites**. ![Step 1 of 17: Go to Sites > WordPress > All Sites](https://jumpshare.com/share/CRMKdeovNN6jb4ZPPIqz+/Screen+Shot+2026-03-30+at+16.43.03.png) **Step 1 of 17: Go to Sites > WordPress > All Sites** 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. - Path: Sites > WordPress > All Sites - Where to go: Go to Sites > WordPress > All Sites. - Fields: Content options:, Available tone options include:, Professional, Friendly, Compelling, Confident, Regenerate a specific AI-generated image:, Style options: - Controls: Sites > WordPress > All Sites, Manage Website, Pages, AI Generated Pages, Generate New AI Page, page details, Page Name, Custom Site Slug, Name of Business, Next, business niche, business goal - Next: Click Manage Website. Full procedure: 1. Go to Sites > WordPress > All Sites. <- this image 2. Click Manage Website. 3. Go to Pages. 4. Select AI Generated Pages. 5. Click Generate New AI Page. 6. Enter the page details: 7. Choose your design preferences: 8. 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. 9. Click Generate Page. 10. 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. 11. Use the Customizations panel to update content and styles. 12. Content options: 13. Available tone options include: 14. Regenerate a specific AI-generated image: 2. Click **Manage Website**. ![Step 2 of 17: Click Manage Website](https://jumpshare.com/share/zSh7zyeDN0jpNIRgfsCR+/Screen+Shot+2026-03-30+at+16.45.09.png) **Step 2 of 17: Click Manage Website** 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. - Path: Sites > WordPress > All Sites - What to click: Click Manage Website. - Fields: Content options:, Available tone options include:, Professional, Friendly, Compelling, Confident, Regenerate a specific AI-generated image:, Style options: - Controls: Manage Website, Sites > WordPress > All Sites, Pages, AI Generated Pages, Generate New AI Page, page details, Page Name, Custom Site Slug, Name of Business, Next, business niche, business goal - Next: Go to Pages. Full procedure: 1. Go to Sites > WordPress > All Sites. 2. Click Manage Website. <- this image 3. Go to Pages. 4. Select AI Generated Pages. 5. Click Generate New AI Page. 6. Enter the page details: 7. Choose your design preferences: 8. 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. 9. Click Generate Page. 10. 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. 11. Use the Customizations panel to update content and styles. 12. Content options: 13. Available tone options include: 14. Regenerate a specific AI-generated image: 3. Go to **Pages**. 4. Select **AI Generated Pages**. 5. Click **Generate New AI Page**. ![Step 5 of 17: Click Generate New AI Page](https://jumpshare.com/share/4MF1FH8siMxkqnq0omEd+/Screen+Shot+2026-03-30+at+16.46.50.png) **Step 5 of 17: Click Generate New AI Page** 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. - Path: Sites > WordPress > All Sites - What to click: Click Generate New AI Page. - Fields: Content options:, Available tone options include:, Professional, Friendly, Compelling, Confident, Regenerate a specific AI-generated image:, Style options: - Controls: Generate New AI Page, Sites > WordPress > All Sites, Manage Website, Pages, AI Generated Pages, page details, Page Name, Custom Site Slug, Name of Business, Next, business niche, business goal - Next: Enter the page details: Full procedure: 1. Go to Sites > WordPress > All Sites. 2. Click Manage Website. 3. Go to Pages. 4. Select AI Generated Pages. 5. Click Generate New AI Page. <- this image 6. Enter the page details: 7. Choose your design preferences: 8. 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. 9. Click Generate Page. 10. 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. 11. Use the Customizations panel to update content and styles. 12. Content options: 13. Available tone options include: 14. Regenerate a specific AI-generated image: 6. 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](https://jumpshare.com/share/MUanHQ3qSfrMTTVANMQh+/Screen+Shot+2026-03-30+at+16.50.26.png) **Step 4 of 4: Click Next** 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 click: Click Next. - Fields: Content options:, Available tone options include:, Professional, Friendly, Compelling, Confident, Regenerate a specific AI-generated image:, Style options: - Controls: Next, Sites > WordPress > All Sites, Manage Website, Pages, AI Generated Pages, Generate New AI Page, page details, Page Name, Custom Site Slug, Name of Business, business niche, business goal Full procedure: 1. Add the Page Name. 2. Add the Custom Site Slug. 3. Add the Name of Business. 4. Click Next. <- this image 7. 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](https://jumpshare.com/share/Cw6xkjOB4GqS4WToh8if+/GIF+Recording+2026-03-30+at+16.53.05.gif) **Step 4 of 4: Click Next** 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 click: Click Next. - Fields: Content options:, Available tone options include:, Professional, Friendly, Compelling, Confident, Regenerate a specific AI-generated image:, Style options: - Controls: Next, Sites > WordPress > All Sites, Manage Website, Pages, AI Generated Pages, Generate New AI Page, page details, Page Name, Custom Site Slug, Name of Business, business niche, business goal Full procedure: 1. Select your business niche. 2. Select your business goal. 3. Select how the content should feel. 4. Click Next. <- this image 8. **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. 9. Click **Generate Page**. ![Step 9 of 17: Click Generate Page](https://jumpshare.com/share/epLrldYhO0PeuMqZwEvA+/GIF+Recording+2026-03-30+at+17.02.56.gif) **Step 9 of 17: Click Generate Page** 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. - Path: Sites > WordPress > All Sites - What to click: Click Generate Page. - Fields: Content options:, Available tone options include:, Professional, Friendly, Compelling, Confident, Regenerate a specific AI-generated image:, Style options: - Controls: Generate Page, Sites > WordPress > All Sites, Manage Website, Pages, AI Generated Pages, Generate New AI Page, page details, Page Name, Custom Site Slug, Name of Business, Next, business niche - Next: 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. Full procedure: 1. Go to Sites > WordPress > All Sites. 2. Click Manage Website. 3. Go to Pages. 4. Select AI Generated Pages. 5. Click Generate New AI Page. 6. Enter the page details: 7. Choose your design preferences: 8. 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. 9. Click Generate Page. <- this image 10. 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. 11. Use the Customizations panel to update content and styles. 12. Content options: 13. Available tone options include: 14. Regenerate a specific AI-generated image: 10. 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. 11. Use the **Customizations** panel to update content and styles. 12. **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. 13. **Available tone options include:** - Professional - Friendly - Compelling - Confident 14. **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](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155073728361/original/h7B3vdJS9_pesyKqE9Vx-WJn0AL2fXP99A.png) **Step 6 of 6: Click Save Changes** 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 confirm: Click Save Changes. - Fields: Content options:, Available tone options include:, Professional, Friendly, Compelling, Confident, Regenerate a specific AI-generated image:, Style options: - Controls: Sites > WordPress > All Sites, Manage Website, Pages, AI Generated Pages, Generate New AI Page, page details, Page Name, Custom Site Slug, Name of Business, Next, business niche, business goal Full procedure: 1. Hover over the AI-generated image you want to replace. 2. Click Regenerate Image. 3. Enter a prompt describing the image you want. You can include details like style, lighting, subject, or mood. 4. Click Generate Image and review the preview. 5. Click Insert Image to replace the selected image. 6. Click Save Changes. <- this image ![Step 6 of 6: Click Save Changes](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155073728439/original/81xREluVklXvkNqfUAUxE5b98Pfc8WQXgw.png) **Step 6 of 6: Click Save Changes** 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 confirm: Click Save Changes. - Fields: Content options:, Available tone options include:, Professional, Friendly, Compelling, Confident, Regenerate a specific AI-generated image:, Style options: - Controls: Sites > WordPress > All Sites, Manage Website, Pages, AI Generated Pages, Generate New AI Page, page details, Page Name, Custom Site Slug, Name of Business, Next, business niche, business goal Full procedure: 1. Hover over the AI-generated image you want to replace. 2. Click Regenerate Image. 3. Enter a prompt describing the image you want. You can include details like style, lighting, subject, or mood. 4. Click Generate Image and review the preview. 5. Click Insert Image to replace the selected image. 6. Click Save Changes. <- this image 15. **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. 16. Click **Save Changes**, **Update Page**, or **Save & View** as needed. ![Step 16 of 17: Click Save Changes, Update Page, or Save & View as needed](https://jumpshare.com/share/lQ2uApk7sBG6mRDLKoWv+/GIF+Recording+2026-03-30+at+17.33.32.gif) **Step 16 of 17: Click Save Changes, Update Page, or Save & View as needed** 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. - Path: Sites > WordPress > All Sites - How to confirm: Click Save Changes, Update Page, or Save & View as needed. - Fields: Content options:, Available tone options include:, Professional, Friendly, Compelling, Confident, Regenerate a specific AI-generated image:, Style options: - Controls: Save Changes, Update Page, Save & View, Sites > WordPress > All Sites, Manage Website, Pages, AI Generated Pages, Generate New AI Page, page details, Page Name, Custom Site Slug, Name of Business - Next: Click Edit on Elementor if you want to continue editing the page in Elementor. Full procedure: 1. Go to Sites > WordPress > All Sites. 2. Click Manage Website. 3. Go to Pages. 4. Select AI Generated Pages. 5. Click Generate New AI Page. 6. Enter the page details: 7. Choose your design preferences: 8. 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. 9. Click Generate Page. 10. 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. 11. Use the Customizations panel to update content and styles. 12. Content options: 13. Available tone options include: 14. Regenerate a specific AI-generated image: 17. 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…](https://jumpshare.com/share/GXF5yFNzod07lxgMMqMe+/Screen+Shot+2026-03-30+at+17.41.05.png) **Step 17 of 17: Click Edit on Elementor if you want to continue editing the page in…** 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. - Path: Sites > WordPress > All Sites - What to click: Click Edit on Elementor if you want to continue editing the page in Elementor. - Fields: Content options:, Available tone options include:, Professional, Friendly, Compelling, Confident, Regenerate a specific AI-generated image:, Style options: - Controls: Edit on Elementor, Sites > WordPress > All Sites, Manage Website, Pages, AI Generated Pages, Generate New AI Page, page details, Page Name, Custom Site Slug, Name of Business, Next, business niche Full procedure: 1. Go to Sites > WordPress > All Sites. 2. Click Manage Website. 3. Go to Pages. 4. Select AI Generated Pages. 5. Click Generate New AI Page. 6. Enter the page details: 7. Choose your design preferences: 8. 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. 9. Click Generate Page. 10. 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. 11. Use the Customizations panel to update content and styles. 12. Content options: 13. Available tone options include: 14. 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. 1. Review and customize the generated page while it is in Draft mode. 2. Use **Preview** to review how the page will appear before it goes live. 3. When the page is ready, use **Publish** to make it live. 4. To take a published AI Page offline, use **Unpublish**. ![Preview, Publish, and Unpublish an AI-Generated Page (image 11 of 11)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155079529625/original/dls7NjjEsv6f1iABLKDeXSGNLUCDbAPpug.png) **Preview, Publish, and Unpublish an AI-Generated Page (image 11 of 11)** This screenshot appears in the "Preview, Publish, and Unpublish an AI-Generated Page" section of "WordPress - AI-Powered Page Builder". The text alongside this image reads: 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. Immediately after, the guide continues: Important: Draft, Preview, Publish, and Unpublish support requires LeadConnector plugin version 4.0.3 or later. - How to confirm: 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. - Controls: Draft, Preview, Publish, Unpublish - Next: Important: Draft, Preview, Publish, and Unpublish support requires LeadConnector plugin version 4.0.3 or later. Full procedure: 1. Review and customize the generated page while it is in Draft mode. 2. Use Preview to review how the page will appear before it goes live. 3. When the page is ready, use Publish to make it live. 4. 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** - [Setup Guide for WordPress Hosting](https://docs.ghlcustomercare.com/docs/sites/wordpress/setup-guide-for-wordpress-hosting) - [WordPress - How to Add Domains to Sites](https://docs.ghlcustomercare.com/docs/sites/wordpress/wordpress-how-to-add-domains-to-sites) - [WordPress - Website Performance Report](https://docs.ghlcustomercare.com/docs/sites/wordpress/wordpress-website-performance-report) - [WordPress - Uptime Monitor](https://docs.ghlcustomercare.com/docs/sites/wordpress/wordpress-uptime-monitor) - [WordPress - Staging Environment Access](https://docs.ghlcustomercare.com/docs/sites/wordpress/wordpress-staging-environment-access) --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com