This widget enables you to integrate a PineappleSearch search box, and (optionally) content, on your website. The widget will automatically scale and use the width of it's parents container.
Please contact us in case you have questions or need help implementing the widget.
First, add a new HTML block to your page where you want the widget to appear.
<div id="psSearch"></div>
Then add the following snippet of code right before the </body> tag of your page.
<script type="text/javascript"> (function() { var ps = document.createElement('script'); ps.type = 'text/javascript'; ps.async = true; ps.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://s3.eu-central-1.amazonaws.com/pineapplesearch/widget.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ps, s); })(); </script>