Embedding Instructions

Description

Step 1: Add the container and javascript tag to your page.

This should ideally be placed as close to the bottom of your page as possible. The ID of the div element can be anything that works for you, as long as you update the link below to reflect the same name.

<div id="hscodes-search-container"></div>
<script src="https://app.hscodes.io/hs-codes-widget.js"></script>

Step 2: Add the link to your page.

Now that the script is loading, and the container is present, you can add the link anywhere in your content.

<a href="#" onclick="window.HS_CODES.render('hscodes-search-container');return false;" data-micromodal-trigger="hs-codes-widget-modal">Link text here.</a>

This can be a simple link, or a button element. As long as the "onclick" event is present in then tag as seen above.