Sticky Widget in Wix stores

What is Sticky Widget?

The Sticky Widget looks like a floating icon that follows customers as they scroll. Clicking it opens a search bar on top of a page.

Sticky Widget in Wix stores

As soon as you start typing, the Instant Search Widget opens.

Sticky Widget in Wix stores

Widget’s configuration

Note

To fine-tune Searchanise, go to the Wix admin panel > Apps > Searchanise. The app cannot be modified via Wix editor yet.

Widget’s position

To change the widget’s position, follow these steps:

  1. Go to the Searchanise control panel > Instant search widget section > Sticky widget tab.
  2. Select one of the available values of the Position option.
  3. Apply the changes.

Widget’s customization

  1. Go to the Searchanise control panel > Instant search widget section > Translations section >  Instant Search Widget tab > Sticky widget part.
  2. Enter your text into the Search input placeholder field.
  3. Apply the changes.

2. CSS customization (for modifying the widget’s appearance)

  1. Go to the Searchanise control panel > Instant search widget section > Custom CSS & HTM tab.
  2. Enable the Custom CSS setting.
  3. Enter your CSS code for the widget appearance into the text area.
    CSS selectors:
    • .snize-sticky-searchbox – the Sticky Widget floating search button
    • .snize-search-magnifier – the Sticky Widget search icon (magnifying glass)
    • .snize-sticky-searchbox.snize-sticky-searchbox-opened – the Sticky Widget floating closing button, appears when the Searchanise search widget is open
    • .snize-search-close – the Searchanise search widget’s closing icon
    • #snize-modal-sticky-searchbox the pop-up window with the Searchanise widgets
  4. Apply the changes.

CSS customization common solutions

To change the icon background color, paste the following CSS rule changing the color on the desired one:

a.snize-sticky-searchbox {
    background-color: #393037;
}

To change the icon color, paste the following CSS rule changing the color on the desired one:

.snize-sticky-searchbox .snize-search-magnifier {
    color: #12B415;
}

If you have any questions or you need help with the widget’s configuration, you can contact us. We will be happy to help you.

Enjoying your experience with Searchanise?

We’d appreciate it if you could take some time to leave a review.

Updated on July 20, 2022

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for?
Contact Support
Back to top