diff --git a/package.json b/package.json
index 563f1b2..d63b611 100644
--- a/package.json
+++ b/package.json
@@ -33,6 +33,10 @@
       "dark_mode_logo": {
         "type": "image"
       },
+      "enable_native_search": {
+        "type": "boolean",
+        "default": false
+      },
       "search_api_key": {
         "type": "text"
       },
diff --git a/partials/header.hbs b/partials/header.hbs
index 76f6e8b..6ab43e3 100644
--- a/partials/header.hbs
+++ b/partials/header.hbs
@@ -19,7 +19,7 @@ This header template is shared across all the pages.
         {{@site.title}}
       </a>
     {{/if}}
-    <button class="m-icon-button in-mobile-topbar js-open-search" aria-label="{{t "Open search"}}">
+    <button class="m-icon-button in-mobile-topbar {{^if @custom.enable_native_search}}js-open-search{{/if}}" {{#if @custom.enable_native_search}}data-ghost-search{{/if}} aria-label="{{t "Open search"}}">
       <span class="icon-search" aria-hidden="true"></span>
     </button>
   </div>
@@ -118,7 +118,7 @@ This header template is shared across all the pages.
             </ul>
           </nav>
           <div class="m-nav__right">
-            <button class="m-icon-button in-menu-main js-open-search" aria-label="{{t "Open search"}}">
+            <button class="m-icon-button in-menu-main {{^if @custom.enable_native_search}}js-open-search{{/if}}" {{#if @custom.enable_native_search}}data-ghost-search{{/if}} aria-label="{{t "Open search"}}">
               <span class="icon-search" aria-hidden="true"></span>
             </button>
             <div class="m-toggle-darkmode js-tooltip" data-tippy-content="{{t "Toggle dark mode"}}" tabindex="0">