Gamification module in 2D/3D Virtual Platforms

How to Add Icons to a Page in a 2D/3D Virtual Platform

1. Edit the page or post type where you want the icons to appear.

Go to the custom fields group that you have created, in this case “Gamification Options” and add in the location rules which page you want to have the gamification option : 

2. Go to the classic editor of that page, post or template that you have selected as the location for your ACFs.

3. Look for the ACF "Gamification Options" box and check the "Enable Gamification" box.

4. In the "Icons for Gamification" repeater, click "+ Add Row" for each icon you want to add and fill in the subfields.

Clickable Icon Option (ACF Toggle)

You can now choose between two reward modes:

• Manual Mode (Clickable Icon Enabled)

  After the timer finishes, users must click the icon to claim their points. 

• Auto Mode (Clickable Icon Disabled)

  Points are automatically awarded as soon as the required time is completed.

This flexibility allows administrators to tailor the experience depending on the event or engagement strategy.

Each icon now includes additional configuration option:

• You can chose between Manual Mode (Clickable Icon Enabled) or Auto Mode (Clickable Icon Disabled).
• You can define a custom time requirement directly within the ACF field.

• Each icon now includes a new ACF field: Stand ID

  This allows you to assign an icon to a specific stand or virtual area. When users collect 100% of the icons linked to a particular stand, the system can Aaward bonus points

How to Create and Display the Quiz

1. Create a new page in WordPress (e.g. "My Knowledge Quiz").

2. Edit the page and look for the ACF "Quiz Questions" box.

3. Click "+ Add Row" for each question you want to create. Fill in the question text, points, and answer options, marking the correct one.

4. In the main content editor of the page, insert the following shortcode:[show_gamification_quiz]

5. Save the page.

5.3. How to Display the Leaderboard

1. Create a new page in WordPress (e.g. "Leaderboard").

2. In the content editor, insert the following shortcode:[my_leaderboard]

3. Save the page.

5.4. How to modify the main styles of the Quiz and Leaderboard using the created ACFs

1. Go to the classic editor for your quiz or leaderboard.

2. You will see your fields box, fill it in, select the colours and save