Viola Documentation
Submit a TicketLiveChat
  • Webibazaar Support
  • Shopify Viola
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Theme Settings
    • Colors
    • Typography
    • Layout
    • Buttons
    • Variant pills
    • Inputs
    • Cards
    • Product card review
    • Content containers
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social media
    • Search behavior
    • Favicon
    • Currency format
    • Cart
    • Checkout
    • Custom CSS
  • Sections
    • Rich text
    • Video
    • Page
    • FAQ
    • Image gallery
    • Custom Liquid
    • Contact form
    • Collapsible content
    • Multicolumn
    • Email signup
    • Collage
    • Slideshow
    • Scrolling bar
    • Collection list
    • Featured collection
    • Image Banner
    • Featured Product
    • Countdown with product
    • Tab Products
    • Countdown
    • Video with text
    • Image with text
    • Product with image
    • Text with icons
    • Lookbook
    • Testimonials
    • Blog Posts
    • Logo list
    • Social media gallery
    • Image comparison
  • Footer
  • Age verification popup
  • Product page
    • Product tab
    • Quick order list
    • Recently viewed product
  • Color swatches
  • Collection Page
    • Collection banner
    • Meta collection list
    • Product Grid
  • Pages
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 2.0.0
    • Version 1.0.13
    • Version 1.0.12
    • Version 1.0.11
    • Version 1.0.10
    • Version 1.0.9
    • Version 1.0.8
    • Version 1.0.7
    • Version 1.0.6
    • Version 1.0.5
    • Version 1.0.4
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Overlay Group

Promotional Popup

PreviousNewsletter PopupNextTheme Settings

Last updated 3 months ago

The Promotional Popup: Effortlessly create and customize popups to showcase special offers, discounts, or important announcements. Choose from various display triggers, such as time delay or user interactions, to effectively capture your visitors' attention. Make your messages pop with our promotional popup feature!

Setting
Description

Image

Use "Image" to add the image to the section.

Image fit

The image fit customization setting is as follows:

  • Contain

  • Cover

Image position

Following is the image position customization of the popup.

  • Left

  • Right

  • Top

  • Bottom

Heading

Enter text to display as a heading on the promotional popup section.

Text

Enter text to display as a description on the promotional popup section.

Show button

Enabling this checkbox will display the button.

Button label

Use "Button label" to add a label to the Button in the section.

Button action

Customization of the "Button action" in the promotional popup section is as follows:

  • Link

  • Accept

Button link

Use "Button link" to add a link to the Button in the section.

Button style

Customization of the "Button style" in the promotional popup section is as follows:

  • Primary

  • Secondary

  • Tertiary

Position

To change the position of the promotional popup, utilize the "Position" setting. Customization of the "Position" in the promotional popup section is as follows:

  • Top left

  • Top

  • Top right

  • Left

  • Center

  • Right

  • Bottom left

  • Bottom

  • Bottom right

Triggers

Trigger open

Customization of the "Trigger open" in the promotional popup section is as follows:

  • Time delay

  • Scroll position

  • Exit intent

  • Manual trigger

Time delay for a trigger open In these settings, you can define the timing for opening the popup. only when you choose 'Time delay' in the 'Trigger open' settings will it function as expected. Open scroll type By customizing these settings, you can specify the scroll type in either pixels or percentages. Customization of the "Open scroll type" in the promotional popup section is as follows:

  • Px

  • %

Open scroll position After scrolling a certain number of pixels or a specified percentage, you can add that numerical value here to determine when the popup should open. Trigger close

Customization of the "Trigger close" in the promotional popup section is as follows:

  • Time delay

  • Scroll position

  • None

Time delay for a trigger close In these settings, you can define the timing for closing the popup. only when you choose 'Time delay' in the 'Trigger open' settings will it function as expected. Close scroll type

By customizing these settings, you can specify the scroll type in either pixels or percentages. Customization of the "Close scroll type" in the promotional popup section is as follows:

  • Px

  • %

Close scroll position After scrolling a certain number of pixels or a specified percentage, you can add that numerical value here to determine when the popup should close. Show close button Enabling this checkbox will display the close button in the promotional popup section.

Style

Width Use this option to increase or decrease the popup width. You can set a minimum of “200px” and a maximum of “1920px”. Open animation

Customization of the "Open animation" in the promotional popup section is as follows:

  • Fade

  • Slide

  • Zoom

  • Slide and fade

Close animation

Customization of the "Close animation" in the promotional popup section is as follows:

  • Fade

  • Slide

  • Zoom

  • Slide and fade

Show overlay When this checkbox is enabled, the overlay will be displayed when the popup is triggered.

Advanced

Mobile disable When 'Mobile disable' is enabled, the popup will be disable on mobile. Disable scrolling When 'Disable scrolling' is activated, it will disable scrolling on the body of the page. Click overlay to close Enabling this option will cause popup to close when user clicks on overlay. Press ESC to close Checking this will cause popup to close when user presses ESC key. Press F4 to close Enabling this option will cause popup to close when user presses F4 key. Show on homepage By checking this checkbox, the popup will only be displayed on the homepage. Show on product and category By enabling this checkbox, the popup will only be displayed on the product and category page. Show on all pages Enabling this checkbox will display the popup on all pages except for the customer page.

Color scheme

The promotional popup section background color appears behind the text:

  • Accent 1

  • Accent 2

  • Accent 3

  • Background 1

  • Background 2

Live Chat Support | Webibazaar Template
Logo