> For the complete documentation index, see [llms.txt](https://competitions.gitbook.io/competition-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://competitions.gitbook.io/competition-docs/minigames/view-minigames/setting-up-spinner.md).

# Setting up Spinner

If you've read our [Setting up Scratch Cards](/competition-docs/minigames/view-minigames/setting-up-scratch-cards.md) article then you will see a lot of parallels between that and this article.

<figure><img src="https://3744898343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvmZQfjJYplU4Sw9Oe8b0%2Fuploads%2F8KNJlMvjMYEYPskfMtVT%2Fforsestspin.gif?alt=media&amp;token=6e4fb671-0f59-49a8-8c67-fec3171fb6b9" alt=""><figcaption></figcaption></figure>

You may only need to read one of these articles to understand how to operate both of them but in this article we will show you how the Spinner works from a customer perspective aswell as how to set it up.

<figure><img src="https://3744898343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvmZQfjJYplU4Sw9Oe8b0%2Fuploads%2FoUKhP3JC7EJoRqZpbA71%2FVanilla-Desktop.gif?alt=media&amp;token=4ea2d98e-a53a-4a22-8850-bd8f22fd8319" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
The Spinner needs an Instant Prize Competition to function
{% endhint %}

### Get started with Spinner

<figure><img src="https://3744898343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvmZQfjJYplU4Sw9Oe8b0%2Fuploads%2FQWSl3rPADXIuq4VoZURg%2Fspinner_vanilla.gif?alt=media&amp;token=0b6ec6b6-c2c4-40c1-aaf0-afc59630e07b" alt=""><figcaption></figcaption></figure>

Setup an Instant Prize Competition as usual and then scroll under the Featured image to find the Minigames widget.

<figure><img src="https://3744898343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvmZQfjJYplU4Sw9Oe8b0%2Fuploads%2Fi0JJgf8Q7KGpf1R0QYM0%2Fimage.png?alt=media&amp;token=7450be0c-d276-40be-8894-7131b8d922ce" alt=""><figcaption></figcaption></figure>

Select the Spinner Game and save the competition. Once you have done that, every ticket purchased will give customers a go at the Spinner.

### How does it work?

The Spinner & all minigame modes integrate with the Instant Prizes to provide a visual overlay that is more interactive than the original instant wins. When someone purchases a ticket they will see a button after Checkout aswell as on the Spinner activated competition above the Add to Cart button where they can open a Spinner Popup.

{% hint style="success" %}
Spinner themes can be set per competition, have a look at our themes below
{% endhint %}

<div><figure><img src="https://3744898343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvmZQfjJYplU4Sw9Oe8b0%2Fuploads%2FtY6790F70dpmOg9zCw98%2Fimage.png?alt=media&amp;token=0694e7ec-1e02-451e-b32b-7f34bce3f5ed" alt=""><figcaption></figcaption></figure> <figure><img src="https://3744898343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvmZQfjJYplU4Sw9Oe8b0%2Fuploads%2FtDKl3imaVR4oncXNRbYX%2Fimage.png?alt=media&amp;token=84b1a796-576c-4bc0-a46b-92cc2dbd30f1" alt=""><figcaption></figcaption></figure></div>

<div><figure><img src="https://3744898343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvmZQfjJYplU4Sw9Oe8b0%2Fuploads%2FNWt1MRogFgYRTkDE3gxf%2Fimage.png?alt=media&amp;token=66977309-3d85-4e8c-8d18-5e8fa2adf98e" alt=""><figcaption></figcaption></figure> <figure><img src="https://3744898343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvmZQfjJYplU4Sw9Oe8b0%2Fuploads%2F2MhcFzy4niqlnfhSQSYl%2Fimage.png?alt=media&amp;token=7db29372-ef2c-4ab6-8dfe-b6e3a1603209" alt=""><figcaption></figcaption></figure></div>

<figure><img src="https://3744898343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvmZQfjJYplU4Sw9Oe8b0%2Fuploads%2FCZ8ST3Wb5RW9WSaglR7M%2FForest%20Spin.gif?alt=media&amp;token=cc441be9-ce81-4a62-b0db-c2365e08365d" alt=""><figcaption></figcaption></figure>

### Editing the Spinner Colours

{% hint style="info" %}
We can help you set this up if you need
{% endhint %}

To edit the spinners colours go to Minigames -> Settings\
\
You can then paste in the hex codes of the colours you want, these will be randomly chosen, there are also some extra colour sliders for borders and other parts of the Spinner

<figure><img src="https://3744898343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvmZQfjJYplU4Sw9Oe8b0%2Fuploads%2F1XR6aQ42BTXNynoBYJqR%2Fimage.png?alt=media&amp;token=14588705-edb8-4721-98b1-922e8510ac4a" alt=""><figcaption></figcaption></figure>
