Library finder instructions

A widget is a small component that can be placed on any website. This widget helps users find their nearest public library.

You can either embed the widget as it comes, or customise the width, height, and primary/secondary colours. Once you are done with customisations, refresh and copy the code at the bottom of the page, to paste into your website's HTML.

If you have any problems, or would like to give feedback, please get in touch.

Demo

The demo shows the widget with the default colours and a width of 320px and a height of 500px.

Customisation

After you have made your customisations for size and colours, click the 'Refresh code' button to update the code snippet at the bottom of the page.

Code

      <script>
  (function () {
    var script = document.createElement('script');
    script.type = 'module';
    script.async = true;
    script.src = 'https://widget.librarymap.co.uk/libraryfinder-widget.js';
    var firstTag = document.getElementsByTagName('script')[0];
    firstTag.parentNode.insertBefore(script, firstTag);
  })();
</script>
<div id="libraryfinder-widget" 
  data-width="100%"
  data-height="500px"
  data-primary="#63117b"
  data-secondary="#f6f1e8">
</div>