Skip to content
  • There are no suggestions because the search field is empty.

Left sidebar editing in B12 3.0

Learn how to edit text, images, and forms using Visual Edit.

ronnel
Written by: Ronnel DG
Last updated: 07 Apr., 2026

Visual Edit is a point-and-click editing tool in the B12 AI Agent chat. When you select an element on your website preview, a settings panel opens in the left sidebar where you can make changes directly — no coding required.

Note: Each change you make in Visual Edit consumes one AI message. To learn more about AI messages and your plan limits, check this article.

Editing text

  1. In the AI Agent chat, click visual-edit Visual Edit.
  2. Click the text element you want to edit. This can be a heading, body text, call-to-action button, or any other text on the page. A settings panel appears on the left side of the screen.
  3. Update the text as needed. You can also change typography, such as font, weight & style, font size, alignment, capitalization, line height, and letter spacing. 
  4. Click Save. The change may take from seconds to minutes to apply.

Review the updated text in your website preview. Repeat as needed.

Editing images

  1. In the AI Agent chat, click visual-edit Visual Edit.
  2. Click the image element you want to edit. A settings panel appears on the left side of the screen.
  3. Choose one of the following options:
    • Edit — Crop, flip, rotate, or apply filters to the image. Click Save when done to apply changes.
    • Metadata — Add alternative text (alt text) to the image. Alt text improves accessibility for users who rely on screen readers.
    • Replace — Swap the image with a different one. You have three options:
      • Library — Upload an image from your device.
      • Search — Search for free stock photos from Pexels.
      • AI Agent — Generate a new image that matches your brand or industry. 

After making your changes, the updated image may take up to two minutes to appear in your website preview. Review the result and repeat as needed.

To learn more about editing images, see Adjusting images with Visual edit.

Editing forms

You can also adjust the form title, automated emails, and post-submission behavior of forms using Visual Edit. 

  1. In the AI Agent chat, click visual-edit Visual Edit.
  2. Select the form you want to edit. A pop-up appears.
  3. Click Edit form. The left sidebar opens with editing options.

To learn more about editing forms, see Adding and editing contact forms.