Follow

Site Search/Google Custom Search

Adding a Site Search to your website allows visitors to quickly locate information. This article will go through the process of how to add a Custom Google Search to your website.

Enabling a Site Search Across the Entire Site

Within the CMS4Schools Web Site Administrator, click on Navigation Builder Home.

SS_1.jpg

Select Site Search Results from the drop-down menu at the top of the page content area.

SS_2.jpg

Click on Main Body for the one page that exists in that category. This will open the Search Results screen that contains the Google Customer Search Results tool.

Google Custom Search Results Tool

SS_3.jpg

  1. Use the click here option to create a google custom search engine for your site.
  2. Update the tool with the Google Custom Search ID created.
  3. edit the tool to show in an active status to display the search box.

See the rest of the article for more details on each of these steps.

Creating a Google Custom Search Engine

Use the click here option on the Google Custom Search Results tool to be taken to the Google website to create the site search and obtain the code needed to add this functionality to your website.
 
SS_4.jpg
Select the Create a custom search engine button.
 

 

SS_6.jpg
  1. Sites to Search: Enter the URL(s) of your website.
  2. Name of search engine: Enter your school district name
  3. If you wish, you can utilize more advanced options by clicking on the link and following the instructions provided.
  4. Click Create.

Configure/Edit Search Engine

Before grabbing the code and activating the search on your site, it is important to configure the search engine.  
 

Setup

Click on Edit search engine near the top left and then select Setup.

SS_7.jpg

  1. In the Sites to Search section, verify that all the sites to be included are listed.  If needed, you can add, delete, etc. URLs.
  2. Verify that the Search the entire web option is OFF.
  3. Select Update to save the changes.

If you are a nonprofit, school, or government agency, navigate to the Ads tab to start the setup of the free version of the Custom Search Engine without ads.

SS_9.jpg

 

 

Look and Feel

Click on Edit search engine near the top left and then select Look and Feel.

SS_8.jpg
Choose Results Only and then Save.
 

Get Search ID

SS_10.jpg

  1. Along the left, click on Setup.
  2. At the top, you will see the Basics tab.
  3. Near the middle of the page, click on Search engine ID. Copy your search engine ID and go back to CMS4Schools to complete the update in the Google Custom Search Results Tool.

Update Google Custom Search Results Tool

In the Google Custom Search Results tool, select Update to open the Edit Google Custom Search ID screen.

SS_11.jpg
  1. Google Custom Search ID: Paste the code (from the Search ID section)
  2. Select Update to save.

Note: Unless you have a starter site, you will not need to update the results width, button text, or other properties, as they will be determined based on your design.

Set Google Custom Search Results Tool to Active

In the Google Custom Search Results tool, select edit, update the status to Active and select Save.

The Search box will now be displayed throughout your site.

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.