CTB
Parallax Theme Integration - CTB
CTB CTB theme integration Parallax Theme Integration
Step 1: Select the placeholder option Select the last option under the "position" setting in the bar configuration in the App Select the “Pin the bar to the position” option Scrolling to the very end, and click the "Save" button to save the change Step 2: Add CTB Go to Admin > Online Store > Themes Click the "Actions" button on the right-hand side, and select "Edit code" Find theme.liquid from the left-hand side file list and open it In the file, find <body class=" Add following code after it. Save the changes. <div id="ctb_placeholder"> <script> var ctb_adjusted = false; $("#ctb_placeholder").on("ctb_fully_loaded", function(event, p1) { if ((p1=='inserted' || p1=='inserted_sticky') &&...
A list of CTB FAQs
Can I have multiple Countdown Timer Bars on my website? Yes, you can have unlimited number of bars。 What is the timezone for the timer? It users your local time zone. Other visitors will see the exact same timer as you see on your website. What features are offered in the premium plan (compare to the basic plan)? With Free plan, you could configure multiple bars, but only one could be active. With Premium plan Visitor Source Targeting, You can created different bars for visitors come from different social channels, such as your Facebook ads, Twitter posts, Pinterest pins, etc....
Countdown Type D Use Case
With Type D, everyone will see the timer count down from the defined "Fixed Minutes" to 0. This is always used together with social Ads such as Facebook Ads. The visitors click the Ads to get on the webiste, they all will see a fix countdown time regardless when they open the website. This created more urgency to your Ads, and convert more window shoppers to paid customers. Here are the steps Step 1: Under "Start Time and End Time:", define the start and end time, so the bar is valid to display during this period Step 2: Under "Countdown...
Countdown Type C Use Case
With Type C, you could set the timer to run everyday between any hours Many users use this to promote Next Day Shipping. For exmaple, order before 4PM today, order will be shipped tomorrow. Here are the steps Step 1: Under "Start Time and End Time:", define the start and end time, so the bar is valid to display during this period Step 2: Under "Countdown Timer Type:", select Type C Step 3: Under "Daily from:", define the hour of the day when the timer starts counting down everyday Step 4: Under "To:", define the hour of the day when...
Countdown Type B Use Case
With Type B, you could set the countdown timer auto restarts after X hours to create more urgency This is usually used to create more urgency Here are the steps Step 1: Under "Start Time and End Time:", define the start and end time, so the bar is valid to display during this period Step 2: Under "Countdown Timer Type:", select Type B Step 3: Under "Countdown Hours:", define the countdown hours. This is the actual countdown hours will display on the website for each countdown cycle. Step 4: Under "Countdown Wait Hours:", define the wait time. This is the...