Skip to main content
All CollectionsCampaignsStyling
How to change font family of popup?
How to change font family of popup?
Karan Bhakuni avatar
Written by Karan Bhakuni
Updated over a month ago

Changing the font family of a popup on Poper.ai is a straightforward process that can significantly alter the appearance and feel of your popup. Follow these simple steps to customize the font style to better match your website's design:

1. Access the Popup Editor:

- Log into your Poper.ai dashboard.

- Navigate to the list of your popups.

- Click on the popup you want to edit.

2. Open the Design Settings:

- Inside the popup editor, look for a panel on the left side of the screen labeled "Global Settings."

3. Locate Font Settings:

- In the "Global Settings" panel, scroll down until you find the "Font Family" option.

4. Selecting the Font Family:

- Click on the drop-down menu next to the "Font Family" label. This will display a list of available fonts.

- Scroll through the list until you find the font you wish to use. Alternatively, you can type the name of the font in the search bar within the drop-down menu to find it more quickly.

5. Applying the New Font:

- Click on the font you want to apply to your popup. This should change the font family immediately within the popup preview.

6. Save Your Changes:

- Once you're satisfied with the new font choice, look for a save or apply button to ensure your changes are kept. It might be a button saying "Next" or similar.

7. Review the Popup:

- It’s always good practice to review the popup with the new font on your live website to ensure it looks as expected across different browsers and devices.

8. Finalizing Your Popup:

- If everything looks good, you can finalize the changes. If further adjustments are needed, repeat the steps above until the desired result is achieved.

By following these steps, you can customize the font family of your popups to better align with your website's branding and improve the user experience for your visitors. Remember to consider the readability and web compatibility of the fonts you choose to ensure a seamless integration.

Did this answer your question?