Using images instead of prize names in Spin the Wheel

You can enhance the visual appeal of your Spin the Wheel game by using images instead of text for prize names. This approach allows you to display complex prize names more clearly while making the game more engaging.

For a detailed Figma guide, please reach out to your Customer Success Manager!

There are two ways to achieve this:

  1. Using Images at the Mini-Game Template Level

  • First, create an image that includes the prize name and amount.

  • When setting up the prize, enable the 'Replace Name with Image' toggle.

  • This method allows you to assign an image to each prize directly in the template.

  1. Using Images at the Mini-Game Skin Level

With this method, you cannot dynamically change prize positions from the Prize Configuration, as the layout is fixed within the skin itself.

  • This method allows for even greater customization by adding unique images to each sector of the wheel. You should upload the entire sector image along with the other images when adding the skin.

  • You can include a background, prize name, amount, icons, or other elements inside the image.

  • To apply this:

    • Leave the 'Prize Icon' field empty

    • Assign fixed images to each sector in the skin configuration

    • In the game template, match each prize to the correct sector

    • Apply custom CSS in the CSS editor within the game template to hide the Prize name

.saw-view .wheel-sector-icon.cover {
   display: none;
}

Last updated

Was this helpful?