articles made with love ❤️

Customizing your search appearance

Customize your searchbar results page, icon color and positioning with an intuitive user interface.

Artigos feitos com carinho ❤️

Customizing your search appearance

Customize your searchbar results page, icon color and positioning with an intuitive user interface.

Make your search fits your brand.

Fine tune your search interface to better fit their brand and websites, with and without coding.

Searchbar.org appearance editor

Appearance tab

  • Highlight Color (Buttons and text highlight color)
  • Dark Mode (If the device have dark mode enabled the entirely search will look darker.)
  • Positioning of the widget (Top left, Top right, Center left, Center right, Bottom left, Bottom Right.
  • Results view mode (List or card view)
  • Search Placeholder (Empty = Automatic, or Place any text)
  • Hide the Searchbar Logo (On, Off)
  • Expanded mode (The search widget will start expanded at 200px from the top of your page)
  • Call to action (On, Off) the text and link message can be set in the general settings tab.

Developers tab

This section allows to call our search modal from any custom <input> or <button>.

In this tab we have provided an sample input and html button code.

You also can set your own custom id.

Remember, to  his function works you need to add your script on all pages that you want to use custom components.
All the pages that contains a custom element with the informed id are not going to display our floating widget.

API

For more advanced users, we provide memberships with API access.

With our api you can build your own front-end (Results pages) and just call our Rest-api to populate the results. Read more about our API integration.

Don't miss these stories:

Não perca estes artigos: