How to embed a Waltrack chart
Instead of telling your website visitors about the cheapest price of a Walmart item, why not let them see it in a nice, beautiful chart without having to code anything?
Luckily, you can now embed a Waltrack chart on your website or blog, in a few simple tricks.
First you need the embed code. To find this, go to any product page on Waltrack, for example this Sony Playstation 5.
Beneath the pricing chart, you'll see a button to copy the embed code.
The embed code looks like this:
<div> <iframe src="https://waltrack.net/product/embed/363472942" loading="lazy" style="border:none;overflow:hidden" scrolling="no" allowTransparency="true" frameBorder="0" width="600" height="400" /> </div>
You can paste the embed code on any page where you want to show a chart for that product.
The iframe is fully responsive, which means you can give it any size you want.
The minimum size should be 300px width and 300px height, to make sure the chart is readable.
To change the sizes, you can change the value of the
height property of the
The suggested size is 400x600px or 600x400px
If you want a responsive chart, that will always be 100% width, no matter the size of the parent div, you can wrap it in a relative container div. In the example below, the aspect ratio of the iframe will always be 2:1.
<div style="position:relative;overflow:hidden;width:100%;padding-top:50%"> <iframe src="https://waltrack.net/product/embed/185638711" loading="lazy" scrolling="no" allowTransparency="true" frameBorder="0" width="600" height="400" style="border:none;overflow:hidden;position:absolute; top:0;bottom:0;left:0;right:0;width:100%;height:100%" /> </div>
The link to Walmart on the embeddable chart will be via the Walmart affiliate account of Waltrack. If you want your own affiliate link in the chart, please refer to this Google Form.