Brand Styling and Theming

Every popup can be fully customized to match your brand. Open the editor and go to the Design tab to adjust the visual settings.

Background & Animation

  • Background color - Choose a solid color or a color blend for the popup background
  • Animation - Select how the popup enters the screen (e.g. Slide)

Position

  • Desktop position - Where the popup appears on desktop (e.g. Bottom Right)
  • Mobile position - Where it appears on mobile (e.g. Bottom)

Typography

Each text element — Title, Subtitle, Badge, and CTA button — can be styled independently:
  • Font size - Set the size in pixels
  • Color - Choose any color
  • Bold - Toggle bold formatting
  • Uppercase - Toggle uppercase styling
  • Font family - Select from available fonts (e.g. Montserrat, Outfit)

CTA Button

  • Background color - Solid color or color blend
  • Text color, font, size - Same options as other text elements

Image

  • Background color - Set the color behind the image
  • Image size - Choose Exact Size (with a pixel slider) or Auto Fit

Tips

  • Use your brand's primary color for the CTA button to keep it consistent
  • Make sure there's enough contrast between text and background for readability
  • Check the live preview on the left as you make changes