Adding a search bar to your website

Make it easier for your visitors to find their way around your website using Google's Custom Search Engine.

By integrating Google Search Engine into your website, people are able to conduct specific search queries on your website. It is just like Google, but the results will only be derived from your page.

Step by step guide

Step 1: Creating a Google Custom search field

Please note: to create a custom search engine through Google, you will need an active Gmail-account.

Go to www.google.com/cse to access the Google Custom Search Engine. Start out by clicking Create a custom search engine.

Step 2: Enter your details

Step 3: Try it out

Once you've created your search engine, click Public URL to conduct a search on your own site.

Step 4: Using the setup panel

Step 5: Changing the design of your search bar

Step 6: Getting the code

Step 7: Adding a Custom HTML element

Return to your PagePicnic canvas, select Add Content and drag and drop a Custom HTML to where you want to add your search bar.

Step 8: Paste your code in the HTML field

Once you've added a Custom HTML block to your canvas, place your cursor over the block and click Edit HTML to access the HTML editor. Paste your code by right clicking and selecting Paste, or press Ctrl + v.