{"id":6476,"date":"2020-01-21T12:09:32","date_gmt":"2020-01-21T06:39:32","guid":{"rendered":"https:\/\/magecomp.com\/support\/?post_type=manual_documentation&#038;p=6476"},"modified":"2020-01-21T12:09:32","modified_gmt":"2020-01-21T06:39:32","slug":"spin-win-frontend","status":"publish","type":"manual_documentation","link":"https:\/\/magecomp.com\/support\/docs\/magento-spin-win-extension\/spin-win-frontend\/","title":{"rendered":"Spin and Win in Frontend"},"content":{"rendered":"<p>Once you are all set with configuration of the spin and wheel game, users can see the offer icon enabled in all the pages of website. This helps catching attention of the visitors about the game and encourage them to play and win. On click of offer icon, users get redirected to spin and win offer page.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-6477\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/7_spin-and-win-icon-frontend.png\" alt=\"\" width=\"1311\" height=\"614\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/7_spin-and-win-icon-frontend.png 1311w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/7_spin-and-win-icon-frontend-300x141.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/7_spin-and-win-icon-frontend-1024x480.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/7_spin-and-win-icon-frontend-768x360.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/7_spin-and-win-icon-frontend-600x281.png 600w\" sizes=\"(max-width: 1311px) 100vw, 1311px\" \/><\/p>\n<p>Once the users are redirected to offer page, they can see banner with heading and description text. On click of button, it opens a popup with form to proceed play.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6478\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/8_spin-and-win-offer-page.png\" alt=\"\" width=\"1223\" height=\"641\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/8_spin-and-win-offer-page.png 1223w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/8_spin-and-win-offer-page-300x157.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/8_spin-and-win-offer-page-1024x537.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/8_spin-and-win-offer-page-768x403.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/8_spin-and-win-offer-page-600x314.png 600w\" sizes=\"(max-width: 1223px) 100vw, 1223px\" \/><\/p>\n<p>On click of button of the banner, spin and win popup gets displayed. To play spin and win game, users need to fill up the form and click the button.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6479\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/9_spin-and-win-popup.png\" alt=\"\" width=\"1282\" height=\"662\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/9_spin-and-win-popup.png 1282w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/9_spin-and-win-popup-300x155.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/9_spin-and-win-popup-1024x529.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/9_spin-and-win-popup-768x397.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/9_spin-and-win-popup-600x310.png 600w\" sizes=\"(max-width: 1282px) 100vw, 1282px\" \/><\/p>\n<p>Play now button click will spin the wheel to try luck and stop on an element. The respective reward on the element will be provided to users as winnings. The success message of winning will be shown once the wheel is stopped on a particular element.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6480\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/10_success-message.png\" alt=\"\" width=\"801\" height=\"663\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/10_success-message.png 801w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/10_success-message-300x248.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/10_success-message-768x636.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2020\/01\/10_success-message-600x497.png 600w\" sizes=\"(max-width: 801px) 100vw, 801px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":6452,"menu_order":7,"template":"","manualdocumentationcategory":[3217],"manual_doc_tag":[],"class_list":["post-6476","manual_documentation","type-manual_documentation","status-publish","hentry","manualdocumentationcategory-m1-spin-and-win"],"_links":{"self":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/6476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation"}],"about":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/6476\/revisions"}],"predecessor-version":[{"id":6481,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/6476\/revisions\/6481"}],"up":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/6452"}],"wp:attachment":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/media?parent=6476"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manualdocumentationcategory?post=6476"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_doc_tag?post=6476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}