Appearance

Typical Scenarios ​

The following examples illustrate several typical uses of AI Chat to help you understand what it can do. For the prerequisite configuration, see AI Configuration.

Generating Page Content and Layouts ​

AI can generate a single block (such as a hero section, a features table, or a testimonials section) based on your description, or generate an entire page's content and structure in one go, letting you quickly build a landing page or a campaign page.

Generating a single block:

  • "Generate a hero section with a title, subtitle, and two buttons"
  • "Make me a three-column product feature comparison table"
  • "Add a customer testimonial carousel section to this page"

Generating an entire page:

  • "Help me generate a complete product introduction page"
  • "Build me a SaaS landing page that includes a hero section, features, pricing, and a contact form"
  • "Generate an event campaign page with an introduction, speakers, agenda, and a registration entry"

Generating a Theme Color Scheme ​

Based on your description or a reference, AI can generate a global color scheme for your theme (primary color, accent color, background color, etc.) and apply it to the theme settings, saving you from manual color tuning.

  • "Generate a blue-purple color scheme for a technology website"
  • "Reference a competitor's website colors and generate a similar scheme for my site"
  • "Generate a warm color palette suited to the restaurant industry"

Getting Advice and Answers ​

Even without generating actual page elements, you can treat AI as a design and technical consultant to get layout advice or code snippets.

  • "What's a good padding value for a section?"
  • "How do I center this block on mobile?"

Generating SEO-Optimized Content ​

Generate SEO titles, descriptions, keywords, and more for pages or the whole site to improve search engine indexing and ranking.

  • "Generate an SEO title and description for the current page"
  • "Write a Meta Description suitable for the homepage"
  • "Recommend a set of keywords for this product page"
  • "Based on the page content, generate SEO tags for the entire site"

Translating Content ​

Leverage AI's multilingual capabilities to quickly translate page text into other languages, making it easy to build multilingual sites.

  • "Translate this product introduction into English"
  • "Translate the content of the current section into Japanese"
  • "Translate the entire page content into Traditional Chinese"

Reading Web Page Content ​

With Web Tools enabled, AI can read a specified web page and extract key information, making it easy to integrate external material.

  • "Read the content of this URL and summarize the key points for me: <the URL you want to read>"
  • "Extract the product specs from this page and organize them into a table: <the URL you want to read>"
  • "Reference the structure of this blog and generate a similar layout for my page: <the URL you want to read>"

Requires web_fetch

Reading web pages relies on the web_fetch tool, which is available as soon as Web Tools is enabled — no extra key required. See Web Tools Settings.

When you need the latest information or answers that go beyond the AI's own knowledge, you can have AI search the web first and then use the results for content generation.

  • "Search for the latest industry data and help me build a data display section"
  • "Find our competitors' websites and summarize their core selling points"
  • "Search for user reviews of this product and organize them into a testimonials section"

Requires web_search

Web search relies on the web_search tool, which can only be used after configuring the Serper.dev API Key.

When adding images or videos to a page, AI can search Pixabay for high-quality, commercially-usable, royalty-free images and videos and apply them directly — saving you the separate steps of finding assets and uploading them.

  • "Help me find a tech-style background image"
  • "Search for a video of a city at night"
  • "Swap in a more atmospheric image for this section"

Requires Pixabay

Asset search relies on Pixabay. Before using it, configure the Pixabay Key in PageBuilder Manager > Settings > Global Settings. See Global Settings — Media Library.