How to Use Shopify Search Form Element

1. About Shopify Search Form ElementClick to copy

1.1. What is Shopify Search Form ElementClick to copy

Shopify Search Form element is designed to help your customer look for something on your store with ease, which helps shoppers to navigate better. Searching is one of the basic activities that your customers often do when they surf your store especially when your business consists of many items.

You can add a Search Form to any page with PageFly Page Builder. Install PageFly for Free here

1.2. Access the Search Form ElementClick to copy

Step 1: Click on the 3rd icon in the Element Catalog which is the Add Shopify element function

Step 2: Click on the Search Form element in the dropdown menu

Step 3: Drag and drop the element into the page editor and then start using it.

Search Form element comes with 3 variations and we will continue to add more variations to help you save time.

Note that you can search for this element by using the search function instead of finding it in the sidebar.

search form

For more information, please refer to this video tutorial:

Search Form Element comes with a couple of parameters allowing you to fine-tune content appearance to reach the best possible conversion rate.

Select the element in the layout to see its parameters.

search form

The parameters in the General and Styling tabs are specific for this element.

2. Search Form General ConfigurationClick to copy

CONTENT

2.1. Search In Product onlyClick to copy

Enable / Disable the scope of the search in the product onlyClick to copy

search form

2.2. Field InputClick to copy

Set up the Field input for the placeholder

2.3. Search Form ButtonClick to copy

Select a type for the search button among Icon Only, Text Only and Text With Icon

You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters here

3. Element Styling ConfigurationClick to copy

You can set styling for Form, Search Form Input, and Search Form Button individually in the Styling tab:

For further information regarding Styling tab, you can check the PageFly Element Styling.

4. Key TakeawaysClick to copy

Shopify Search Form is a vital element for any Shopify Page, which helps shoppers to find their products faster, which directly aims to increase average order value.

5. Frequently Asked QuestionsClick to copy

5.1. What is Shopify Search Form?Click to copy

Shopify Search Form, or Shopify Search Bar element is designed to help your customer look for something in your store with ease, which helps shoppers to navigate better.

5.2. Why should sellers add Search Form to Shopify Page?Click to copy

The Shopify Search helps to deliver results for every search, which could help to increase average order value, as the recommendations would appear to suggest any product page.

Navigate this category

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us