2025-11-04 02:20:47 +02:00
#+title : S04|L03 - how to add spin-a-sale app to trigger the law of reciprocation
#+HTML_HEAD : <link rel="stylesheet" type="text/css" href="../../_share/media/css/ecomm.css" />
#+OPTIONS : H:6
* Links
#+attr_html : :class links
- [[../../toc.org ][TOC - ecomm clubhouse ]]
2026-03-20 03:17:56 +02:00
- [[https://jellyfin.ronnyabraham.com/web/index.html#/details?id=8650bee2aae1992dfcceca95d9694e48&serverId=99488804638e465693eed17924c57b60 ][video ]]
2025-11-04 02:20:47 +02:00
2026-06-30 00:45:02 +03:00
* Tutorial Notes
2025-11-04 02:20:47 +02:00
In this video, I’
#+attr_html : :width 800
file:../../_share/media/img/step_04/lesson_03/Spin-A-Sale.png
Spin A Sale cost $10/month. If you don’
** create discount coupon
First thing you need to do is to create a 20% discount coupon inside your Shopify dashboard.
1. To do this, in your Dashboard click Discount.
#+attr_html: :width 800
file:../../_share/media/img/step_04/lesson_03/ex01a-dashboard_discount.jpg
2. Type in the name of your discount code, then put the percentage of the discount that will be applied to the order. Then scroll down and choose Limit to one use per customer. Then click Save Discount Code.
#+attr_html: :width 800
file:../../_share/media/img/step_04/lesson_03/ex01b-discount_code.jpg
** install the app
Now that we’ ’ ’
1. To install the app, go to your Dashboard, click on Apps and click on Visit the Shopify App Store. In the search box, type in Spin A Sale and do a search. Click on the Spin A Sale app.
#+attr_html: :width 800
file:../../_share/media/img/step_04/lesson_03/ex02a-spin_app.jpg
2. Click on Add App.
#+attr_html: :width 800
file:../../_share/media/img/step_04/lesson_03/ex02b-add_app.jpg
3. On the next page, scroll down and click Install App.
#+attr_html: :width 800
file:../../_share/media/img/step_04/lesson_03/ex02c-install_app.jpg
4. Then choose the free 7-day trial. And then click Start Free Trial.
#+attr_html: :width 800
file:../../_share/media/img/step_04/lesson_03/ex02d-free_trial.jpg
5. Scroll down and choose the theme you want to use then click Save and Continue.
#+caption: choose theme
#+attr_html: :width 800
file:../../_share/media/img/step_04/lesson_03/ex02e-choose_theme.jpg
*** set prizes
1. Next on the Prize name, type in 20% off coupon, then type in WINNER at the coupon name. Set probability to 100. Then type in your custom message in the Prize 1 Details box.
#+caption: set details for prize 1
#+attr_html: :width 800
file:../../_share/media/img/step_04/lesson_03/ex03a-set_prize_1.jpg
2. Now, do a 15% off on the Prize 2 Details box.
#+caption: set details for prize 1
#+attr_html: :width 800
file:../../_share/media/img/step_04/lesson_03/ex03b-set_prize_2.jpg
3. Do the same with Prize 3 for 10% off coupon then probability set to 0. Next, do the same process with prize 4 for 5% off coupon then probability set to 0. Then last prize should be Free Shipping set to 0 probability as well. Then click Save and Continue.
*** set details
1. Now, click the toggle button for the Spin-a-sale App to ‘ ’ ‘ ’
#+caption: show on website and save
#+attr_html: :width 800
file:../../_share/media/img/step_04/lesson_03/ex04a-toggle_on.jpg
2. Next scroll down to the Text section, type in the title text “Win up to 20% OFF”. Then type in your custom message on the Message Details box.
#+attr_html: :width 800
file:../../_share/media/img/step_04/lesson_03/ex04b-custom_message.jpg
3. Scroll down and turn on the Include name Field option. Click on the Required box.
#+attr_html: :width 800
file:../../_share/media/img/step_04/lesson_03/ex04c-turn_on_fields.jpg
*** customize colors
Next, scroll down to the Colors and Font section.
#+attr_html: :width 800
file:../../_share/media/img/step_04/lesson_03/ex05a-colors.jpg
1. Go to the Title Text color and choose White.
2. Change the Message Text color to White as well.
3. Now change the button color to our store’
4. Then the Peg color to White as well.
5. Next change the Winning color to your desired color.
6. Do the same for the Losing color –
*** wheel logo image
1. Then scroll down and select the wheel logo. Select Image then choose the logo that you want to use.
#+attr_html: :width 800
file:../../_share/media/img/step_04/lesson_03/ex06a-wheel_image.jpg
2. Scroll all the way down then click Save. Then click Preview Mode.
#+attr_html: :width 800
file:../../_share/media/img/step_04/lesson_03/ex06b-preview.jpg
And it works! You’
2026-06-30 00:45:02 +03:00
* Review
** Overview
- App: Spin-a-Sale (Shopify)
- Purpose:
- Increase conversions
- Capture emails
- Cost:
- ~$10/month
- Key concept:
- Law of reciprocity → give discount → increase likelihood of purchase
- Strategy:
- Always give highest discount (20%)
- Use curiosity-driven copy
** Create Discount Code
1. Shopify dashboard → Discounts
2. Click:
- Create discount → Discount code
3. Configure:
- Name: your choice
- Value: 20%
- Limit: 1 use per customer
4. Click:
- Save
** Preparation
- Have:
- Brand color (from earlier steps)
- Store icon (72x72 px, transparent background)
- Icon tip:
- Use part of your logo
** Install App
1. Shopify dashboard → Apps → Visit App Store
2. Search:
- "Spin a Sale"
3. Click:
- Add app → Install app
4. Select:
- Free trial
5. Choose theme → Save and continue
** Prize Configuration
- Prize 1:
- Name: 20% off coupon
- Coupon: winner
- Probability: 100
- Prize 2:
- Name: 15% off
- Probability: 0
- Prize 3:
- Name: 10% off
- Probability: 0
- Prize 4:
- Name: 5% off
- Probability: 0
- Prize 5:
- Name: Free shipping
- Probability: 0
- Result:
- User always “wins” 20%
- Click:
- Save and continue
** Enable App
- Skip optional step
- Enable spinner on site
- Save and exit
** Text Settings
- Title:
- Win up to 20% off your order
- Add:
- Custom message
- Enable:
- Name field (required)
** Styling
- Text color: white
- Message color: white
- Button color: brand color
- Peg color: white
- Winning segment: brand color
- Losing segment: similar hue
** Logo
- Upload:
- Store icon (72x72)
- Click:
- Save
** Preview
- Click:
- Preview mode
- Test spinner behavior
** Result
- Email capture enabled
- Discount incentive active
- Conversion optimization via:
- Reciprocity
- Curiosity
* Transcript
#+begin_example
00:00
Alright. So in this video, I'm gonna teach you how
00:02
to install a Shopify app that has been shown to
00:05
increase sales and conversions. And I'm also going to give
00:07
you some sneaky tips. And that app is something you've
00:10
probably seen before, spinner sale. What happens is a pop
00:13
up box slides onto the screen with a wheel that
00:16
has prizes on it. When customers enter their name and
00:18
email, the win will spin and will land on a
00:20
prize that is a discount coupon. As far as the
00:23
customer is concerned, what prize it lands on is random.
00:27
Now this was an app that I was skeptical of
00:29
for a long time but it's been proven to work.
00:32
And the reason why it works can be explained when
00:34
we look at psychological marketing techniques. 1 of the most
00:37
powerful psychological marketing techniques that you can employ is the
00:41
law of reciprocity.
00:42
The law of reciprocity is when you give a customer
00:45
something for free. It makes them feel indebted to you
00:48
and more likely to buy from you and this is
00:50
what we are going to do with the Shopify app.
00:52
We are going to give the customer a discount coupon
00:55
for 20 percent off. This is going to make them
00:57
feel indebted to us and more likely to buy. Now
01:00
usually when people set up their Shopify app spin to
01:04
win, they will add 5 different discount coupons
01:07
be
01:08
random which 1 it lands on for the customer. However,
01:11
we're not gonna do that. Instead, we're gonna set it
01:13
so that 100 percent of the time, it lands on
01:16
the coupon that we want it to, which is the
01:18
biggest, the 20 percent off coupon. And the reason why
01:21
we will do this is because it will trigger the
01:23
law of reciprocity.
01:25
By making the customer believe that they won the biggest
01:27
coupon randomly, it will make them feel indebted to us
01:30
even more since they now think that we gave them
01:33
a special prize. In addition, we are going to use
01:35
copy techniques to trigger the emotion of curiosity. We're gonna
01:39
use words to make customers curious about what prize they're
01:42
gonna win, even though of course we know that they're
01:44
always going to win the biggest prize. Now before we
01:46
begin this tutorial, I need to let you know this
01:49
app is not free. It costs 10 dollars a month.
01:52
If you don't have the budget for 10 dollars a
01:54
month, what I recommend that you do is you hold
01:56
off until you've got a product that you have tested
01:59
and are selling consistently
02:00
and then you install this app. But once you've got
02:03
the money to invest in this app, not only is
02:05
it a great app to install because it's going to
02:07
increase the chances that customers buy from you, but it
02:10
will also mean that you're collecting their email addresses so
02:12
that you can market to them later. So with that
02:14
out of the way, let's begin the tutorial.
02:17
The first thing that you're going to need to do
02:18
is you're going to need to create a 20 percent
02:20
off coupon inside your Shopify admin area. Let me show
02:23
you how easy it is to do this.
02:26
In your Shopify dashboard, click discounts.
02:29
Then click create discounts. Then click discount code.
02:32
Next, enter the name for your discount code.
02:35
Add in the discount value. This will be the percentage
02:37
of the discount that will be applied to the order.
02:40
Scroll down and click limit to 1 use per customer
02:43
option for the usage limit.
02:45
Then click save discount.
02:47
And as easy as that, we've now added a discount
02:49
offer to our Shopify store. Alright. Now that we've got
02:52
our coupon, it's time to install our app. Before we
02:55
do that though, there are some things that we want
02:57
to do in advance. Firstly, remember how in step 3
03:01
that we chose a specific color as our store's color?
03:04
Well, we're gonna want to use that in this tutorial.
03:07
Secondly, remember the favicon we installed in step 3? This
03:10
was my favicon picture. It is the Brew Treats icon.
03:13
We're going to use this favicon image for this tutorial.
03:16
If you don't have a favicon, then create a square
03:18
icon that is 72 pixels by 72 pixels now. The
03:22
icon should represent your store in some way and it
03:24
should be on a transparent background. A good idea is
03:27
to use some part of your store logo for it
03:29
like I did here. We will need this for the
03:32
tutorial. To create this icon, I used my favorite image
03:35
editing software Photoshop. If you'd like to get Photoshop, I'll
03:38
have a link to it on this page. Alternatively,
03:41
you can use the free image editing software Pixlr. I
03:43
will also have a link to that on this page.
03:46
And once you've got those things gathered together, it's time
03:48
to add this app to your store. Let me switch
03:50
over to my computer and show you how easy it
03:52
is. In your dashboard, click apps. Then visit the Shopify
03:56
app store.
03:57
Type in 'spin a sale' in the search box.
04:00
Click this from the search results.
04:02
Now click add app. In the next page, scroll down
04:05
and click install app.
04:08
Scroll down and click select under the free trial option.
04:12
Click start free trial.
04:14
Scroll down and select the theme you want from your
04:16
spin app. Then click save and continue.
04:19
Next, enter details and set up prizes.
04:22
Type in 20 percent off coupon in prize 1 name.
04:25
Type in winner under coupon name.
04:28
Enter 100 under probability.
04:31
Type in your custom message under prize 1 details.
04:36
Next, enter 15 percent off coupon and prize 2 name.
04:40
Type in anything under coupon name. No 1 is going
04:43
to win this so it doesn't matter what you write.
04:46
Enter 0 under probability.
04:48
You can skip edits on the custom message as we
04:51
put 0 under probability for this prize anyway.
04:54
Next, enter 10 percent off coupon and price 3 name.
04:58
Type in anything under coupon name again,
05:01
enter 0 under probability,
05:02
and again you can skip edits on the custom message
05:05
as we put 0 under probability for this prize 2.
05:08
Do the same for price 4. Enter 5 percent off
05:11
coupon and price 4 name. Type in anything under coupon
05:14
name, enter 0 under probability,
05:16
and we can skip edits on the custom message as
05:19
we have already put 0 under probability for this prize.
05:22
And lastly, for prize 5, enter free shipping in the
05:25
prize 5 name.
05:27
Type in anything under coupon name, enter 0 under probability,
05:31
and you can skip edits on the custom message as
05:33
we put 0 under probability for this prize.
05:36
Click save and continue.
05:39
On this page, just click skip.
05:41
Now, click this for the spinner sale app to show
05:44
on your website.
05:46
Then click save and exit.
05:51
Next, scroll down to the text section.
05:54
Under title text, type in win up to 20 percent
05:56
off your order.
05:58
Now, enter your custom message.
06:03
Scroll down and turn on the include name field option.
06:07
Check the required box.
06:08
Next, scroll down to the colors and font section.
06:11
Click the color box with a title text color and
06:14
change it to white.
06:15
Change the message text color to white as well.
06:18
Now change the button color to our source bin color.
06:22
Next, change the peg color to white.
06:26
Change the winning segment color to your desired color.
06:29
Do the same for the losing segment color, but choose
06:31
a different color, preferably 1 with the same color scheme
06:34
but slightly different hue.
06:37
Scroll down and change the wheel logo. Click select image.
06:40
Select the logo you want to use and click open.
06:44
Scroll all the way down and click save.
06:48
In the next page, click preview mode.
06:51
Now we can see how the spin app works on
06:54
our store.
#+end_example
