Dec 012014
 

Last Updated: December 06, 2014

Suffusion Google Custom Search Engine Control Panel Basics post shows you how to add the search engine name, description, keywords and more.

Latest News: I have added another link to the menu below.

Suffusion Google Custom Search Engine Tutorials:

Suffusion Google Custom Search Engine Control Panel Basics Steps

5 ) Click on Setup -> Basics to set up the following options.

Note: Enter the details you wish to add for your custom search engine. (Each header title below is self explanatory)

  • Search engine name
  • Search engine description
  • Search engine keywords
  • Edition = Upgrade to Site Search (Ads optional)
  • Details = Search engine ID, Public URL and Get code
  • Image search = (I have highlighted this option because you might choose to enable it)
  • Speech Input
  • Language
  • Sites to search

suffusion-google-custom-search-engine-basic-settings

6 ) The following image Make money allows you to enable Search Engine Monetization. I have enabled this in my websites you might like to enable as well. (This is optional )

suffusion-google-custom-search-search-engine-monetize7 ) Go to Look and feel -> Layout to set up the following options.

Web search

  • Overlay = (You will click here because this is the layout used for this tutorial)
  • Two page
  • Full width
  • Two column
  • Compact
  • Results only
  • Google hosted
  • Once you have finished you can click on Save button or Save & Get Code button. (For this tutorial I clicked on Save & Get Code button)

Important: The Layout below Overlay does not function correctly in a responsive environment like mobile devices. I have created another tutorial above named Responsive.

suffusion-google-custom-search-engine-layout-overlay

8 ) The following image Get code displays the code you need to select, copy and paste into your website text widget. It also has a See HTML example button for you to view how to add the code.

suffusion-google-custom-search-engine-copy-code

Click on the following URL Website Text Widget to continue with the tutorial.

If you have any questions please let me know. I will be updating this from time to time. So keep coming back for the latest post.

Enjoy

Other links you might want to read:
Manuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)

The following GDPR rules must be read and accepted:
This form collects your name, email and content so that we can keep track of the comments placed on the website. For more info check our privacy policy where you will get more info on where, how and why we store your data.