WB Gamification · Run the Game · 2 of 5
How to Make the Game Look Like Part of Your Site in WB Gamification
How to make WB Gamification look like part of your WordPress site. Place the pop-ups with Realtime (Realtime Transport, Toast position), match your colours under Appearance (Custom accent, Use my theme default color instead), and see the result as a member.
Chapters
Transcript
In this tutorial you will make the game look like part of your site in WB Gamification, with pop-ups and colours that fit. You need the free WB Gamification plugin, installed and active. It takes about three minutes. There are three steps. Place the pop-ups. Match your colours. Then see it as a member. A game that clashes with your theme feels bolted on, and members treat it that way. With your own colours and gentle pop-ups, it feels like part of the place.
Step one. Place the pop-ups. Click Realtime. Realtime Transport decides how pop-ups reach members, Heartbeat being the recommended one. Under Notification placement, Toast position sets which corner of the screen shows a new badge or level. Then click Save Realtime Settings.
Step two. Match your colours. Click Appearance. Accent Color has a Custom accent for the game. Or tick Use my theme default color instead, and the game takes your theme colour. Then click Save Appearance.
Step three. See it as a member. The cards, bars and buttons take the game colour, here your theme colour. So the game looks like part of your site, not an add-on.
That is all three. The pop-ups placed, your colours matched, and the result seen as a member. The game now looks like part of your site. Next in this series: Make your courses and community feed one game.