Installing AddSearch on HubSpot Website (Archive)

Warning: This article describes configuration for legacy ready-made views. Those views have been replaced with modern, easy-to-configure analogues and we strongly recommend using them instead.
See the version of the article for newest views.

HubSpot tends to modify websites’ form fields, including the search field. That’s why the Advanced installation method should be used to use AddSearch on a HubSpot website.

Advanced installation method consists of two steps:

1. Add a search field to your page template. For example:

<input type="text" 
  class="addsearch" 
  disabled="disabled" 
  autocomplete="off"
  style="height: 30px; font-size: 12px; cursor: auto;
    background-color: rgb(255, 255, 255);
    background-image: url( https://addsearch.com/logo/AAAAAA-20.png );
    background-repeat: no-repeat;
    background-position: 95% 50%;" />

2. Add your JavaScript snippet to the page footer from HubSpot’s Page publishing -> Site Footer HTML fields section.

<script src="https://addsearch.com/js/?key=####"></script>