Installation of Wheel of Fortune on October CMS

1. First, login to the October CMS admin panel and navigate to the Settings page.
2. Click on the "CMS" dropdown and select "Layouts".
3. From there, select the layout file where you would like to add the Wheel of Fortune script.
4. Within the layout file, locate the head tag and insert the following code:

<script    src="https://files.wheelwidget.com/wheel-widget.umd.js"    async defer></script><wheel-widget id="YOUR_ID"></wheel-widget>

Note: Replace "YOUR_ID" with the actual ID of your Wheel of Fortune script.

5. Save the changes to your layout file and the Wheel of Fortune script will now be included on all pages that use that layout.

Usage

1. To use the Wheel of Fortune on a specific page, open the page in the October CMS admin panel.
2. Click on the "Code" tab to access the HTML code of the page.
3. Create a new HTML element where you want the Wheel of Fortune to appear.
4. Insert the following HTML code into the new element:

<script    src="https://files.wheelwidget.com/wheel-widget.umd.js"    async defer></script><wheel-widget id="YOUR_ID"></wheel-widget>

Note: Replace "YOUR_ID" with the actual ID of your Wheel of Fortune script.

5. Save the changes to your page and the Wheel of Fortune will now appear on that page.

That's it! You have successfully installed and used the Wheel of Fortune script on October CMS.