Promo pop-up (Subscribe)

The Promo pop-up is a fixed section above the footer. 


Promo pop-up Subscribe  Settings 
Show promo pop-up Toggle the switch to show a pop-up for customers.
Enable test mode  This feature allows showing a pop-up example in the theme editor only. If you want to see all your changes in a pop-up inside the theme editor, toggle the switch.
Test mode pop-up type

Select the type of pop-up you want to see in test mode:

  • Popup subscribe
  • Popup discount
Style

Choose two styles of pop-up:

  • Pop-up Subscribe: A pop-up containing a form where you can subscribe immediately.
  • Multi-step: A pop-up initially displays a subscribe button. Upon clicking the button, a subsequent pop-up appears for subscribing.
Image Select an image from the library, free images, or upload a new image to the library.
Image width 

Choose what width of the column that will take the image:

  • Small
  • One-fourth
  • One-third width of column
  • Half width of column
  • Two-thirds width of column
  • Full width of column
Image ratio

Image ratio is the ratio of its width to its height.

It can be:

  • Adapt to image: Uses the aspect ratio of the images. This prevents the images from being cropped.
  • Portrait: Crops the images to use a 2:3 ratio.
  • Square: Crops the images to use a 1:1 ratio.
  • Landscape: Crops the images to use a 3:2 ratio.
Heading Type the text for the heading and set up the font view. 
Description Type the text for the description and set up the font view. 
Heading color

The “Heading color” setting allows you to set the color of the heading. Three options: 

  • Main
  • Secondary
  • Heading
Heading size You can choose a size from H1 to H6.
Description font size Choose size for the description: Large, Medium, Small, and Extra Small.
Button color style 

This feature allows you to change the button color style:

  • Primary 
  • Secondary 

This setting can be applied to buttons, links, and underlined links within the section.

*To choose or change colors for button styles, go to the theme settings in “Colors” tab to block “Primary button and secondary”. Changing colors in theme settings will affect the whole theme.

Button style

Choose from seven button styles:

  • Default: Solid background with text.
  • Default with icon: Same as Default, plus an icon. Add icon in Theme Settings > Buttons > Add icon to inline button option by pasting SVG code. For detailed steps on adding an SVG icon, see the “Buttons” article in Theme Settings, and look for the “Add icon to inline button” option. For example, you can use an arrow icon.
  • Outline: Transparent background with colored outline and text.
  • Outline with icon: Outline style with an icon. Add icon the same way as Default with icon style.
  • Inline: Looks like a text link. You can also add an icon using the same steps as the Default with icon style.
  • Inline with underline: Inline style with a permanent underline.
  • Inline with underline on hover: Inline style with underline appearing on hover.
Button icon For example, you can add an arrow to the button. Add the icon by selecting an image and choosing from a library or uploading a new file. You can upload an SVG file.
Customer tag This is a tag that allows you to understand exactly which pop-up the user registered for, whether it is, for example, a pop-up for which he received a discount code or other information. To see this tag, go to the Shopify admin panel / Customers and open some user’s information, on the right side in the Tags section, you will see this tag.
Timeout The “Popup timeout” setting allows you to set the time delay for the pop-up to appear on the screen after a user lands on the webpage. You can choose the time duration in seconds.
Show dismissed pop-up times The “Show dismissed popup times” setting allows you to set the number of times a dismissed pop-up should reappear if the user closes it without filling in any information.
Background color Choose the background color for the pop-up by clicking on the box with a color circle and selecting a color. 
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us