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
- Keep the text of each segment short in the Text inside wheel column. The maximum is 50 characters.
- Choose a Segment color and a Text color with clear contrast.
- Avoid very small text. In Text formatting, choose a suitable Font size.
- In the Live preview, choose Desktop and check the wheel.
- Choose Mobile and check the wheel.
- Open Test winning result and check the result page in both views.
- 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 see | Fix |
|---|---|
| A long phrase inside a small segment | Shorten the text, and put the details on the result page. |
| Dark text on a dark segment | Choose lighter text or change the segment color. |
| You only tested on desktop | Check 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.
Related articles
Did this article answer your question?