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.
export default withAgentXP({
transform: {
excludeSelectors: [
'#intercom-container',
'.crisp-client',
// add more as needed
],
},
})
| 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 |
Cookie consent
| 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 |
| 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:
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.
