Site search box
Add a search box widget to your website or blog so visitors can find the right content at the right time.
Good for: Agencies, eCommerce, Digital Businesses, Bloggers
- A template: Simple Subscription Inline Widgets, included on every plan
- A display rule: embedded by shortcode or CSS selector, shown on every page
- Your email tool or CRM, connected once, so every lead lands there (optional)
Make it quick and easy for your prospects to find the right content at the right time by inserting a search function widget on your website or blog.
How to do this:
- Create an inline widget.
- From the toolbar, select “Elements” and drag and drop the “Form Fields” to where you want to display your search box.
- By default an email field will be automatically added. You can simply delete this. Then, add a “Custom Text” field instead.
- Click on the “Edit” icon to edit the field settings.
- Name the field, for example “search_field” and remember to toggle off the autofill button.
- From the toolbar, select “Elements” and drag and drop the “Button” field to where you want to display your search button.
- Click on the button to see its settings and select “On Submit Actions”.
- Add the action “Go to URL and send data”
- Add the URL of your website, blog or the website that you want to search.
- Select the “Use Get” function and input your search variables. Note you can input more than one variable. For wordpress websites, the variable is usually “s”.
- Embed the widget on your site either by Shortcode, CSS Selector or after the post content and remember to set up your Display Rules. You can read more about Embedding Inline Widget here.
- Save your changes and activate your widget. Once activated, visitors to your site will be able to use the search function widget to quickly and easily find the content that they are looking for.
- Note you can even create a search function widget for directories like Google, Bing or other sites. For example if you own a store that sells baking products and equipment, you could add a recipe search box for the website allrecipes.com. All you have to do is add the URL for the site directory and the variable for that directory.
- For our example, allrecipe.com, when creating your inline widget, for the online submit action, you would input the URL https://www.allrecipes.com/search and the variable as “q”. Now when visitors input their search term, they will get the search results from allrecipes.com.
We suggest testing out the widget with a few searches to make sure everything is working as required. If you have any difficulties in creating your search function widget, please contact our support team by submitting a ticket and one of our friendly staff will be happy to answer any questions.
“The form/CTA builder is easy to use and puts many other tools to shame”
Set this up during your free trial
Start from the template, change the words and colours, choose who sees it and publish.
Questions about Site search box
Which search variable do I use?
For a WordPress site the variable is usually s. Set the button action to Go to URL and send data, enter your site address, switch on Use Get and add the variable; you can add more than one if your search needs it.
Can the search box send visitors to another site?
Yes. Enter that site's search address and its variable instead of your own. The live example uses allrecipes.com with the URL https://www.allrecipes.com/search and the variable q, so a baking shop can offer a recipe search.
Can I show a site search box only to some visitors?
Yes. Display rules cover exit intent, time on page, scroll depth, visit number, page URL, country, device and referral source, and you can hide it from people who already subscribed. On Growth and above you can also use tags and fields from your email tool or CRM.
Try this on your own site
Free for 14 days on every plan. Cancel from your billing page at any time.