How to integrate?

• **amberstudent.com widget** integrates with just a few lines of code. Easy and Instant!
  1. Create a div tag with the id amber-widget, copy the script tag (from the following code snippet) and place it before the closing body tag.
  2. Ensure that you have configured location and partnerId parameters (mentioned below)
  3. There are some other optional parameters which you can use to customise the widget (mentioned further in this doc)
• Following is the code for reference:

// 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)

Parameters:

• location (String)
  • Required Parameter
  • The location for which you want the inventories to be displayed. ex: "london", "sydney", "houston", "university of sheffield" etc.
  • If there are no properties present for the specified location, then a relevant message is displayed to the user.
  • Initially the listings are shown for this location.
• numListings (Integer)
  • Optional Parameter
  • Controls number of listings that are displayed
  • Default value is 6
  • Max value is 16
• partnerId (String)
  • Required Parameter
  • The partner id provided to you by amberstudent.com
• sort (String)
  • Optional Parameter
  • Used to get listings sorted by given key
  • Defaults to 'Recommended', Options : [Recommended,Nearest,Price (Low to High),Price (High to Low)]
• fontFamily (String)
  • Optional Parameter
  • Used to change the font in the widget
  • Default is Open Sans

Integration guide for wordpress

• Integrating widget with WordPress requires adding the custom widget javascript code (which is mentioned above) to the specific page. This is possible via 3rd party WordPress plugins.
• You can view the following video guides to implement
  • Using "Insert Headers and Footers" Plugin https://www.youtube.com/watch?v=TPoi6iGeweQ
  • Using "Code Embed" Plugin: https://www.youtube.com/watch?v=KgMMGuIAdpI