You can add a block (banner) with the countdown timer view. To display the countdown timer in the banner, you need to configure the timer banner. [1] By clicking on the ‘edit’ icon, you will get the popup of “Edit Countdown Timer Banner”. [2]
You will see the list of existing countdown timer banners with configured details. You can edit/delete the banner as per your requirement.
To add a new countdown timer banner, click on the Add New Countdown Timer Banner button. By clicking on it, you will see the fields for the countdown timer to configure.
Banner Title: Insert the relevant name of the title for the timer banner i.e. few hours left, just a matter of time, etc.
Select Image Type: You will have three options to select the image. [3]
If you select the URL from the drop-down, you need to insert the web link (image URL) to get the image. If you select the Upload from the drop-down, you need to upload the image from your system (local drive).
If you select the None, the timer banner will be displayed without any image. Also, if you select the “None”, there will not be any position alignment configuration.
Status: Select the status, ‘Enabled’ or ‘Disabled’. You can enable only one banner at a time.
Select Redirect Type: You will have three different options to choose products to display. [4]
Category: If you select the Category, the customers will be redirected to the product listing page based on the selected category here. [5]
Product: If you select the Product, the app user will be redirected to the product detail page based on Product selection here. [6]
Offer: The user will be redirected to the browser view in the app as per inserted URL. [7]
Offer Link: Insert the URL to redirect the users.
Countdown Start Time: Select the date & time from the calendar when you start the countdown timer banner to be displayed in the app. By clicking on the ‘calendar’ icon, the calendar will appear. [8]
You can select the month and year from the header. You can see the slider to set the time on which you want to start displaying the timer banner. By clicking on the “Now” button, it will take the current time. When the date & time are selected, click on the “Done” button.
Countdown Time Validity: Similar to ‘Countdown Start Date’, you need to select the date and time when you want to disable the countdown timer from the app.
Timer Style: You can select the timer appearance by selecting the style as Simple or as Block. [9]
If you select “Simple”, the customers will see the default timer view in the app. But, if you select the “Block”, you need to select the Block Style either as “Circle” or “Square”.
Timer Background Color: You can customize the background of the timer that will be displayed in the app. By clicking on the edit box, you will get the custom color picker tool to choose the color for the timer background as per your store’s theme. [10]
Timer Text Color: You can customize the text color of the timer (digits) that will be displayed in the app. By clicking on the edit box, you will get the custom color picker tool to choose the color for the text as per your store’s theme.
Timer Position Alignment: You can set the position of the timer in the banner. If you have disabled this option, the customers will see the default position of the timer banner. [11]
Timer Position Alignment Type: You can select any position among the total of 9 different positions from the drop-down.
Disable existing enabled banner: By ticking the checkbox, you can disable the existing enabled banner.
Now, after configuring the countdown timer banner, you need to click on the Save button to save the banner. If you want to continue to add a new banner, you can click on the Save & Add New button.