Skip to main content
العربية

Make your wheel readable and accessible

Use this article to check that your customers can read and use the wheel on mobile and desktop.

When to use this article​

  • You want to improve color contrast.
  • You want to shorten the segment text.
  • You want to check that the wheel is comfortable to use on a phone.

Before you start​

  • Have the final segment text ready.
  • Have your store's brand colors ready.
  • Open the Wheel editor from My campaigns by clicking the Edit icon.

Steps​

  1. Keep the text of each segment short in the Text inside wheel column. The maximum is 50 characters.
  2. Choose a Segment color and a Text color with clear contrast.
  3. Avoid very small text. In Text formatting, choose a suitable Font size.
  4. In the Live preview, choose Desktop and check the wheel.
  5. Choose Mobile and check the wheel.
  6. Open Test winning result and check the result page in both views.
  7. Try a full spin in your store in a private browsing window.

Check that it works​

  • The segment text is readable.
  • The spin button is visible and easy to tap.
  • The wheel does not cover important content on mobile.

Common errors​

What you seeFix
A long phrase inside a small segmentShorten the text, and put the details on the result page.
Dark text on a dark segmentChoose lighter text or change the segment color.
You only tested on desktopCheck Mobile before you publish.

FAQ​

Can I use product images inside the segments?​

Yes, if the image stays clear at a small size. See Add prize images to wheel segments.