You can embed the RideStyler Wheel and Tire Size Calculators on your site, giving you and your customers access to helpful sizing/measurement tools. To add either calculator to your site, just follow the steps in this article.
1. Login to account.ridestyler.com.
2. Navigate to the product dashboard for either the Wheel Size Calculator or Tire Size Calculator (click on Tools, then on the desired Calculator).
3. On the product dashboard, you’ll see a section toward the bottom of the page that says Embed the [Wheel or Tire] Size Calculator. Below this is the complete snippet of code that you will add to your site. Copy this section by either clicking the “copy” button or highlighting the code and manually copying.
4. In the example below we’re using the Tire Calculator embed, but the implementation is exactly the same for the Wheel Calculator. You’ll need to add the scripts to the body of your page, preferably right above the closing body tag:
<div id="rs-tire-calculator"><!-- The calculator will show up here --></div>
<script src="https://api.ridestyler.net/js?Key=YOUR_KEY"></script>
<script src="https://static.ridestyler.com/widgets/plus-size-calculator/edge/js/psc.min.js"></script>
<script>new PlusSizeCalculator('rs-tire-calculator');</script>
</body>That’s it! In this case the calculator will be inserted into the div with the rs-tire-calculator id.