{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":[]},"redocly_category":"Products","product_name":"Engage Studio","type":"markdown"},"seo":{"title":"Troubleshooting — In-Browser Messaging","description":"Troubleshooting guide for common In-Browser Messaging issues in Engage Studio, including popup not displaying, inline Zone ID not matching, SDK errors, and SPA-specific problems.","siteUrl":"https://docs.treasure.ai","lang":"en-US","jsonLd":{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.treasure.ai/","name":"Treasure AI","url":"https://www.treasure.ai/","logo":"https://www.treasure.ai/hubfs/assets/images/logos/primary-logo.svg"},{"@type":"WebSite","@id":"https://docs.treasure.ai/#website","name":"Treasure AI Documentation","url":"https://docs.treasure.ai/","inLanguage":["en","ja"],"publisher":{"@id":"https://www.treasure.ai/"}}]},"llmstxt":{"hide":false,"sections":[{"title":"Table of contents","includeFiles":["**/*"],"excludeFiles":[]}],"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"troubleshooting","__idx":0},"children":["Troubleshooting"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Use this guide to diagnose and resolve common issues with In-Browser Message campaigns."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"general-debugging-steps","__idx":1},"children":["General Debugging Steps"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Before investigating a specific issue, run through these checks:"]},{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Check the browser console"]}," — Open DevTools (F12) → Console. Look for SDK initialization errors or network request failures."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Check the Personalization API response"]}," — In the Network tab, find the request to the ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["p13n-api"]}," endpoint. Confirm the response includes the expected campaign payload under ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["offers"]},"."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Check campaign status in Engage Studio"]}," — Confirm the campaign is ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Live"]}," (not Draft, Paused, or Finished)."]}]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"popup-issues","__idx":2},"children":["Popup Issues"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"popup-does-not-appear","__idx":3},"children":["Popup does not appear"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"width":"40%","data-label":"Possible Cause"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Possible Cause"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"60%","data-label":"Solution"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Solution"]}," "]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Campaign is not Live"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Check campaign status in Engage Studio. Launch or Resume the campaign."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["User does not meet Entry Criteria"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["In the p13n API response, confirm the section is present in ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["offers"]},". If absent, the user does not satisfy the entry criteria. Review the RT Personalization entry criteria in Audience Studio."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["SDK is not initialized"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Confirm ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["new TreasureSDK(...)"]}," runs without errors in the console and that ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["trackEvent"]}," is called with the ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["personalization"]}," option."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Wrong WP13n-Token"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Confirm the token passed to ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["personalization.token"]}," matches the token shown in Audience Studio for the linked Personalization."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Multiple popups returned — wrong one shown"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["When multiple popup campaigns are returned, the SDK displays only the one with the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["latest ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["created_at"]}," timestamp"]},". To control priority, adjust which campaign was created most recently."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Page is served over HTTP"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["RT Personalization 2.0 requires HTTPS. Switch the page to HTTPS."]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"popup-appears-but-looks-broken-or-unstyled","__idx":4},"children":["Popup appears but looks broken or unstyled"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"width":"40%","data-label":"Possible Cause"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Possible Cause"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"60%","data-label":"Solution"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Solution"]}," "]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["CSS conflicts with page styles"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["The SDK renders the popup inside a Shadow DOM to isolate styles. If custom CSS is injected via an HTML block in Beefree, verify it does not rely on global page styles."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Beefree content uses external fonts that are blocked by CSP"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Check the browser console for CSP violations. Add the required font CDN to your site's Content-Security-Policy ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["font-src"]}," directive."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Close button not visible"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Confirm ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["closeButton.enabled"]}," is ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["true"]}," in the campaign's appearance settings and the close button color has sufficient contrast against the popup background."]}]}]}]}]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"inline-campaign-issues","__idx":5},"children":["Inline Campaign Issues"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"inline-content-does-not-appear","__idx":6},"children":["Inline content does not appear"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"width":"40%","data-label":"Possible Cause"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Possible Cause"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"60%","data-label":"Solution"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Solution"]}," "]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Zone ID does not match any element"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Open DevTools → Console and run ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["document.querySelector('YOUR_SELECTOR')"]},". If it returns ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["null"]},", the selector is invalid or the element does not exist on this page. Update the Zone ID."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Element loaded after SDK injection"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["On SPAs or lazy-loading pages, the target element may not exist in the DOM when the SDK runs. The SDK uses MutationObserver to handle delayed rendering — confirm the SDK version supports this. If still failing, move the ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["trackEvent"]}," call to after the target element is rendered."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Zone ID selector matches multiple elements"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["document.querySelector"]}," uses the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["first"]}," match. If multiple elements share the selector, only the first is replaced. Use a more specific selector (ID or ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["data-testid"]},") to target the correct element."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["CSS-in-JS dynamic class names"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["If the page uses styled-components, Emotion, or CSS Modules, auto-generated class names change at each build. Use stable ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["id"]}," or ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["data-testid"]}," attributes. Update the Zone ID after any class name changes."]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"inline-content-appears-but-liquid-variables-are-not-resolved","__idx":7},"children":["Inline content appears but Liquid variables are not resolved"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"width":"40%","data-label":"Possible Cause"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Possible Cause"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"60%","data-label":"Solution"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Solution"]}," "]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Variable name is incorrect"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Verify the variable syntax matches the reference exactly — ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["rt_profile.imported.<name>"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["rt_profile.single.<id>"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["rt_profile.lc.<id>.<col>"]},", etc. Check for typos."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Attribute not included in the Personalization payload"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["In Audience Studio, confirm the attribute is added to the Personalization section's ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["payload configuration"]},". Attributes must be explicitly included in the payload to be returned."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Batch attribute not yet computed"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Batch attributes are computed on a schedule. If the parent segment was recently set up, wait for the next batch run to complete."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Unsupported Liquid construct used"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Review the ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/marketing-cloud/engage-studio/experiences/personalize-message-content"},"children":["supported Liquid syntax"]},". Replace unsupported constructs (filters, ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["{% assign %}"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["{% unless %}"]},") with supported alternatives."]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"html-content-rejected-at-launch-validation-error","__idx":8},"children":["HTML content rejected at launch (validation error)"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"width":"40%","data-label":"Possible Cause"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Possible Cause"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"60%","data-label":"Solution"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Solution"]}," "]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Disallowed HTML tag in content"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Remove or replace tags that are not permitted: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<script>"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<iframe>"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<form>"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<input>"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<base>"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<meta>"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<link>"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<svg>"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<math>"]},". See the ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/marketing-cloud/engage-studio/experiences/create-an-inline-campaign"},"children":["security restrictions"]}," reference."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Inline event handler in HTML"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Remove all ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["on*"]}," attributes (",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["onclick"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["onload"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["onerror"]},", etc.) from the HTML."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["contenteditable"]}," attribute"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Remove ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["contenteditable"]}," from the HTML."]}]}]}]}]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"spa-and-framework-specific-issues","__idx":9},"children":["SPA and Framework-Specific Issues"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"message-appears-on-first-page-load-but-not-after-client-side-navigation","__idx":10},"children":["Message appears on first page load but not after client-side navigation"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"width":"40%","data-label":"Possible Cause"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Possible Cause"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"60%","data-label":"Solution"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Solution"]}," "]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["trackEvent"]}," is only called on the initial page load"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Call ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["trackEvent('events', { event_name: 'page_view' })"]}," again after each client-side route change. For React Router, trigger the SDK call in a ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["useEffect"]}," that runs on route changes."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Inline Zone element removed and re-added by the framework"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["On re-render, the replacement HTML may be overwritten by the framework. Use a stable, framework-managed insertion point that is not re-rendered, or call the personalization API again after re-render."]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"message-flickers-or-disappears-immediately-after-injection","__idx":11},"children":["Message flickers or disappears immediately after injection"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"width":"40%","data-label":"Possible Cause"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Possible Cause"]}," "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"60%","data-label":"Solution"},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Solution"]}," "]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["JavaScript framework re-renders the target element"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["The framework's virtual DOM reconciliation overwrites the injected content. Wrap the target Zone in an element the framework does not manage, or add a stable ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["ref"]}," to prevent re-rendering."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["useState"]}," / ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["useEffect"]}," triggers a re-render after injection"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Move the personalization call to run after all state updates that affect the target element have completed."]}]}]}]}]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"web-message-previewer-chrome-extension","__idx":12},"children":["Web Message Previewer (Chrome Extension)"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["For Chrome Extension-specific issues, see the ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/marketing-cloud/engage-studio/experiences/chrome-extension#troubleshooting"},"children":["Troubleshooting section in the Web Message Previewer guide"]},"."]}]},"headings":[{"value":"Troubleshooting","id":"troubleshooting","depth":1},{"value":"General Debugging Steps","id":"general-debugging-steps","depth":2},{"value":"Popup Issues","id":"popup-issues","depth":2},{"value":"Popup does not appear","id":"popup-does-not-appear","depth":3},{"value":"Popup appears but looks broken or unstyled","id":"popup-appears-but-looks-broken-or-unstyled","depth":3},{"value":"Inline Campaign Issues","id":"inline-campaign-issues","depth":2},{"value":"Inline content does not appear","id":"inline-content-does-not-appear","depth":3},{"value":"Inline content appears but Liquid variables are not resolved","id":"inline-content-appears-but-liquid-variables-are-not-resolved","depth":3},{"value":"HTML content rejected at launch (validation error)","id":"html-content-rejected-at-launch-validation-error","depth":3},{"value":"SPA and Framework-Specific Issues","id":"spa-and-framework-specific-issues","depth":2},{"value":"Message appears on first page load but not after client-side navigation","id":"message-appears-on-first-page-load-but-not-after-client-side-navigation","depth":3},{"value":"Message flickers or disappears immediately after injection","id":"message-flickers-or-disappears-immediately-after-injection","depth":3},{"value":"Web Message Previewer (Chrome Extension)","id":"web-message-previewer-chrome-extension","depth":2}],"frontmatter":{"seo":{"title":"Troubleshooting — In-Browser Messaging","description":"Troubleshooting guide for common In-Browser Messaging issues in Engage Studio, including popup not displaying, inline Zone ID not matching, SDK errors, and SPA-specific problems."}},"lastModified":"2026-06-18T03:34:22.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/products/marketing-cloud/engage-studio/experiences/troubleshooting","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}