Banners are the hero images for the category pages of an eCommerce sites that helps driving traffic, sales and conversions leading to brand awareness and promotion.
Sparq product search and filters offers to display these promotional banners on Eight main display areas of your eCommerce store, on search drop-down, collection pages or search result page. You can use any of the following positions to put a banner,
- Top Section Before Search Results
- Bottom Section after search results
- Sidebar Top section, before collection list
- Sidebar Bottom section, after pages/blog list
- Top Section, before search results
- Bottom Section, after search results
- Sidebar Top section, before filters
- Sidebar Bottom section, after filters
To manage banners, click on “Sparq Product Search and Filters” under your Shopify apps section and once loaded, navigate to the “Banners” sub-menu. The default page will show all banners currently available for your account if any or you can create one for yourself right away.
To add a banner, click on “Add Banner” button and you will navigate to a new page to enter following data,
Banner Title: The name or title of the banner is just entered to remember its significance. For eg: To signify any latest discount or offer, to show any bonanza or festive sale etc. It does not appear anywhere on the banner. It can only be seen in the table containing records of all banners for our convenience.
Banner Display: Here you choose the banner display location and banner placement.
Banner Area: Choose the area where you wish to add your banner
Banner Position: Choose the banner placement on your selected location. There are four positions each in the dropdown area and in search or collections page area. The dropdown banner display positions include top and bottom of the search page and top and bottom of the sidebar page listing while, the four banner display positions of search or collections page include Page Top, Page Bottom, Sidebar Top, and Sidebar Bottom respectively.
Banner display preview: Sparq provides a sample preview of the placement of selected banner before displaying it on the specified actual area.
Show on a Collection Page: If you are creating banners for "Collection Pages" or "Search Pages and Collection Pages" then you can also display banners on a specific collection page through this option. To do so, enter the collection name in the Show on a Collection Page tab. You can also enter multiple collections to show the banner for those.
Banner Image: It gives you the freedom to upload the banner of your chosen ideal dimension according to your requirement for better visibility and responsive layout. The exact dimension of the banner will depend on your theme and should always be consulted with your Shopify developer or reach out to our customer care. We would be glad to help you with the same.
Banner link: Here you can add the URL link to which the customers will be directed after clicking on the banner. Open in new tab feature helps you to open the entered link in the new tab once we click on the banner. If you do not want any link then simply put “#” value.
Banner visibility: It gives you the ability to select whether the banner should be displayed on the desktop or mobile or both. We need to at least select one visibility mode to view our banner on the desired selected area.
After entering all the fields, click on "Save". The banner added will appear in the record table consisting of all other added banners and it can be seen displayed on the particular section (top, bottom) of the search page or dropdown area selected.
Once a banner is configured, it starts appearing immediately on the Sparq powered search page and the collection pages of the website at the given designated section.
To delete a banner by use the "Delete" icon displayed in the table.
Sparq team really appreciate your feedback to improve its services. If you have a got a suggestion, feel free to request custom features for your store. For any support, you can reach out to us using the in-app-chat feature or email us at firstname.lastname@example.org