Back to Support

How do I add a search bar to my website?

The search bar sits right on your page, so visitors can ask questions about your organization and get answers on the spot. Unlike the chat widget (which floats in the corner), the search bar appears exactly where you place it.

Note: Only one search bar can display per page. Choose one placement — don't add it in two spots on the same page. Placing two will cause neither to appear.

The search bar is fully customizable. Once your organization is set up with Crewgood, go to your Admin Dashboard under Settings → Widgets to generate an embed with the size, colors, and shape that match your site, then copy it from there.

WordPress sites

Install the Crewgood plugin (see How do I install the Crewgood WordPress plugin?). Once active, the Settings → Crewgood page walks you through every way to place the search bar — adding it to a post or page, or to a header/footer/sidebar on both block and classic themes. No code needed.

Squarespace sites

  • Click Edit on the page where you want the search bar.
  • Hover over the section and click Edit Section (or Edit Site Footer for the footer).
  • Press Add Block.
  • Drag the block into the position you want.
  • Choose </> Code as the block type.
  • Set Mode to HTML.
  • Open the editor and replace the default “Hello World” with your embed code from the dashboard.

    • Wix sites

  • Add a code block. Click + Add → Elements. Search “code,” select Embed Code, and drag it into your section. Make sure What to Embed is set to Code.
  • Paste the code. Click the block, paste your embed code into the Enter HTML embed code box, and click Apply.
  • Publish.
    • Note: If you see “This domain has not been approved yet” inside the editor, ignore it — it's a Wix security restriction. View your live site in a new tab to see the working widget.

    Any other website

    Paste your embed code into a code or embed block on the page where you want the bar to appear. The same block can also go inside a header, footer, or sidebar section — the bar will then repeat on every page that section loads on.

    Still need help?

    Contact Us