How to change font family of popup?

How to change font family of popup?

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 right 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.


    • Related Articles

    • How to change Width/Height of a Popup

      Adjusting the dimensions of your popup is a crucial step in ensuring that it fits well within your website's layout and provides a good user experience. Follow these steps to change the width and height of your popup on Poper.ai: Step 1: Login to ...
    • Change Background Color

      Customizing the background color of your popup can greatly impact the visual appeal and effectiveness of your call to action. Here’s a simple guide to changing the background color of a popup using Poper.ai: Step 1: Log In and Access Popups - Sign in ...
    • Using Custom Fonts in Poper

      Adding custom fonts to your popups in Poper allows you to maintain brand consistency and enhance the visual appeal of your popups. Follow the steps below to use custom fonts in Poper. Steps to Use Custom Fonts in Poper Step 1: Edit Your Popup Open ...
    • Autoclose Popup Trigger

      Enhance user experience and engagement by implementing the autoclose popup trigger feature in Poper. Here's how you can set it up: How to Enable Autoclose Popup Trigger: Select the Desired Popup: Navigate to the Poper dashboard and open the popup to ...
    • Exit-Intent Popup

      Step 1: Selecting Your Popup - After logging in to your Poper.ai dashboard, start by either selecting an existing popup from your list or creating a new one by clicking the '+ New Popup' button. Step 2: Template Selection - Choose an appropriate ...