After creating a new Landing Page, select "Empty Canvas", "Saved Template", or "Preset Templates". 


Fig 1



Now, you'll be redirected to the main canvas area of the Landing Page editor.


The primary menu bar at the top of the page is broken up into three areas:


1. Manage Pages menu - Click the the three horizontal lines (often called a "hamburger menu icon") (Fig 2). This will display the Manage Pages menu (Fig 3).


Fig 2




Fig 3

 

        


  • Show Navbar - Allows you to hide the grey horizontal grey navbar directly below the top menu while working on the Landing Page. This also hides it when a user opens your landing page in their browser. The default behavior is to show this menu.
  • Landing Pages
    • Add Link - Allows you to add a text or button link to your landing page's navbar that will redirect a user to a URL, such as your company's home page or an anchor link to another block within the landing page itself.
    • Add Page - Allows you to add more pages up to your account plan's limit.
  • Page list area- A list of your pages and links will be displayed. The active page in the canvas will be highlighted with a grey background.
  • Success Pages - This is a secondary section title under which you can place another page. A common use might be a secondary page you created as a redirect location once a user has submitted a subscription form embedded within your primary landing page. 



2. Insert Widget / Insert Block menu icons (Fig 4)


Fig 4



  • Insert Widget - clicking on the Insert widget icon will show a popup panel offering 14 different widgets that can be added to any section on the current page in the canvas area (Fig 5). 


Fig 5



  • Insert Block - Clicking on the Insert Block icon will bring up a large popup showing various categories of preset blocks (Fig 6). You can choose from an empty block, user blocks (assuming the user has saved a previously created block), premade global blocks of various types, and instance blocks. 


Fig 6




3. Right-side menu - You will find five separate functions in this menu section (Fig 7): 


Fig 7





Mode selection icons - The mode selection icons allow you to  view the landing page currently in the canvas area (Fig 8).  


The three modes from left to right are desktop, tablet and mobile. You can then make the necessary changes to your landing page layout to best suit each of the three different mode.


Fig 8



"Undo" and "Redo" button icons - These buttons undo and redo actions you have taken (Fig 9). Certain actions within the application can break the undo/redo stack, thus preventing you from going back or forward. Pinpointe strongly suggests that to minimize any chance of lost work, you save your work on a regular basis.  


Fig 9



Clear Page" button -  Clicking this will clear the contents from your canvas area (Fig 10). 


Fig 10


"Global Settings" gear icon - Clicking the icon will bring up a control panel which offers you many options in setting the default behavior of your canvas area (Fig 11).


Fig 11


Settings include (Fig 12):

  • Section container width in pixels
  • Number of columns
  • The grid gap between columns
  • How much padding to place around elements in mobile rendering mode.
  • Background color
  • Separate typography options for headings, paragraphs and buttons


Fig 12 


"Save" button - Clicking the "Save" button displays a drop-down with menu with the following options (Fig 13):

  • Publish - Allows you to publish your landing page so that it can be accessed by third parties
  • Save & Preview - Saves your current work and provides a link so you can preview what your landing page will look like in your browser
  • Save & Exit - Saves the draft of the Landing Page and redirects you to the Manage Landing Pages screen. 
  • Exit - Redirects users to the Manage Landing Pages screen without saving. 


Fig 13