Add a search box to your intranet site

To provide your users with easy access to results from your organization, add a Microsoft Search in Bing search box to any intranet site or page. These are some of the benefits:

• A search box on your intranet portal provides a familiar, trusted entry point to start searching
• Can be added to your SharePoint (classic and modern), SalesForce, Confluence, and other intranet pages and sites
• Supports all major web browsers, including Google Chrome and Microsoft Edge
• only search suggestions from your organization appear, web suggestions are never included
• Takes users to a Microsoft Search in Bing work results page, which excludes ads and web results
• You control the appearance and behavior of the search box, including the ability to land users on a default vertical or a custom vertical you've created

If you have questions or comments about adding or using an embedded search box, share them with us at aka.ms/ESB.

You need to add two elements to the page: a container for the search box and the script that powers it.

For SharePoint classic or modern pages, download bing-search-box.sppkg from the Microsoft Search public repro, deploy it to your SharePoint app catalog, then add the app to your SharePoint sites. For details, see Deploy your client-side web part to a SharePoint page.

On the Confluence page, select Edit, add an iframe widget with these parameters, and Publish.

• URL:
• Title: or
• Width:
• Height:

In your Visualforce Pages, create a new view and add the code in the Markup section.

1. Log in to your SalesForce account as an admin and select Setup in the upper-right corner to open a Setup page.
2. On the left side panel, select Platform Tools > Custom Code > Visualforce Pages.
3. Create a new View and enter a name for it. In the Restrict Visibility section, set Visible to all users.
4. Save your view.
5. In the middle of your view, select New to open Page Edit. Enter a label, a name, and select the Available for Lightning Experience, Experience Builder sites, and the mobile app check box.
6. In the Visualforce Markup section, add this code and Save.

You can also customize the height and width of the search box with this code

To add the Visualforce component to your SalesForce homepage:

1. Go to your SalesForce homepage, .
2. Select the Gear icon, then Edit Page.
3. Select the + (plus) icon anywhere on the Homepage to add the Visualforce component there.
4. On the left side, select Visualforce. On the right side, select the Visualforce Page Name you created earlier.
5. Add a label and Save. On your SalesForce Homepage, the search box you created should appear.

For intranet sites or pages available to mobile users, add isMobile: true to the settings object:

To help users search faster, when the page or site loads place the cursor in the search box by adding focus: true to the settings object:

To help the search box better fit with the style of your intranet, there are various configuration options you can use. Mix and match options to suit your needs.

To provide easy integration between your line-of-business apps or intranet sites and your work results, you can also specify a default or custom vertical users should land on when they select a search suggestion.

Use the vertical option in bfbSearchBoxConfig to define the vertical you want. For example, if you want users to always land on the Sites vertical, one of the default verticals, use the value "Site-sites".

For custom verticals, use the hash at the end of the URL. You can find these values by searching from the work page on Bing, clicking a vertical label, and copying the value after the number sign (#).

If embedding a script isn't an option for the site, use an iframe to add the search box. You won't be able to customize the search box.