The visual editor

The top of the screen of a popup is Design and content. With Visual editor chosen you see the popup as it will appear, on a sketch of a page.

Elements

On the left: Title, Text, Button, Image, Discount code (visitors copy it with one click), Label, “No thanks” link (closes the popup), Form (a form of NOP Forms), Line and Space. Drag one into the popup where you want it, or click it to add it under the selected element.

Change an element

• Click a text in the popup and write: titles, texts, buttons and codes change in place.
• The panel on the right shows the options of the selected element: size, the link of a button (empty: the button closes the popup), full or outline style, the image, the form.
• The small bar above the element moves it up or down, duplicates or deletes it. Drag its handle to move it anywhere; with the keyboard, the arrow keys on the handle.

Colours and shape

With no element selected the panel shows Colours and shape: eight ready palettes, the colours of background, text and buttons, rounded corners, alignment (left or centre) and a large image at the top or on the left side. Empty colours mean automatic; an empty button colour takes the one in Popup > Settings. The colours apply to popups written in the block editor too.

Computer and phone

Computer and Phone above the preview change its width. On the site the fonts are those of your theme. Nothing is saved until you click Save the popup.

The block editor

For layouts the visual editor does not do (columns, galleries, other blocks), choose Block editor (advanced) and click Write the content. Copy the visual design into the block editor starts from what you made in the visual editor.