Connecting Wheel of Fortune Widget to Beaver Builder

To add the Wheel of Fortune Widget to your Beaver Builder website, follow these steps:

  1. Go to your Wheel of Fortune Widget account and configure your widget settings in the admin panel, including colors, contact type, integrations, etc.
  2. Navigate to the "Code" tab in the widget settings modal window and copy the code snippet. It should look like this:
<script    src="https://files.wheelwidget.com/wheel-widget.umd.js"    async defer></script><wheel-widget id="YOUR_ID"></wheel-widget>

Make sure to replace "YOUR_ID" with your actual widget ID, which you can find in your admin panel.

  1. Log in to your Beaver Builder account and navigate to the page where you want to add the Wheel of Fortune Widget.
  2. Drag and drop a "HTML" module from the sidebar to the desired location on your page.
  3. In the module settings, click on the "Code" button to open the code editor.
  4. Paste the code snippet you copied in step 2 into the code editor.
  5. Save your changes and preview your website to ensure that the Wheel of Fortune Widget appears correctly.

That's it! Your website visitors can now spin the wheel and engage with your brand. If you want to change the widget ID, simply update it in your admin panel and the widget will reflect the changes automatically.