.png){kind=logo}
Creating Pop-ups
- Print
Creating Pop-ups
- Print
Article summary
Did you find this summary helpful?
Thank you for your feedback
Shoplive offers pop-ups for announcements, coupons, banners, events, and quizzes/surveys. Please refer to the guide below for how to create a pop-up.
Click the Create pop-up button at the right-top of the Pop-ups menu.
Notice
Select Notice from the pop-up types. Enter the Title and Content, and then click the Save button.
Banner
Select Banner from the pop-up types. Enter the Title and upload the Banner Image.
Select the CARD (displays a card-style banner) or FULL (fills the entire screen with the banner) as a banner type.
.png "%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA 2024-02-19 %E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE 2.02.17(1).png")
Toggle the X button to display an X (close) button at the top right of the banner.
Toggle the Dark background button to darken the background when the banner pop-up is displayed.
Set whether to close the banner or keep it open after clicking.
Then click the Save button.
Coupon
Select Coupon from the pop-up types. Enter the Title and upload the Coupon Image.
.png "%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA 2024-02-19 %E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE 2.36.12(1).png")
Set whether to close, blur, or keep the coupon open after clicking.
Then click the Save button.
Utilizing Pop-ups
Pop-ups can be used for various purposes. For example, the banner can be linked to a coupon window,
or include information you always want to display on the coupon image.
Event
Select Event from the pop-up types. Enter the Title, upload the Title Image, and then click the Save.
Transmission(T) method
Depending on the transmission method, you can either send in bulk or set a limit on the number of transmissions per second.
How are ‘Bulk Transfer’ and ‘T/s limit’ in the transmission methods different?
In the case of sending coupons in bulk, it may cause an overload issue when a large number of people download the coupon simultaneously. If heavy traffic is anticipated, you can prevent this by registering a limit on the number of transmissions per second.
Time limit
You can set time limit as no time limit or set time
How are ‘No time limit’ and ‘Set time’ different in Time limit?
If the time limit is set to ‘No time limit’, the pop-up will be displayed until the operator manually deactivates it.
If set to ‘Set time’, the pop-up will automatically deactivate at the specified time.
Click event
For notice, banner, and coupon pop-ups, you can set up events that occur when the viewer clicks on the pop-up.
Function | Description |
|---|---|
None | No event occurs after a click |
Link | Transfer to set URL |
Link(New window) | Opens up a new tab with the set URL |
Download coupon | The coupon code will be delivered by messageCallback (Integration required) |
User defined | Desired PAYLOAD can be delivered in JSON format |
Pop-up image | Pop-up image will be displayed at the bottom |
Using Popups in Different Ways
Popup can be utilized in various ways without being limited by the type of popup.
-Example-
You can set the click event of a banner popup to redirect to a link, landing on a coupon or promotional page.
You can set the image of a coupon popup to display information you want to showcase continuously, such as product details, and display it at the top right corner of the player.
Quiz pop-up creation
Please refer to the link below for instructions on how to create a quiz pop-up.
Pop-up image guide
Please create images for the pop-up following the guide below.