Opening the Tada Shopify App
To get started, you'll want to login to your Shopify Store Dashboard. To do this, you'll want to visit:
https:// your shop url.com/admin/
Once logged in, you should see a menu on the left hand side of your screen, you'll want to select Apps
From the page that comes up, you'll want to select your Tada Shopify App
Creating your new Widget
You'll land on your Tada Dashboard. From there you can scroll down until you see the Create new widget button and click it.
Name & Type
You should determine first whether you'd like to give discounts or collect emails only. If you want to give discounts directly, you can opt for games available on Tada. These are: Classic Wheel of Coupons, Pick a Gift, Carton Wheel of Coupons, Overlay Discount Pop Up, and Side by Side Discount Pop Up. If you want to collect emails only, you can only select either an Overlay Pop Up or a Side by Side Pop Up. Make your choice using the Select Widget button then you'll be able to name your widget, for example, this could be Homepage Promo Black Friday. You'll be able to customize them on the next step after clicking Continue.
Next, you'll want to decide what kind of discount you want to offer your visitors.
In this example, I opted to offer my visitors a chance to win one of four possible discounts. Free Shipping, a 5% Discount, a 10% Discount or a 15% Discount. You can create your own discounts by selecting the amount and selecting the discount type as either $ OFF or % OFF. For example, a 3$ OFF coupon would reduce their Checkout amount by 3$.
You can customize the Coupon chances (the drop rate of each discount) by clicking the View & Edit link. Using this feature, you could, for example, make the 15% discount drop only 1% of the time while increasing the likelihood of the receiving the Free Shipping discount.
Please note that the total sum of the Coupon Chances should always be 100.
We'll click Next Step once we're happy with our discounts.
In this next section, we get to choose the color scheme of our Widget to make sure it will look good on our site. We also have some neutral color themes (Clear & Dark themes) that will work with most websites.
If you are subscribed to our Premium Plan, you can select a custom theme that enables you to select your color that you want. You can also choose to Remove Tada Branding and enable a Scarcity Progress Bar.
Click Next Step once you're done with the style of the Widget.
In this section, you can select how your widget will work on your website.
In the Real-time Email Validation section, you can make your widget detect whether an email entered is a valid email or not. In case the email is not considered valid, the “email address” bar will highlight in red and suggest the email address used is not valid. Note that this is not required for using Tada.
In the Prevent Email Duplication section, you can turn this on so customers will not put the same email twice.
In the Widget Settings, you can select which pages of your site your Widget will show to your visitors and how often.
In the "Where does my Widget show?" dropdown, you can select where you'd like your Widget to be seen. Learn more about this with our How can I pick where to show my Tada Widget? article.
In the "When does this Widget show?" dropdown, you can select one of the following:
- Every new visit of page: your Widget will show every time a visitor goes to a new page until played or closed.
- Once per user: your Widget will show once to each visitor.
- Once every period of time: your Widget will show immediately to each user, and then wait the specified period of time until getting showed again until played or closed.
In the following section, you can decide on a reminder of how long your visitors have to redeem their discount. You can also customize the position of your reminder or disable them altogether.
We have two options available which are:
Sticky Bar (in line with the Widget colors selected)
Bubble Reminder (using the same colors as the Widget style selected) The text with the countdown appears when clicking the gift icon. Middle right placement in this example.
You can also select which devices your widget will show in the Translation and behavior section.
You may also want to edit the Results Screen on your Widget such as its captions or the time before the coupon expires. You can also enable to add the emails to your Shopify mailing list.
Lastly, you can use a smart algorithm to detect when your users are about to leave and show your widget. You can enable this on the Exit intent section of your Widget settings. Note that Exit intent will only show the widget if it hasn't showed previously using any other triggers. We will not show the same Widget twice in the same page view.
Once you're all set with your settings, you can either Save & Pause Widget or Save & Enable on Store.
Congratulations, you're all done creating your first Tada Widget!