Embedded widgets

The embedded widget variant is the easiest integration. We provide you with a basic piece of code you can add to any page your website.

The basics

You need to:

  • Add a div tag to your page with a unique id attribute.
  • Add some JavaScript and provide us with:
    • The id of the div element
    • Your unique engine id
  • Custom options are available for styling etc

 

Step 1: add the div with a unique id

<div id="searchinenet"></div>

Step 2: Add the javascript script we provide.

<script type="text/javascript">
window._sn = window._sn || [];
window._sn.config = {
    engineid: '-- insert your id --'
};

window._sn.widgets = [];
window._sn.widgets.push({
    container: '#searchinenet',
    engineid: '-- insert your id --'
});
</script>
<script id="snscript" async defer crossorigin="anonymous" src="//app.searchine.net/scripts/dist/searchine.widget.min.js"></script>

Part 3: Enjoy your search

EXAMPLE:

 

Styling

Out of the box we will calculate the styling from the parent div we used to insert to iframe. 
You can also provide a set of colours to style the widget.

Read more about this here.

 

Custom options

You can translate labels like the text in the search button and enable / disable some other options.

Read more about this here.

Choosing the right widget
Advanced widgets