Editing Overview of the ActiveCampaign page builder (section)

== Step-by-Step Instructions ==
The Page Builder interface consists of multiple regions, each serving a unique function:

=== 1. Top Left Bar ===
The top left bar is essential for managing your page. It includes:
* '''Page Actions''': Here, you can view the name of your page, access additional details, and perform basic actions from the dropdown menu by clicking the ellipsis.
* '''Block Selection Tool''': This tool allows you to change the blocks available for selection.
* '''Viewing Mode''': You can switch your viewing mode to see how your page appears on different devices.
* '''Undo and Redo Buttons''': Easily revert or reapply recent changes using these buttons.
* '''Preview Page Button''': Click this to preview your page in a new browser tab prior to publishing. Note that this preview lacks functional metrics.
* '''Publish Button''': Finalizes your edits and publishes the page online.

=== 2. The Canvas ===
The canvas is the main design area where you will build your page. Drag and drop '''blocks''' into your canvas to begin creating your layout. You can select any block to edit, duplicate, or remove as needed.

=== 3. Top Right Bar ===
The top right bar features two tabs: '''Blocks''' and '''Theme'''. You can only select one tab at a time, which dictates the content shown in the right pane:
* '''Blocks or Block Details''': Access all available blocks for your page or view details of a selected block.
* '''Page Theme''': Configure your page's theme to ensure consistency in style. This includes the ability to select color palettes, font families, and font sizes. You can also remove ActiveCampaign branding if desired.

=== 4. Right Pane ===
The right pane's content is determined by the active tab in the top right bar. Depending on your selection, it will either show a grid of all blocks or the settings related to your page's theme.