Top
Resize a Pop-up
  • 30 Nov 2023
  • 1 Minute To Read
  • Dark
    Light
  • PDF

Resize a Pop-up

  • Dark
    Light
  • PDF

Article Summary

Whatfix Pop-ups get auto-resized to desktop and mobile view based on the end users' device. In addition to this, you can also resize the Whatfix Pop-ups, and make them proportionate to your content length.

There are two ways to resize a Pop-up. Use one of the given options:

Resize a Pop-up using the Visual Editor

your title goes here
  • Visual Editor is a Beta feature. To enable the feature, contact support@whatfix.com.
  • Once you enable the Visual Editor, you won’t be able to go back to the old experience.
  • Once the Visual Editor is enabled, Pop-ups can only be created using Whatfix Studio, and not using the Dashboard.
  • After creating Pop-ups using the Visual Editor, you can edit them using the Dashboard.
  • Pop-ups that are not created using the Visual Editor cannot be customized further but their visibility rules can be edited.

  • Visual Editor enables you to resize the height and width of Whatfix Pop-up templates without using the JSX code and make them proportionate to your content length.

  • You can resize a Pop-up during the Pop-up creation using Whatfix Studio. To know more about creating a Pop-up, see Create a Pop-up.

  • You can also resize a Pop-up after creating it, using the Edit icon on the Dashboard.
    resize_popup_DB

  • To resize a Pop-up, hover your cursor over the bottom-right corner of the Pop-up template, then click and drag the resize icon to the desired width and height.

Resize_pop-up1

your title goes here

The maximum dimensions for a Pop-up tile are 600 pixels (5 inches) in height and 800 pixels (8.33 inches) in width.

Resize a Pop-up using Existing Templates

Use the following steps to resize the Pop-up using Existing Templates:

  1. On the Whatfix Guidance dashboard, click Widgets.
    ia_left_nav_widgets

  2. Click Pop-ups.
    ia_widget_popups

  3. Hover your cursor over the Pop-up segment you want to configure, and then click the Edit icon.
    CLM_DB_Click_edit_icon.png

your title goes here

You can also resize a Pop-up while creating it.

  1. On the right side of the Pop-up, hover your cursor over the resize-arrow icon at right border of the Pop-up, and then click and drag it to the desired width.

Note
  • The maximum dimension for a Pop-up tile is 480 pixels (5 inches) in height and 800 pixels (8.33 inches) in width.
  • You can only resize the width of a Pop-up. The height of a Pop-up is fixed and can only be changed using the code view.

Was this article helpful?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.