Common selectors

CSS selectors for popular third-party widgets to use with excludeSelectors.

When third-party widgets inject elements inside your <main> content area, AgentXP may include them in the markdown output. Add their selectors to excludeSelectors to strip them.

middleware.ts

export default withAgentXP({
  transform: {
    excludeSelectors: [
      '#intercom-container',
      '.crisp-client',
      // add more as needed
    ],
  },
})

Chat widgets

Widget	Selectors
Intercom	`#intercom-container`, `.intercom-lightweight-app`, `.intercom-messenger-frame`
Crisp	`.crisp-client`, `#crisp-chatbox`
Drift	`#drift-widget`, `#drift-frame-controller`, `#drift-frame-chat`
HubSpot Chat	`#hubspot-messages-iframe-container`, `.hs-messages-widget-open`
Zendesk	`#launcher`, `#webWidget`, `iframe[title="Messaging window"]`
Freshdesk	`#freshworks-container`, `#fc_frame`
Tawk.to	`#tawk-widget-container`, `.tawk-min-container`
LiveChat	`#chat-widget-container`, `#livechat-compact-container`

Tool	Selectors
Cookiebot	`#CybotCookiebotDialog`, `#CybotCookiebotDialogBodyUnderlay`
OneTrust	`#onetrust-consent-sdk`, `#onetrust-banner-sdk`
Cookie Notice (generic)	`.cookie-consent`, `.cookie-banner`, `.cookie-notice`
Quantcast	`.qc-cmp2-container`
Osano	`.osano-cm-window`
Termly	`#termly-code-snippet-support`

Analytics and tracking

Tool	Selectors
Google reCAPTCHA	`.grecaptcha-badge`
Google Tag Manager (noscript)	`noscript`
Hotjar	`#_hj_feedback_container`

Notification bars and popups

Type	Selectors
Announcement bars	`.announcement-bar`, `.notification-bar`, `.promo-bar`
Email popups	`.popup-overlay`, `.newsletter-popup`, `.exit-intent`
Social sharing	`.social-sharing`, `.share-buttons`, `.addthis_toolbox`

E-commerce widgets

Type	Selectors
Cart drawers	`.cart-drawer`, `.mini-cart`, `.cart-sidebar`
Recently viewed	`.recently-viewed`, `.recommended-products`
Wishlist buttons	`.wishlist-btn`, `.save-for-later`
Reviews (third-party)	`.yotpo-widget`, `.stamped-reviews`, `.judge-me-widget`

Copy-paste starter

Here’s a combined config with the most common widgets:

middleware.ts

export default withAgentXP({
  transform: {
    excludeSelectors: [
      // Chat widgets
      '#intercom-container',
      '.crisp-client',
      '#drift-widget',
      '#hubspot-messages-iframe-container',
      // Cookie consent
      '#CybotCookiebotDialog',
      '#onetrust-consent-sdk',
      '.cookie-consent',
      // Misc
      '.grecaptcha-badge',
      '.announcement-bar',
      '.social-sharing',
    ],
  },
})

AgentXP already strips nav, header, footer, aside, script, style, noscript, and elements with navigation/banner/contentinfo ARIA roles by default. You only need excludeSelectors for widgets injected inside your main content area.

Getting Started

Configuration

Guides

Reference

Common selectors

Common selectors

Chat widgets

Analytics and tracking

Notification bars and popups

E-commerce widgets

Copy-paste starter

​Common selectors

​Chat widgets

​Cookie consent

​Analytics and tracking

​Notification bars and popups

​E-commerce widgets

​Copy-paste starter

Common selectors

Chat widgets

Cookie consent

Analytics and tracking

Notification bars and popups

E-commerce widgets

Copy-paste starter