// This is where the widget renders
<div id="amber-widget"></div>
<div class="amber-link" style="text-align: center">
</div>
<script>
;(function (w, d, s, o, f, js, fjs) {
w[o] =
w[o] ||
function () {
;(w[o].q = w[o].q || []).push(arguments)
}
;(js = d.createElement(s)), (fjs = d.getElementsByTagName(s)[0])
js.id = o
js.src = f
js.async = 1
fjs.parentNode.insertBefore(js, fjs)
})(window, document, 'script', '_aw', '<https://d341zbz41jo7w1.cloudfront.net/widget/list/3.1.0.js>')
_aw('init', {
element: document.getElementById('amber-widget'), // required
location: 'london', // required
partnerId: 'test', // required
fontFamily: '', //optional default is Open Sans
sort: 'Recommended', // optional default is Recommended options are Recommended,Nearest,Price (Low to High),Price (High to Low),
numListings: 6, // optional default is 6
})
</script>
This is how the widget appears, after proper integration:
(To checkout the live version of the widget you can visit: https://amberstudent.com/widget-sample)