Adding a search bar/menu


#1

I just started using Unbounce, how do I add a search bar to my Unbounce page? Does it require coding?


#2

I am curious why you would need a search bar? A landing page does not require one.


#3

Hi @eluoma91,

Do you want to add a search bar to your landing page, and pass the search query to your website to show results? , or do you want to add a search bar to search within the landing page?


#4

Hi @Nishant_Dewan

I want to add a search bar that will pass the query to my website. Sorry for my earlier misleading question and thanks your help, already.


#5

Hi @eluoma91,

You should be able to do it by just adding a simple form with one field and setting the submit action to redirect to the desired URL + appending the form data to the URL.

Depending on your destination URL and the formatting it expects you might have to play around with this to match it.


#6

Yes I’m also really keen to be able to use search bars that will pass the query through to my website

It’s frustrating that currently I can’t make a form/search bar open in a new window

I also would like to be able to put an additional form/search bar in a light box - e.g. if I had a ‘search now’ button low down the page, a lightbox could pop up with a search bar in it.


#7

Hi @Joseph1,

You can do all of these things but you have to be comfortable writing a bit of JS and CSS.

If you don’t feel like messing with code and you have the exact design/functionality figured out, you can PM me for a quote.

Best,
Hristian