Popup old version type

The "Embed to product page" and "old popup" type have similar styling settings.

At the top of the page, there are two viewing modes to help you review your popup layout:

  • Device View: See how the popup will appear to your customers on both PC and mobile devices.

  • Gift Eligibility: Check the popup appearance for customers who are either eligible or not eligible to receive a gift.

Here is an example of how the old Free Gift popup looks on your storefront:

Old Free Gift popup type
circle-info

You can hover an element in the preview to locate the edit option.

Container style

Customize the container's appearance, including:

  • Border color

    • Border radius

    • Border width

  • Background (of the container) color

Gift icon style

Change the gift icon style by using either of:

  • Default icon (from Salepify). In this case, you can customize the Icon color

  • Upload image to use as an icon

Header style

Adjust the header's style:

  • Choosing the color for the

    • Block header text color

    • Header subtitle color

  • Adjust the Padding

Product item style

Customize the item color to align with your store's design:

  • Free text and Checkbox color

  • Product text color

  • Price text color

Button style

This button will display when your customers are eligible to receive a gift.

Here are some elements of a claim button that you can modify:

  • Text size

  • Text weight

  • Text color

  • Background color

  • Padding

Confetti effect section

Decide to show the confetti effect of not when your customers meet the free gift condition.

Custom CSS section

  • This section allows you to customize the popup with CSS code, giving you full control over its appearance and layout, thereby ensuring the popup aligns perfectly with your store’s style.

  • If you’re unable to do it, don’t worry! Just click the Contact Us button, and our team will assist you right away.

circle-info

In case you want to change the text of buttons and messages, please go to the Translation section or contact us for further assistance.

(gắn link sang doc Translation)

If you have any questions, just send us a message via Live Chat or email us at [email protected]. Good luck with your promotion campaign!

Last updated