When the New Drag & Drop Builder first opens, and assuming you have NOT selected a premade template, you will be presented with this view (see Fig1):


Fig 1



The D&D Builder tool is broken up into several areas:

  1. The primary left-hand vertical menus.
  2. The template input fields for "Campaign Name", "Subject" and "Preview Text" above the Builder canvas section, and the "Tracking Pixel" input field below the canvas section.
  3. A series of control functions arranged horizontally in the top right corner of the page.
  4. The main Builder canvas section in the middle of the screen.

LEFT-HAND VERTCIAL MENU


The left-hand vertical menu is the same as in the old Builder with a few additions:

  • In the New Builder, the menu is collapsible by clicking the small orange "three lines" or "left arrow" icons near the top left adjacent to the Pinpointe name and logo.  If collapsed, clicking the three line icon will expand the menu. If expanded, clicking the the "left arrow" icon will collapse it.   See Fig 2 below for an example.

       Fig 2


  • The "Preset Blocks" option is always present, whether or not there are any specific preset blocks available for a given template. 

TEMPLATE INPUT FIELDS


The four input fields:

  • Campaign Name
  • Subject
  • Preview Text
  • Tracking Pixel


All work as they do in the old Builder.


NOTE: As of Nov 1, 2024, the "Preview Text" and "Tracking Pixel" input fields are disabled, but will be enabled in the near future. 

TOP-OF-PAGE HORIZONTAL CONTROL FUNCTIONS


The top-of-page horizontal control functions are the same as in the old Builder, although the exact placement order has changed. In addition, the controls for Inbox Box Preview and Quicksend are no longer labeled. However, rolling your cursor over any icon will now show a popup text bubble indicating the name of the respective function.  

MAIN BUILDER CANVAS SECTION


The main Builder canvas section works in the same way as the old Builder, in that you can select and drag blocks and widgets from the left hand menus into the selected area. There are, however, some cosmetic changes as noted below. 

  • The four controls for parent blocks are now all located on the right side of the parent block. As with the old Builder, they appear when you roll your cursor over any portion of the parent block.  Rolling your cursor over any icon will display a text bubble indicating its function. See Fig 3 below.


  • Note: The up/down arrows used in the old Builder to move a block have now been replaced with an icon (the top icon in the stack shown as two horizontal lines above and below a rectangle). To drag a parent block up or down in the template, you left-click and hold, and then drag the block to the desired vertical location in the parent block stack. 


       Fig 3


  • Another change is the visual cue you will receive indicating where a new block or widget will be placed. In the old Builder, this placement location was indicated by a heavy dark green line. In the New Builder, the placement location is indicated by a rectangle outlined with orange dots. See Fig 4 below.


       Fig 4



NOTE: In the coming days, additional Knowledge Base Documents will be made available, each focused on a particular area of the New Builder.