> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.popup-builder.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Use Gamification Extension

[The Gamification extension](https://popup-builder.com/downloads/pick-a-gift-popup/) is a great tool to collect subscribers by giving them a chance to win various prizes such as discount codes by playing an attractive and joyful game called Pick a gift.

|| The extension is paid and can be purchased within [bundle](https://popup-builder.com/pricing/) or else as a [single](https://popup-builder.com/product/gamification-popup-pick-a-gift-popup/) extension.

Once purchased, it needs to be installed like this:

* If it is purchased as a bundle install it like mentioned in [the article](/en/article/how-to-install-bundle-paid-version-3364s5/)
* In case of the single extension it can be installed as [following](/en/article/how-to-install-a-single-extension-1gc5noh/)

### Steps to create Gamification popup:
* Open the Popup Builder from your WordPress Dashboard and click on **''Add new''**:




![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot3_6nev8v.png)
* Click on the **''Gamification''**:



![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot8_1qz8u7e.png)

### Options available with the Gamification popup:

The Gamification popup has the following sections to be used: **Content, Design, Options**

* The **Content** section allows write any content that you wish to have in the popup using default WordPress editor:



![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/12462773-2a81cbf82bbba4ce795d4_1ekf7tf.png)

The following options can be edited and customized:

**Main screen message**: choose the text that you wish to show when the popup opens.
**Play screen message**: add a text so the visitors can choose the gift.
**Win screen message**: congratulate them once they have won the game and add the gift that you wish (for instance: coupon code).
**Lose screen message**: cheer them up in case they had lost the game.

* With **Design** section the following options are available:


![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/12463573-c2f69f58d1711010bc2d6_d4g9th.png)

**Input styles**: the option allows to change the placeholder, its color, the width and height, border width, radius and color, background and text colors of the popup content.
**Button styles**: the width and height, border width, radius and color, background and text colors, title, title (in progress) of the button can be customized using the option.
**Gift image**: set the desired image of the gift which needs to be selected by user. In case there is a need to use a custom image, it can be uploaded by clicking on the **''Custom Image''** button.
**Error message**: add the text which you wish to show when an error occurs.
**Invalid email message**: in case the user inserts wrong email address, you can warn them to use the correct one.
**Required field message**: choose what to show when the field is required to fill.
**GDPR terms**: warn users to agree with the terms and conditions before they insert their email address.

* The last one is **Options** section:


![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot5_uj6hwa.png)


**Winning chance**: the winning chance can be set in percentages.
**Hide for already played users**: use the option to hide the popup for those, who had already played the game.
**Start game by button**: the option allows to start the game with the button. In this case there is no need to insert the email address in order to pick a gift.

Check the example of the Gamification popup:

![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot2_1xre09s.png)