Working with the page builder

The Sidebars and The Toolbar


The sidebars and the toolbar are the main control panel of the Instapage builder and are located at the sides of the page and at the very top of the page, respectively. From the right sidebar, you'll access your Page settings, from the left sidebar, you will be able to add elements to the page, and from the toolbar, you will access Undo/Redo, Save, Comment, Preview, or Update.

Navigating the builder

You will notice two sets of vertical lines on each side (learn more about what they mean here If you are using a smaller screen and not seeing both of the farthest ones simultaneously, you can click-and-drag the page instead of scrolling by first holding down the space bar on your keyboard. 

By right-clicking on an element, you can open the options menu for it (Duplicate, Order, Visible on, Edit CSS, Delete). Below you can see a GIF of how the Order function works.


If you wish to show an element either on Mobile, Desktop or both, you can use the Visible on function as seen below, by right-clicking on the element. To restore the element, both on Desktop and Mobile, you will need to click on Show hidden at the top, right-click on the hidden element and select Restore.



Desktop / Mobile Selection 

image of the mobile desktop page selection buttons

This toggle at the top helps you switch between the desktop and the mobile editor.

Page Settings  

The page settings are found on the right sidebar.


From here, you can set the page background, set the fonts for the page, add custom code or restore a previous version of the page.

Adding Page Elements 

You can add elements from the left sidebar. You can learn more about each of them in the following section of our Help Center:
image of the sidebar where page elements can be selected to add to your page

Undo Changes 

image of undo changes button

This one is self-explanatory.  Using this option you can undo or redo your last action if you change your mind. 

Saving Your Page

image of the save button to save changes on your page

Click on this button to save any changes you just made to your landing page. We recommend saving your page as frequently as possible and especially before leaving.  If your page is successfully saving you should see this message at the bottom of your screen: 

image of button after clicking on save, it will say saved


Comment on Your Page 

image of the comment button that allows you to leave a comment

Selecting Comment will take you to the page preview where Comment Mode will automatically be enabled. In the page preview you can click anywhere to leave a comment or @mention invited team members.

Preview Your Page

image of preview button

Throughout the design process, you'll want to preview your landing page to get an idea of exactly how it will appear to users upon publishing. In preview mode, the editing options will not be available. 

Get Help

image of question mark for additional help options with your page

If you need help at any time throughout using the Instapage builder you can click on this Question Mark Icon to gain access to quick answers or Keyboard Shortcuts. You should be presented with this window: 

image of help options

Exit the Builder

image of exit builder option

Click on Exit Builder in the top left corner if you wish to exit the builder to go back to your page's Experience Manager in the Landing Pages Dashboard.