How to use TicTac ‑ Countdown Timer bar with PageFly

About TicTac ‑ Countdown Timer bar with PageFly

What Is TicTac ‑ Countdown Timer bar with PageFly?

TicTac is an app that helps users to create personalized countdown timers or use models. Boost your sales and engagement effortlessly with countdown timers. Easily create and customize timers to add a sense of urgency, reminding customers to act swiftly. Choose from a variety of templates or create your own custom countdown widget with just a click. Drive sales with different deadline countdown options, time trackers, chronometers, stopwatches, and deadlines. Our user-friendly interface makes creating event countdowns a breeze.

Install TicTac ‑ Countdown Timer bar

Before using this element in PageFly, you’ll need to install the TicTac ‑ Countdown Timer bar app to your store and configure all its options.

• Install TicTac ‑ Countdown Timer bar
• Install PageFly

How To Access TicTac ‑ Countdown Timer bar Element

In the page editor, follow these steps to access the TicTac ‑ Countdown Timer bar element in PageFly:

• Step 1: In the PageFly editor, click “Add third-party element” on the left menu
• Step 2: Click “Manage integrations” or the gear icon on top
• Step 3: Search for “TicTac” and enable it
• Step 4: Click “Close” and the element will appear in the “Add third-party element” menu

How To Configure TicTac ‑ Countdown Timer bar Element

From PageFly

Add TicTac ‑ Countdown Timer bar Element

Before starting to set up the TicTac ‑ Countdown Timer bar Element, you will need to add this element to your page canvas:

• Step 1: Click “Add third party element” on the left menu bar
• Step 2: Look for the “Kopernik Apps – TicTac ‑ Countdown Timer bar” element
• Step 3: Click on the element to see it’s variant
• Step 4: Drag and drop the variant onto the page canvas

The TicTac ‑ Countdown Timer bar element comes in one variant which is Countdown Timer bar.

Configure TicTac ‑ Countdown Timer bar

General Settings

After adding the TicTac ‑ Countdown Timer bar to the Editor, on the right sidebar, you’ll see the General tab.

In the Short Code box, you can paste the HTML code you got from the TicTac ‑ Countdown Timer bar app.

You can get further information about Attributes, Visibility, and Animation parameters.

Note: All configuration of the element must be done in the TicTac app before using PageFly.

Styling Settings

You can customize the styling of the TicTac ‑ Countdown Timer bar element in the Styling tab.

You can get further information about Styling settings.

From TicTac ‑ Countdown Timer bar App

Before using the TicTac ‑ Countdown Timer bar elements in PageFly, you’ll need to create and configure your bundles in the TicTac ‑ Countdown Timer bar app:

Step 1: Activate “TicTac” In The Theme Customize

Go to your Shopify admin, then navigate to Online Store > Theme > Current theme > Customize > App embeds.

Search for “TicTac” and activate it.

Step 2: Set Up The TicTac Blocks

On the Dashboard of the TicTac app, click on “Create a new timer” to create a new countdown block.

You can also further customize the badge Location, Design, Type and Layout.

Step 3: Copy The Code From TicTac App

After customizing the block, scroll down to the bottom, as you can see a text box that contains the code. Hit the “Copy” icon button to copy this code into Clipboard. Then remember to HIT the “Update” button.

Step 4: Go To The Page On PageFly App > Paste This Code To The Short Code Box

Step 5: Publish The Page From PageFly App

Then You Can See The Result On The Live Page:

Frequently Asked Questions

Is The TicTac App Free?

Yes, it is free for all users.

Can I Customize The Appearance Of Countdown Events?

Absolutely! The TicTac countdown app provides various customization options. You can choose from a range of preset timers or completely customize it to make each countdown timer stand out. You can now customize from A to Z your timer by adding a date, choosing the colors, the size, and many more.

Additional Resources

• PageFly Styling tab
• What apps does PageFly integrate with?