CSS Selectors for Search Bar

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