[{"data":1,"prerenderedAt":456},["ShallowReactive",2],{"navigation_docs":3,"-embed-the-widget-troubleshooting":93,"-embed-the-widget-troubleshooting-surround":451},[4,11,28,50,77],{"title":5,"path":6,"stem":7,"children":8,"icon":10},"Getting started","\u002Fgetting-started","1.getting-started\u002F1.index",[9],{"title":5,"path":6,"stem":7,"icon":10},"i-lucide-rocket",{"title":12,"path":13,"stem":14,"children":15,"icon":17},"Embed the widget","\u002Fembed-the-widget","2.embed-the-widget\u002F1.index",[16,18,23],{"title":12,"path":13,"stem":14,"icon":17},"i-lucide-code",{"title":19,"path":20,"stem":21,"icon":22},"Placement modes","\u002Fembed-the-widget\u002Fplacement-modes","2.embed-the-widget\u002F2.placement-modes","i-lucide-layout-panel-top",{"title":24,"path":25,"stem":26,"icon":27},"Troubleshooting","\u002Fembed-the-widget\u002Ftroubleshooting","2.embed-the-widget\u002F3.troubleshooting","i-lucide-wrench",{"title":29,"path":30,"stem":31,"children":32,"icon":34},"Surveys","\u002Fsurveys","3.surveys\u002F1.index",[33,35,40,45],{"title":29,"path":30,"stem":31,"icon":34},"i-lucide-clipboard-list",{"title":36,"path":37,"stem":38,"icon":39},"Questions","\u002Fsurveys\u002Fquestions","3.surveys\u002F2.questions","i-lucide-list-checks",{"title":41,"path":42,"stem":43,"icon":44},"Appearance and wording","\u002Fsurveys\u002Fappearance-and-wording","3.surveys\u002F3.appearance-and-wording","i-lucide-palette",{"title":46,"path":47,"stem":48,"icon":49},"Publishing changes","\u002Fsurveys\u002Flimits-and-status","3.surveys\u002F4.limits-and-status","i-lucide-clock",{"title":51,"path":52,"stem":53,"children":54,"icon":56},"Responses and insights","\u002Fresponses-and-insights","4.responses-and-insights\u002F1.index",[55,57,62,67,72],{"title":51,"path":52,"stem":53,"icon":56},"i-lucide-inbox",{"title":58,"path":59,"stem":60,"icon":61},"Answers","\u002Fresponses-and-insights\u002Fanswers","4.responses-and-insights\u002F2.answers","i-lucide-message-square-text",{"title":63,"path":64,"stem":65,"icon":66},"Insights","\u002Fresponses-and-insights\u002Finsights","4.responses-and-insights\u002F3.insights","i-lucide-lightbulb",{"title":68,"path":69,"stem":70,"icon":71},"Verification and threshold","\u002Fresponses-and-insights\u002Fverification-and-threshold","4.responses-and-insights\u002F4.verification-and-threshold","i-lucide-shield-check",{"title":73,"path":74,"stem":75,"icon":76},"Statistics","\u002Fresponses-and-insights\u002Fresponsiveness-funnel","4.responses-and-insights\u002F5.responsiveness-funnel","i-lucide-bar-chart-3",{"title":78,"path":79,"stem":80,"children":81,"page":92},"Account And Billing","\u002Faccount-and-billing","5.account-and-billing",[82,87],{"title":83,"path":84,"stem":85,"icon":86},"Plans and billing","\u002Faccount-and-billing\u002Fplans-and-billing","5.account-and-billing\u002F1.plans-and-billing","i-lucide-credit-card",{"title":88,"path":89,"stem":90,"icon":91},"Security and profile","\u002Faccount-and-billing\u002Fsecurity-and-profile","5.account-and-billing\u002F2.security-and-profile","i-lucide-shield",false,{"id":94,"title":24,"body":95,"description":444,"extension":445,"links":446,"meta":447,"navigation":448,"path":25,"seo":449,"stem":26,"__hash__":450},"docs\u002F2.embed-the-widget\u002F3.troubleshooting.md",{"type":96,"value":97,"toc":437},"minimark",[98,102,106,111,134,138,142,158,162,173,177,188,192,195,412,433],[99,100,24],"h1",{"id":101},"troubleshooting",[103,104,105],"note",{},"The widget never shows an error on your page. If something is wrong, the visitor simply\ndoesn't see it — there's no red text in the corner of the screen to notice. That's by design:\na broken survey should never break your page. It also means you have to check for the causes\nbelow yourself rather than wait for the widget to tell you.",[107,108,110],"h2",{"id":109},"the-widget-doesnt-show-up-at-all","The widget doesn't show up at all",[112,113,114,122,128],"ul",{},[115,116,117,121],"li",{},[118,119,120],"strong",{},"The snippet's survey identifier doesn't match a survey."," Check that you copied the whole\nsnippet from the Appearance tab without editing it — a hand-edited, partial or stale\n(deleted survey) identifier won't resolve to anything.",[115,123,124,127],{},[118,125,126],{},"A network problem."," The visitor's browser couldn't reach rawquotes at all — a connection\ndrop, a blocked request, and so on.",[115,129,130,133],{},[118,131,132],{},"An unexpected response from the server."," The widget asked for the survey and got\nsomething back, but not a survey it could render.",[135,136,137],"p",{},"All three cases look identical from the outside: the widget's script runs, asks for the survey,\ngets nothing usable back, and stops before drawing anything — including its floating launcher\nin floating mode. Nothing the visitor saw a moment ago disappears, because nothing was shown\nin the first place.",[107,139,141],{"id":140},"your-content-security-policy-blocks-the-widgets-styling","Your Content-Security-Policy blocks the widget's styling",[135,143,144,145,149,150,153,154,157],{},"The widget normally styles itself in a way that needs no relaxation of your page's CSP at\nall. It only falls back to a mechanism that requires ",[146,147,148],"code",{},"style-src 'unsafe-inline'"," on browsers\nold enough to lack a newer styling API — practically, only outdated browsers by now. If your\npage's CSP is strict and you want the widget to render correctly on those older browsers\ntoo, add ",[146,151,152],{},"'unsafe-inline'"," to your ",[146,155,156],{},"style-src"," directive. This is a real requirement for that\nfallback, not a workaround to avoid.",[107,159,161],{"id":160},"your-pages-styles-and-the-widgets-styles-dont-affect-each-other","Your page's styles and the widget's styles don't affect each other",[135,163,164,165,172],{},"This is expected, not a bug. The widget renders inside its own isolated area of the page\n(a ",[166,167,171],"a",{"href":168,"rel":169},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FWeb_components\u002FUsing_shadow_DOM",[170],"nofollow","Shadow DOM","),\nso your page's CSS can't accidentally restyle the widget, and the widget's own styles can't\nleak out and affect the rest of your page. Colors, shape and other visual settings are all\ncontrolled from the survey's Appearance tab instead of your page's stylesheet.",[107,174,176],{"id":175},"inline-mode-nothing-renders-where-the-container-should-be","Inline mode: nothing renders where the container should be",[135,178,179,180,183,184,187],{},"In ",[166,181,182],{"href":20},"inline placement",", the widget looks for its container\nelement the moment its script runs. If that element isn't on the page yet at that point — for\nexample because the snippet loads before the rest of the page's markup — the widget has\nnothing to attach to and gives up silently. Make sure the container element appears in your\npage's HTML before the widget's ",[146,185,186],{},"\u003Cscript>"," tag, not after it.",[107,189,191],{"id":190},"listening-for-what-happened-if-youre-customizing-the-page-yourself","Listening for what happened, if you're customizing the page yourself",[135,193,194],{},"If you or a developer working on your site want to react to widget events in your\nown code (for example, to hide a promotional banner once a visitor opens the survey), the\nwidget exposes a small event queue:",[196,197,202],"pre",{"className":198,"code":199,"language":200,"meta":201,"style":201},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript>\n  window.rawquotes = window.rawquotes || function () {\n    (window.rawquotes.q = window.rawquotes.q || []).push(arguments)\n  }\n  window.rawquotes('on', 'render_error', function (detail) {\n    console.log('widget did not render:', detail.reason)\n  })\n\u003C\u002Fscript>\n","html","",[146,203,204,220,256,309,315,362,394,402],{"__ignoreMap":201},[205,206,209,213,217],"span",{"class":207,"line":208},"line",1,[205,210,212],{"class":211},"sMK4o","\u003C",[205,214,216],{"class":215},"swJcz","script",[205,218,219],{"class":211},">\n",[205,221,223,227,230,233,236,239,241,243,246,250,253],{"class":207,"line":222},2,[205,224,226],{"class":225},"sTEyZ","  window",[205,228,229],{"class":211},".",[205,231,232],{"class":225},"rawquotes ",[205,234,235],{"class":211},"=",[205,237,238],{"class":225}," window",[205,240,229],{"class":211},[205,242,232],{"class":225},[205,244,245],{"class":211},"||",[205,247,249],{"class":248},"spNyl"," function",[205,251,252],{"class":211}," ()",[205,254,255],{"class":211}," {\n",[205,257,259,262,265,267,270,272,275,278,280,282,284,286,288,291,294,296,300,303,306],{"class":207,"line":258},3,[205,260,261],{"class":215},"    (",[205,263,264],{"class":225},"window",[205,266,229],{"class":211},[205,268,269],{"class":225},"rawquotes",[205,271,229],{"class":211},[205,273,274],{"class":225},"q",[205,276,277],{"class":211}," =",[205,279,238],{"class":225},[205,281,229],{"class":211},[205,283,269],{"class":225},[205,285,229],{"class":211},[205,287,274],{"class":225},[205,289,290],{"class":211}," ||",[205,292,293],{"class":215}," [])",[205,295,229],{"class":211},[205,297,299],{"class":298},"s2Zo4","push",[205,301,302],{"class":215},"(",[205,304,305],{"class":225},"arguments",[205,307,308],{"class":215},")\n",[205,310,312],{"class":207,"line":311},4,[205,313,314],{"class":211},"  }\n",[205,316,318,320,322,324,326,329,333,335,338,341,344,346,348,350,353,357,360],{"class":207,"line":317},5,[205,319,226],{"class":225},[205,321,229],{"class":211},[205,323,269],{"class":298},[205,325,302],{"class":225},[205,327,328],{"class":211},"'",[205,330,332],{"class":331},"sfazB","on",[205,334,328],{"class":211},[205,336,337],{"class":211},",",[205,339,340],{"class":211}," '",[205,342,343],{"class":331},"render_error",[205,345,328],{"class":211},[205,347,337],{"class":211},[205,349,249],{"class":248},[205,351,352],{"class":211}," (",[205,354,356],{"class":355},"sHdIc","detail",[205,358,359],{"class":211},")",[205,361,255],{"class":211},[205,363,365,368,370,373,375,377,380,382,384,387,389,392],{"class":207,"line":364},6,[205,366,367],{"class":225},"    console",[205,369,229],{"class":211},[205,371,372],{"class":298},"log",[205,374,302],{"class":215},[205,376,328],{"class":211},[205,378,379],{"class":331},"widget did not render:",[205,381,328],{"class":211},[205,383,337],{"class":211},[205,385,386],{"class":225}," detail",[205,388,229],{"class":211},[205,390,391],{"class":225},"reason",[205,393,308],{"class":215},[205,395,397,400],{"class":207,"line":396},7,[205,398,399],{"class":211},"  }",[205,401,308],{"class":225},[205,403,405,408,410],{"class":207,"line":404},8,[205,406,407],{"class":211},"\u003C\u002F",[205,409,216],{"class":215},[205,411,219],{"class":211},[135,413,414,415,417,418,352,421,424,425,428,429,432],{},"This is a developer-facing detail, not something most merchants need — it's mentioned here\nonly because ",[146,416,343],{},"'s ",[146,419,420],{},"detail.reason",[146,422,423],{},"not_found",", ",[146,426,427],{},"network"," or ",[146,430,431],{},"malformed",") is the\nsame distinction the sections above describe in plain language.",[434,435,436],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":201,"searchDepth":222,"depth":222,"links":438},[439,440,441,442,443],{"id":109,"depth":222,"text":110},{"id":140,"depth":222,"text":141},{"id":160,"depth":222,"text":161},{"id":175,"depth":222,"text":176},{"id":190,"depth":222,"text":191},"Why the widget might not be showing, and how to tell.","md",null,{},{"title":24,"icon":27},{"title":24,"description":444},"ltBqugsznya-oGRuEE58XsREfFdUDXChCcM-khnXp8k",[452,454],{"title":19,"path":20,"stem":21,"description":453,"icon":22,"children":-1},"The two ways the widget can sit on your site's pages.",{"title":29,"path":30,"stem":31,"description":455,"icon":34,"children":-1},"The three ways to create a survey in rawquotes, from a template, from scratch or from a goal.",1790452910350]