EasySearch FAQ

How to add a Search Form Manually?

Step 1. Go to Code Editor

Step 2. Click Add a new snippet inside the Snippets folder

Step 3. Set the file name as easysearch and click Done

How to add a Search Form Manually?

Step 4. An empty snippet will be created and opened in the editor. Copy and paste the following code into the snippet you just created:

{%- comment -%} DO NOT EDIT THIS SNIPPET - it's generated automatically and may be overwritten at any time {%- endcomment -%} <div class="easysearch-widget"> <div class="easysearch-container"> <div class="easysearch-header-holder"></div> <div class="easysearch-main-holder"> <div class="easysearch-logo-holder"></div> <div class="easysearch-holder easysearch-loading"></div> </div> <div class="easysearch-footer-holder"></div> <div class="easysearch-ancillary-holder easysearch-hidden"> <style class="easysearch-necessary-styles">.easysearch-hidden{display:none !important;}</style> <script type="text/javascript" class="easysearch-initialization"> document.addEventListener('easysearch_init', function() { { % if shop.metafields['easysearch'].settings.value.settings % } easysearch.settings = { { shop.metafields['easysearch'].settings.value.settings | json } }; { % endif % } easysearch.buildWidgets(); }); </script> <script type="text/javascript" src="{%%20unless%20request.design_mode%20or%20canonical_url%20contains%20" shopifypreview.com shop.domain endunless data-no-instant></script> </div> </div> </div>

Step 5. Click Save.

Need any help with our app?
Our Customer Success team is always around to help!

Contact us