Documentation > Getting Started

Brave Editor Interface

515

Brave’s Intuitive editor can be used by anyone without any prior knowledge as it matches the interface of common design applications like Photoshop and Canva.

 

Brave WordPress Popup plugin Interface

 

  1. Elements Panel: Drag elements like Text, Image, Shapes, Videos, Forms etc from this panel and place them in your Canvas (2)
  2. The Canvas: This is where you place your element to create your Popups, stickybars, sidebars etc.
  3. The Settings Panel: This area displays your campaign’s crucial settings like, size, position, background color etc. When you select an element, this area displays that element’s settings.
  4. Steps Panel: This is where your campaign steps are displayed. You can create, duplicate remove steps from this panel.
  5. Device Layout Switcher: This is where you can switch between the builder mode to Mobile or Desktop so that you can create/view separate design for separate devices.
  6. Overlay Preview Button: When this Eye icon is clicked, it displays the background Overlay of the Popup. When you are designing the Popup Overlay, you can turn this one to get real-time feedback.
  7. Settings & Goal Switcher: From this panel you can switch between the design, goal and settings panel.
  8. Preview & Save Panel: From this panel you are able to undo/redo your actions, preview your popups and save your popup.
  9. Footer Panel: From this panel, you can easily access Brave’s Documentation, Advanced Timeline Animation Editor & the Preset Importer.
  10. Back Button: The Brave logo on top left corner of the screen lets you go back to your campaign lists Interface.

 

Note: When you are in the “Content” Editing Mode, the Overlay Preview Button (6) is replaced with “Guides” menu. You can insert horizontal or vertical guides in your canvas to precisely align elements. And remove them when they are not needed anymore, by right clicking on them and deleting them.