> ## Documentation Index
> Fetch the complete documentation index at: https://docs.fermion.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Using AI Builder

> Learn how to create custom pages using Fermion's AI builder to generate and customize pages with real-time data and checkout links

Fermion's AI Builder allows you to create fully customized pages by simply describing what you want. The AI will generate a complete page for you, which you can then refine with real-time data, direct checkout links, and custom paths.

This powerful no-code tool eliminates the need for manual HTML/CSS/JavaScript coding, making it easy for anyone to create professional landing pages in minutes.

## How AI Builder Works

The AI Builder uses advanced language models to understand your requirements and generate complete, functional landing pages. You can:

* Describe your page in natural language
* Let the AI generate the complete page structure and design
* Refine the page with real-time data integration
* Add direct checkout links with proper interlinking
* Customize the page path and publish instantly

<Steps>
  <Step title="Navigate to Custom Pages">
    From your instructor dashboard, navigate to **Pages & redirects** and then click on **Custom pages**.

    ![](https://67d6ad5ef66ee0901532fd2f.storage.fermion.app/public-uncached/object-store-public-files/uploads/30-12-2025/Arc_3tKB6TZN7k.dqdikf.png)
  </Step>

  <Step title="Click on Edit Website with AI">
    Click on the **Edit website with AI** option to open the AI Builder interface.

    ![](https://67d6ad5ef66ee0901532fd2f.storage.fermion.app/public-uncached/object-store-public-files/uploads/30-12-2025/Arc_HNqOrJusqW.ewyljx.png)
  </Step>

  <Step title="Interact with the AI">
    Describe the type of landing page you want to create. You can specify:

    * The purpose of the page (e.g., course landing page, product sales page)
    * The design style you prefer
    * Key sections you want to include
    * Any specific features or elements

    The AI will understand your requirements and generate a complete static page structure.

    ![](https://67d6ad5ef66ee0901532fd2f.storage.fermion.app/public-uncached/object-store-public-files/uploads/30-12-2025/Arc_hXXDRgPZEn.ifwcmg.png)
  </Step>

  <Step title="Wait for AI to Build Your Page">
    The AI will process your request and generate a complete landing page. This may take a few moments as the AI creates all the necessary HTML, CSS, and JavaScript code.

    ![](https://67d6ad5ef66ee0901532fd2f.storage.fermion.app/public-uncached/object-store-public-files/uploads/30-12-2025/Arc_yz1KjFps7Q.wegjce.png)
  </Step>

  <Step title="Refine Your Page">
    Once the AI has generated your page, you can refine it by:

    * Adding real-time data integration
    * Adding direct checkout links with proper interlinking
    * Customizing the design and layout
    * Adjusting content and messaging

    <Info>
      You can add direct checkout links using the format `/api/buy-digital-product?product-slug=YOUR_PRODUCT_SLUG`. For more details on checkout links, see the [Direct Checkout Links](/custom-landing-pages/checkout-page-direct-links) guide.
    </Info>

    ![](https://67d6ad5ef66ee0901532fd2f.storage.fermion.app/public-uncached/object-store-public-files/uploads/30-12-2025/Arc_GAPd6HVxw3.upvqrr.png)
  </Step>

  <Step title="Add a Custom Path">
    Assign a custom path to your page (e.g., `/landingpage`, `/course-intro`, `/product-sales`). This will be the URL where your page will be accessible.

    ![](https://67d6ad5ef66ee0901532fd2f.storage.fermion.app/public-uncached/object-store-public-files/uploads/30-12-2025/Arc_AuD0P5KmUh.kbuaey.png)
  </Step>

  <Step title="Publish Your Page">
    Click on the **Publish** button to make your page live. Once published, your page will be accessible at the custom path you specified.

    ![](https://67d6ad5ef66ee0901532fd2f.storage.fermion.app/public-uncached/object-store-public-files/uploads/30-12-2025/Arc_AuD0P5KmUh.kbuaey.png)
  </Step>
</Steps>

## Managing Published Pages

Once your page is published, you can:

* **View the page**: Click to see how your page appears to visitors
* **Unpublish the page**: Temporarily remove the page from public access without deleting it
* **Edit the page**: Make further refinements and republish

![](https://67d6ad5ef66ee0901532fd2f.storage.fermion.app/public-uncached/object-store-public-files/uploads/30-12-2025/Arc_0wgLmxa9D3.xerogj.png)

## Best Practices

* **Be specific in your AI prompts**: The more details you provide about what you want, the better the AI can generate your page
* **Test checkout links**: Always verify that direct checkout links work correctly before publishing
* **Review the generated code**: While the AI generates functional code, you may want to review and customize it further
* **Use meaningful paths**: Choose descriptive paths that reflect the purpose of your page
* **Iterate and refine**: Don't hesitate to ask the AI to make adjustments or regenerate sections

<Tip>
  The AI Builder is perfect for quickly prototyping landing pages. For more advanced customization, you can always export the generated code and modify it manually, or use the [Source Code](/custom-landing-pages/using-source-code) method for complete control.
</Tip>

## Next Steps

<Columns cols={2}>
  <Card title="Direct Checkout Links" href="/custom-landing-pages/checkout-page-direct-links">
    Learn how to integrate direct checkout links into your AI-generated pages for seamless purchase flows.
  </Card>

  <Card title="Using Source Code" href="/custom-landing-pages/using-source-code">
    For advanced customization, learn how to upload and manage custom HTML/CSS/JavaScript source code.
  </Card>
</Columns>
