How to add Google Fonts or a brand file in Popupsmart

Q: How do I add a Google Font?

Open the campaign → Style . Under Basic , open Text Size & Colors . More fonts . Search Google Fonts. Each click adds the family to the Font Family dropdown. Close the modal. Pick the family. Save & Publish .

Q: How do I use custom CSS?

Style → Advanced . Custom CSS field. Target the element's class from the details panel: .headline-p_cqwpr5xy4m80 { font-family: "Roboto" !important; } Without !important , the rule often loses to the template. Swap the class for yours.

Q: Can I upload a brand file?

Yes, on paid plans. Settings in the editor → Custom Fonts → upload .ttf , .otf , or .woff . The family then appears in Font Family . Preview, then Save & Publish. Shopify embed app: store fonts can import on install, per the 2026 Shopify getting-started article. The full upload control is in the Advanced Editor (pencil icon).

Three ways to set type on a Popupsmart campaign: Google Fonts from Style → Text Size & Colors → More fonts; custom CSS on the element's class with !important; or upload .ttf, .otf, or .woff under Settings → Custom Fonts.

Vendor source: How to add fonts, last modified 23 December 2024, checked August 2026. Custom fonts and custom CSS start on Basic in the pricing matrix (23 August 2026). Free is stuck with the default family.

How do I add a Google Font?

Open the campaign → Style.
Under Basic, open Text Size & Colors.
More fonts. Search Google Fonts. Each click adds the family to the Font Family dropdown.

Choosing text input and More Fonts on the dashboard of Popupsmart

Close the modal. Pick the family. Save & Publish.

How do I use custom CSS?

Style → Advanced.
Custom CSS field. Target the element's class from the details panel:

.headline-p_cqwpr5xy4m80 {
  font-family: "Roboto" !important;
}

Adding font with Custom CSS on the dashboard of Popupsmart

Without !important, the rule often loses to the template. Swap the class for yours.

Can I upload a brand file?

Yes, on paid plans. Settings in the editor → Custom Fonts → upload .ttf, .otf, or .woff. The family then appears in Font Family. Preview, then Save & Publish.

Shopify embed app: store fonts can import on install, per the 2026 Shopify getting-started article. The full upload control is in the Advanced Editor (pencil icon).

Written and reviewed by

Emel Dalabasmaz

SEO Executive at Flatart

Emel Dalabasmaz graduated in Advertising and Public Relations from Anadolu University. She began in social media and carried that grounding — content, brand communication and performance — into SEO. For more than ten years she has worked on growth for brands across a range of industries, pairing a communications perspective with data and technical analysis to build a digital presence that holds up over time.

Education: Advertising and Public Relations, Anadolu University
Writes about: Popup builders, Conversion rate optimization, On-site messaging, SaaS pricing research, SEO, Technical SEO, Content strategy, Digital marketing