[Coming Soon] Countdown | Page Builder (New)

ECSC.png

When adding or editing advanced pages through the new page builder, you can add a Countdown widget to remind customers that the store campaign is about to start or end soon. You can also design buttons and insert hyperlinks to the event to offer online store visitors a sense of expectation. 

 

⚠️ Before you begin:

  • The new page builder currently only supports Ultra Chic, Kingsman and Varm theme templates.
  • After creating a page using the new page builder, the page can still be displayed even if you switch to other theme templates, but it cannot be edited and the layout may be messed up. Please take note of this before publishing the page.

In this article, you'll learn how to


1. Add Countdown Widget

Step 1

Proceed to SHOPLINE Admin > [Online Store Design] > [Pages] and click Advanced Page/Edit to open up the Advanced Page settings page.EN1.png

Step 2

Click the Widget button.EN2.png

Step 3

Click Countdown under the "Extension" widgets.
EN3.png

Step 4

The content and settings of the countdown can be edited in the column on the left. Go to the "Period" section to set the start and end times of the event. Click Save at the bottom column to show the widget in the preview area on the right. EN4.png

 

*Notes:

  • If you have not set an event period, the Countdown widget will not appear on the preview screen on the right.
  • The Varm theme template offers a different Countdown widget design.EN4a.png

Step 5

Expand the "Start Countdown" section to set up the title, content and button of the countdown before the event.

  • Title: Enter the title of the upcoming event
  • Content: Enter the description of the upcoming event
  • Show Button: On/Off toggle to show or hide buttons
  • Button Text: Set the text content of the button
  • Link To: You can paste the event URL. Customers will be directed to this URL when they click on the event button
  • Open Link In: You can select to open the event URL in the current window or a new window

EN5.png

Step 6

Expand the "End Countdown" section to set up the title, content and button of the countdown during the event.

  • Title: Enter the title of the ongoing event
  • Content: Enter the description of the ongoing event
  • Show Button: On/Off toggle to show or hide buttons
  • Button Text: Set the text content of the button
  • Link To: You can paste the event URL. Customers will be directed to this URL when they click on the event button
  • Open Link In: You can select to open the event URL in the current window or a new window

EN6.png

 

Step 7

Set the widget padding and text alignment (Left/Center/Right).
EN7.png

Step 8

Adjust the color settings of the widget. Switch on/off the toggle to set whether to customize the widget's color.

If you switch on the toggle, you can customize the colors of these parts: Background, Text, Text Link, Button Background, and Button Text.
EN8.png

Step 9

During the setup process, you can click the Save button below to view the newly added Countdown widget in the preview area on the right.
*Note: You can preview the page in the desktop version or the mobile version.EN9.png

EN10.png

Or click Preview Page to preview the storefront.EN11.png

Step 10

After confirming the setup above, please click the Publish button at the top right so that customers can view all the new page content at the storefront.EN12.png

 

2. Notes

  • The event time will be displayed as GMT+N.
  • No matter which time zone you are in, the countdown time in the widget is in the timezone of your online store.
  • The event time is absolute. No matter which time zone the customer is in, the remaining time of the event countdown is the time of your online store - the end time.
    For example, your online store time zone is GMT+8, and the event end time is 25 December 12:00 (GMT+8).
    • Customer A is in the GMT+8 time zone (the same time zone as your online store), and at 09:00(GMT+8) on 25 December, the countdown time left for the event seen by A is 12 - 9 = 3 hours.

    • Customer B is in the GMT +9 time zone (1 hour ahead of your online store). At 10:00(GMT+9) on 25 December (equivalent to 09:00 (GMT+8)), the campaign countdown time seen by B is still 12 - 9 = 3 hours.

 

Read more



 

 

 

Have more questions? Submit a request

Comments