CSS Selectors for Search Bar
Learn how to find the CSS selector for the search bar in the webpage code, which is needed for correct Luigi’s Box integration.Related resources:
Video overview
0:08
Where can you find CSS selector
0:16
1. Open your homepage
0:21
2. Inspect the page
0:30
3. Click the selection tool
0:35
4. Click the search bar
0:41
5. Find ID or Class
0:50
6. Switch to mobile version to find selector for phone devices
0:57
7. Click the selection tool
1:02
8. Click the search bar
1:10
9. Find ID or Class
1:18
Use the CSS selector name in the right format
1:27
Class example
1:34
ID example
1:43
Paste the CSS selector to integration settings
2:07
Note: you can use our wizard to simplify the process
Create Free Account
Sign up today, choose the self-service pricing plan option, and learn more about the state of your search in our 30-day free trial.
Sign UpShare