Design
Customize images, fonts, colors, spacing, and mobile layout in the visual editor.
The visual editor gives you control over every element of your popup — typography, color, spacing, imagery, buttons, and form fields — with separate desktop and mobile layouts. Articles in this category cover the editor mechanics with screenshots and short clips.
How to change fonts, colors, and spacing in your popup
Customize typography, theme colors, and spacing in the Nudgesmart visual editor — match your brand's look across every popup.
How to customize the mobile layout of a Nudgesmart popup
Override fonts, sizes, and spacing for mobile shoppers using desktop-first inheritance — without breaking your desktop design.
How to upload and replace images in a Nudgesmart popup
Add product photos, hero images, and logos to your popup — at the right size for fast loading and a sharp display.
How to use the Nudgesmart visual editor
Drag-and-drop canvas with element-tree navigation, live property panel, desktop/mobile viewport switching, and a 6-step onboarding tour.
How to add a rotating announcement bar
Show short messages like free shipping, returns and fast replies one at a time in a slim bar near the top of your pages, with a pause button for shoppers.
How to use the Nudgesmart visual editor
Drag-and-drop canvas with element-tree navigation, live property panel, desktop/mobile viewport switching, and a 6-step onboarding tour.