Here are steps to add duckduckgo  site search engine search to your website. <iframe src=” duckduckgo” style=”overflow:hidden;margin:0;padding:0;width:408px;height:40px;” frameborder=”0″></iframe>

  1. Go to
  2. Give a width to your search box ( An ideal width is around 250 px ) the default is 480 px.
  3. Turn off the duckduck go logo.
  4. Give a background color. (Here is a complete list of color codes
  5. Under site search, enter the website you  want to search. (example:
  6. Under prefill, enter the placeholder value ( default text inside the search box).
  7. Autofocus -turn on or off (on – means when someone visits your site, the cursor is by default in the search box).
  8. Now copy paste the code to your website by placing it inside a div on pages where you want the search to appear.
  9. The code might look something similar to this-
    <iframe src="" style="overflow:hidden;margin:0;padding:0;width:308px;height:40px;" frameborder="0"></iframe>


  10. That’s it – you have successfully added duckduckgo custom search to your site.

Some drawbacks of this duckduckgo custom search engine is that it contains ads and the search results are taken to duckduckgo’s website which could lead to high bounce rate and affect your seo rankings.

To get a ad free search experience, sign up for expertrec’s custom search engine-

muthali ganesh

Muthali loves writing about emerging technologies and easy solutions for complex tech issues. You can reach out to him through chat or by raising a support ticket on the left hand side of the page.

You may also like