How to Add WheelWidget Script to Vue Website

If you're using Vue to build your website and want to add the WheelWidget script to it, follow these simple steps:

  1. In the component or page, add the following code to the mounted() method:
mounted() {  const script = document.createElement('script');  script.src = 'https://files.wheelwidget.com/wheel-widget.umd.js';  document.body.appendChild(script);},

Place the following code in any place of the component or page:

<wheel-widget id="15"></wheel-widget>

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

  1. Save your changes and reload your Vue application.

That's it! The WheelWidget script should now be installed on your Vue website. If you encounter any issues or have any questions, feel free to contact us.

We hope this instruction was helpful in adding the WheelWidget script to your Vue website. If you have any feedback or suggestions, please let us know.

Our support & Q team email