# Frontend View of  Spin and Win

Once you complete the configuration and apply the required settings for the Spin and Win offer, go to the front of your store.

You can see a Spin icon appear on the screen, which can be accessed from any page of your store.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F5ab2jm5y4opdFTFwGgi3%2FSpin%20icon%20-%20frontend.png?alt=media&#x26;token=05169215-4d0b-413c-9941-c12f9090be0d" alt=""><figcaption></figcaption></figure>

Hover on the spin icon to display the tooltip.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fz6yX61qdTLyI6CXNghmu%2FSpin%20tooltip%20-%20frontend.png?alt=media&#x26;token=ef905d2e-6698-4414-9b24-8d263a225943" alt=""><figcaption></figcaption></figure>

Click on the spin icon to open the spin popup. Here, it will display the title, description, and button based on the backend settings. The customer needs to enter the required details in order to spin the wheel.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FGfp0wqMMx09J2SUUGEJU%2FSpin%20popup%20-%20frontend.png?alt=media&#x26;token=2ea5c00c-1e4d-4360-b74d-3f0ee1fb693b" alt=""><figcaption></figcaption></figure>

Once the customer adds the details and clicks on the button, the wheel spins and shows the result to the customer with a custom message.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FnBail4vnw44tJ8A05cAj%2FWinning%20message.png?alt=media&#x26;token=00a22359-fbef-4b56-819f-4416a7203710" alt=""><figcaption></figcaption></figure>

If the customer loses, it displays the message accordingly.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FmWKT0g75qJ3LRRHcJaob%2FLosing%20message.png?alt=media&#x26;token=c996b8e2-82c1-4976-b808-f266ea9223d6" alt=""><figcaption></figcaption></figure>
