---
title: Editing your website with the AI Agent
description: Learn how to edit your B12 Websites 3.0 site using AI prompts, with Visual Edit and restore options.
---

[Skip to content](https://support.b12.io/en/v3/editing-your-website-with-the-ai-agent#main-content)

![b12 logo](https://support.b12.io/hubfs/b12%20logo.svg)

- [Help Center](https://support.b12.io/)
- [B12 Website](https://www.b12.io/)
- [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery)
- [Resources](https://www.b12.io/resource-center/)
- [Pricing](https://www.b12.io/pricing/)
- [Log in](https://b12.io/dashboard/)

Open main navigation

Close main navigation

- [Help Center](https://support.b12.io/)
- [B12 Website](https://www.b12.io/)
- [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery)
- [Resources](https://www.b12.io/resource-center/)
- [Pricing](https://www.b12.io/pricing/)
- [Log in](https://b12.io/dashboard/)
- [Start for free](https://b12.io/signup/)

[Start for free](https://b12.io/signup/)

 How can we help?

- There are no suggestions because the search field is empty.

1. [B12 Help Center](https://support.b12.io/en?hsLang=en)
2. [Working with B12's AI Agent](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en)

# Editing your website with the AI Agent

## Learn how to edit your website using AI prompts.

| ![ronnel](https://support.b12.io/hs-fs/hubfs/Ronnel%20DG.png?width=60&height=60&name=Ronnel%20DG.png) Written by: Ronnel DG Last updated: 02 Sep., 2026 |
| --- |

The AI Agent has two modes: direct AI chat for general changes, and [Visual Edit mode](https://support.b12.io/en/v3/editing-your-website-with-the-ai-agent#visual-edit) for targeting specific elements.

Use direct AI chat for broad changes across pages or sections.

### Chatting with the AI Agent

1. In the AI Agent chat, describe the change you want. Be specific about the location if targeting a particular area.
   
   ![](https://support.b12.io/hs-fs/hubfs/image-png-Feb-10-2026-08-09-54-0244-PM.png?width=300&height=267&name=image-png-Feb-10-2026-08-09-54-0244-PM.png)
2. Click the up arrow ![up\_arrow](https://support.b12.io/hubfs/up_arrow.svg) to submit your message.
3. Review the update.

Use Visual Edit mode to edit one specific element you can see on the page.

**Note:** On mobile, the AI Agent is available in the `Chat` tab at the top of the screen.

### Using Visual edit

1. In the AI Agent chat, click `Visual edit` to turn it on.  
   ![Visual edit toggle located at the AI Agent chat.](https://support.b12.io/hs-fs/hubfs/image-png-Feb-09-2026-06-39-24-7696-PM.png?width=300&height=112&name=image-png-Feb-09-2026-06-39-24-7696-PM.png)
2. Click on the element within your website that you want to change (text, image, button, or form).
3. Use any of the following options to make your change.  
     - **Left sidebar panel** — Edit the element directly using the settings panel. Options vary depending on the element type. See [Left sidebar editing](https://support.b12.io/en/left-pane-editing-in-b12-3.0?hsLang=en) for details.
     - **Ask AI Agent** — Type your request in the **Ask AI Agent for quick change...** field, then click the up arrow ![up\_arrow](https://support.b12.io/hubfs/up_arrow.svg) to submit.
     - **Edit code** — Click `Edit code` to open the element's code in code view and edit it manually
4. Review the update.

The AI updates only the element you selected. Each AI Agent request is logged in the AI chat. When a change is applied, a [restore](https://support.b12.io/en/v3/editing-your-website-with-the-ai-agent#restore-point) is created automatically so you can revert if needed.

### Restoring a previous version

If a change causes problems, you can restore your site to an earlier version.

1. In the **AI Agent** chat, find the **![ai-sparkle](https://support.b12.io/hubfs/B12%20UI%20Icons/Editing/ai-sparkle.svg) AI edits** or ![edit-skill-code](https://support.b12.io/hubfs/B12%20UI%20Icons/Agent/edit-skill-code.svg) **Code edits** card linked to the change you want to undo.
2. Click `Restore`.  
   ![Restore button in the AI Agent chat to undo AI or code changes.](https://support.b12.io/hs-fs/hubfs/image-png-Feb-09-2026-06-45-15-0136-PM.png?width=300&height=94&name=image-png-Feb-09-2026-06-45-15-0136-PM.png)

Your site will revert to that earlier version. All other changes since then will be undone.

**Tip:** You can restore versions in any order, including returning to a more recent version. If the version you chose is incorrect or does not solve your problem, try restoring a different version.

### Queueing tasks

If the AI Agent is working on a recent request you made in the chat, you can [queue a task](https://support.b12.io/en/v3/editing-your-website-with-the-ai-agent#queue-tasks)!

![](https://support.b12.io/hs-fs/hubfs/image-png-Mar-31-2026-07-58-05-4178-PM.png?width=300&height=233&name=image-png-Mar-31-2026-07-58-05-4178-PM.png)

When the Agent completes a task, it will automatically take the next message from the queue. You can pause the queue at any point. You can reorder, edit, or remove queued messages.

The queue works well with credit limits: if you can't send another message because you're credit-limited, your queue will remember its messages but go into an unplayable paused state until you have enough credits.

**Note:** If you close your browser, the next task won't run, but B12 remembers your queue on that device. On reopening B12, your queue will be present but paused. If you open B12 from another device, you won't see the queue you built on the first device.

- [Getting started](https://support.b12.io/en/getting-started?hsLang=en#main-content)

    - [Introduction](https://support.b12.io/en/getting-started?hsLang=en#introduction)
    - [Detailed guides](https://support.b12.io/en/getting-started?hsLang=en#detailed-guides)
- [Working with B12's AI Agent](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#main-content)

    - [Agent Skills](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#agent-skills)
- [Built-in features](https://support.b12.io/en/built-in-features?hsLang=en#main-content)

    - [Visual edit](https://support.b12.io/en/built-in-features?hsLang=en#visual-edit)
    - [Code editor](https://support.b12.io/en/built-in-features?hsLang=en#code-editor)
    - [Data & users (Backends)](https://support.b12.io/en/built-in-features?hsLang=en#data-users-backends)
    - [Forms & submissions](https://support.b12.io/en/built-in-features?hsLang=en#forms-submissions)
    - [Commerce](https://support.b12.io/en/built-in-features?hsLang=en#commerce)
    - [Contact manager](https://support.b12.io/en/built-in-features?hsLang=en#contact-manager)
    - [eSignatures](https://support.b12.io/en/built-in-features?hsLang=en#esignatures)
    - [Email Marketing](https://support.b12.io/en/built-in-features?hsLang=en#email-marketing)
    - [Team](https://support.b12.io/en/built-in-features?hsLang=en#team)
    - [Analytics](https://support.b12.io/en/built-in-features?hsLang=en#analytics)
    - [Website settings](https://support.b12.io/en/built-in-features?hsLang=en#website-settings)
- [Adding functionality](https://support.b12.io/en/adding-functionality?hsLang=en#main-content)

    - [Third-party integrations](https://support.b12.io/en/adding-functionality?hsLang=en#third-party-integrations)
- [Publishing & growing](https://support.b12.io/en/publishing-growing?hsLang=en#main-content)

    - [Domains](https://support.b12.io/en/publishing-growing?hsLang=en#domains)
    - [Connecting your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#connecting-your-domain)
    - [Managing Your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#managing-your-domain)
    - [Email Forwarding & Sending](https://support.b12.io/en/publishing-growing?hsLang=en#email-forwarding-sending)
    - [Growth & Marketing](https://support.b12.io/en/publishing-growing?hsLang=en#growth-marketing)
- [Troubleshooting](https://support.b12.io/en/troubleshooting?hsLang=en#main-content)

    - [FAQs](https://support.b12.io/en/troubleshooting?hsLang=en#faqs)
- [Account & billing](https://support.b12.io/en/account-billing?hsLang=en#main-content)

    - [Account Login & Password](https://support.b12.io/en/account-billing?hsLang=en#account-login-password)
    - [Subscription & Payment Information](https://support.b12.io/en/account-billing?hsLang=en#subscription-payment-information)
    - [Your Account](https://support.b12.io/en/account-billing?hsLang=en#your-account)
    - [Managing Multiple Websites](https://support.b12.io/en/account-billing?hsLang=en#managing-multiple-websites)
    - [Multi-user](https://support.b12.io/en/account-billing?hsLang=en#multi-user)
- [Getting support](https://support.b12.io/en/getting-support?hsLang=en#main-content)

    - [Professional & Advanced Plan Support (B12 2.0)](https://support.b12.io/en/getting-support?hsLang=en#professional-advanced-plan-support-b12-2-0)
- [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en#main-content)

    - [Website Structure and Content](https://support.b12.io/en/b12-2-0?hsLang=en#website-structure-and-content)
    - [Website Style & Design](https://support.b12.io/en/b12-2-0?hsLang=en#website-style-design)
    - [Sitewide Settings](https://support.b12.io/en/b12-2-0?hsLang=en#sitewide-settings)
    - [Using the B12 Editor](https://support.b12.io/en/b12-2-0?hsLang=en#using-the-b12-editor)
    - [Analytics & SEO](https://support.b12.io/en/b12-2-0?hsLang=en#analytics-seo)
    - [Integrations - General](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-general)
    - [Integrations - Communication](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-communication)
    - [Integrations - Language](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-language)
    - [Integrations - Ecommerce](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-ecommerce)
    - [Professional & Advanced Plan Features](https://support.b12.io/en/b12-2-0?hsLang=en#professional-advanced-plan-features)
    - [Troubleshooting & Resources](https://support.b12.io/en/b12-2-0?hsLang=en#troubleshooting-resources)
    - [Contact Forms](https://support.b12.io/en/b12-2-0?hsLang=en#contact-forms)
    - [Online Scheduling](https://support.b12.io/en/b12-2-0?hsLang=en#online-scheduling)
    - [Advanced Editing (Experts Only)](https://support.b12.io/en/b12-2-0?hsLang=en#advanced-editing-experts-only)

[![B12\_logo\_2025](https://support.b12.io/hs-fs/hubfs/B12_logo_2025.png?width=53&height=24&name=B12_logo_2025.png "B12_logo_2025")](https://www.b12.io)

© 2025 B12. All rights reserved.

<https://twitter.com/b12> <https://www.facebook.com/B12io> <https://www.youtube.com/@b12io> <https://www.instagram.com/b12io>

×