Massachusetts Department of Environmental Protection

Embed ReCollect Search on your site!

Try Material Search to see how it works in 3 easy steps.

Step 1: Create a page on your website to try this example.

Step 2: Create a basic search form for your page, like so:

<form id="rCmaterial" class="rCw">
  <div>
    Please type in the name of a material:
  </div>
  <input type="text" name="query" />
  <button class="btn" type="submit">
    Search
  </button>
</form>

Step 3: Connect the search form to the ReCollect Address Search API:

<script src="https://assets.us.recollect.net/api/search.js"></script>
<script>
  Recollect.Search.Material.Bind({
    node_id: '#rCmaterial',
    locale "vi",
    area: 'MassDEPMA'
  });
</script>

Voila! Refresh your webpage and try typing a material name into the search form.

You can make your form look however you'd like, however you must follow these rules:

1. The <form> tag needs an 'id' attribute for use in the javascript config.
2. The <form> tag needs a class called 'rCw'.
3. The form's text input needs the name 'query'.
4. The form's submit input needs a class called 'btn'.

You or your web administrator can easily embed the code anywhere on your public websites or private intranet!

ReCollect Platform

ReCollect Material Search loads itself from the ReCollect Platform, so it is always up to date, secure, and monitored by us for availability and performance.

Embedded Material Search for Massachusetts Department of Environmental Protection

Please type in the name of a material:

Search