How to change widget input / search bar placeholder text

If you are using our Search UI Widgets you have the option to change the placeholder text for the input/search bar for both the results widget and the input widget.

Results Widget

If you are displaying the input on your results widget, then you will have the input configuration object in your JSON, like so:

"input": {
       "hide": false,
       "position": "top"
  }

CODE

To change the placeholder text of the results input then simply add one line of code to the input configuration object:

"input": {
       "hide": false,
       "position": "top",
       "placeholder": "Search for something..."
  }

CODE

Input Widget

For the Input Widget we have to make a small change. Instead of adding the placeholder key to the inputobject, we have to add it to the options object. Like so:

"options": {
          "placeholder": "Search for something"
 },

CODE

That’s it! Super simple 🥳