This guide will help you set up and customize countdown timers in your Shopify theme using the Giveaway Gator app. Countdown timers are a great way to build urgency and excitement for your promotions!

Overview

With Giveaway Gator’s countdown timer feature, you can:

• Display the time remaining for your giveaways or bonus periods.
• Use custom templates to match your brand.
• Style the timer to fit seamlessly into your Shopify theme.

Follow the steps below to implement and customize your countdown timers.

Enable the “Body” Embed

• Navigate to your active theme.

• Turn on the Giveaway Gator Body Tag feature within your App Embeds.

  <aside> ⚠️

  ensure you’ve turned on the “Enable Dynamic Content” checkbox

  </aside>

  

  Ensure this checkbox is turned on.

• Add “Countdown timer” tag on any page

Basic Implementation

To add a countdown timer to your theme, insert the following HTML element:

<div data-gg-countdown-timer></div>

This will create a basic countdown timer that displays the time remaining until the end of your giveaway or bonus period.

Customization Options

Data Attributes

The countdown timer supports the following data attributes: