Google Custom Search no longer supports using an iframe to host a custom search engine on your page. To host your search engine on your own page (and ensure that you always have the most up-to-date features), you must use the Custom Search element.

To use the Custom Search element, you’ll need to select the display options you want, and then copy and paste a code snippet into your site.

To display a search engine using the Custom Search element:

  1. On the Control Panel, on the left-hand side, click Look and feel.
  2. In the Choose a layout section, click the layout you want. To replace an iframe, we recommend the Two page layout or the Results only layout.
  3. In the Choose or customize a style section, click the option you want.
  4. Click Save and get code.
  5. Copy the code and paste it into your site.