Contentstack LogoContentstack Logo

Edit Page

Visual Builder enables you to update existing web pages quickly and intuitively without writing code. Whether you revise content, rearrange components, or add new sections, the canvas lets you preview changes as you make them.

To edit an existing web page, log in to your Contentstack account, and perform the following steps:

  1. Navigate to your stack and select Visual Experience.
  2. Click Builder in the bottom pill menu.
  3. Use the URL bar to open the page to edit.
  4. On the selected page, you can:
    1. Hover over any field to view detailed information, such as its field type and the associated content type.
    2. Click a component to open the toolbar. You can then make inline edits without switching to the Form panel.

      Tip: You can drag and reposition the field modifier apps such as AI Assistant on the canvas to improve visibility of the underlying content. This allows you to review the layout and content more clearly before making any changes.

  5. To add new instances, click the “+” icon on the canvas.
  6. Select a component from the list of available options.
  7. Enter content using the Form panel in the right sidebar.
  8. After reviewing the changes, click Save in the top-right corner, then confirm your changes in the Save Changes modal.

Note: Page components and available fields are based on the content model of the selected content type.

With real-time previews and field-level context, you gain control and clarity while keeping your content structured and accurate.

Was this article helpful?
^