How to embed an AliWatcher chart
Instead of telling your website visitors about the cheapest price of an AliExpress item, why not let them see it in a nice, beautiful chart without having to code anything?
Luckily, you can now embed an AliWatcher 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 AliWatcher, for example this very cool Lobster Hat.
Beneath the pricing chart, you'll see a button to copy the embed code.
The embed code looks like this:
<div> <iframe src="https://aliwatcher.com/product/embed/5706659" 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://aliwatcher.com/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 AliExpress on the embeddable chart will be via the AliExpress affiliate account of AliWatcher. If you want your own affiliate link in the chart, please refer to this Google Form.