Installing Wheel of Fortune Script on Ember.js-based Websites

  1. First, create a new Ember.js application or open an existing one.
  2. Add the WheelWidget script to your app by adding the following code to your index.html file:
    <script src="" async defer>

Make sure to replace YOUR_ID with the actual ID of your WheelWidget account.

  1. In your Ember.js component or template, add a new element where the WheelWidget will be displayed. You can add this anywhere in your component or template, for example:
    <div id="wheel-widget"></div>
  2. In your component or controller, add the following code to initialize the WheelWidget:
    import { on } from '@ember/object/evented';// ...initWheelWidget: on('didInsertElement', function() {  const wheelWidget = window.wheelWidget;  // Initialize WheelWidget  wheelWidget.init('wheel-widget', {    id: 'YOUR_ID',    // Add any additional options here  });})

    This code initializes the WheelWidget by calling the init function with the ID of the element where the widget will be displayed, as well as any additional options you want to configure.
  3. That's it! Your Ember.js app is now integrated with WheelWidget. You can customize the appearance and behavior of the widget by modifying the options passed to the init function.

This instruction didn't help me

Our support & Q team email