[{"data":1,"prerenderedAt":302},["ShallowReactive",2],{"docs-/docs/widget/webflow":3},{"id":4,"title":5,"body":6,"description":294,"extension":295,"meta":296,"navigation":297,"path":298,"seo":299,"stem":300,"__hash__":301},"content/docs/widget/webflow.md","Webflow Installation",{"type":7,"value":8,"toc":281},"minimark",[9,13,18,23,45,49,56,122,129,133,136,152,156,159,177,184,188,191,202,206,210,228,232,235,238,277],[10,11,12],"p",{},"Add the Grounded widget to your Webflow site using custom code injection.",[14,15,17],"h2",{"id":16},"installation-steps","Installation Steps",[19,20,22],"h3",{"id":21},"_1-access-project-settings","1. Access Project Settings",[24,25,26,30,38],"ol",{},[27,28,29],"li",{},"Open your Webflow project",[27,31,32,33,37],{},"Click the ",[34,35,36],"strong",{},"Settings"," icon (gear) in the left panel",[27,39,40,41,44],{},"Go to the ",[34,42,43],{},"Custom Code"," tab",[19,46,48],{"id":47},"_2-add-widget-code","2. Add Widget Code",[10,50,51,52,55],{},"In the ",[34,53,54],{},"Footer Code"," section, paste:",[57,58,63],"pre",{"className":59,"code":60,"language":61,"meta":62,"style":62},"language-html shiki shiki-themes github-dark","\u003Cscript\n  src=\"https://grounded.sh/widget/grounded-widget.js\"\n  data-chatbot-id=\"YOUR_CHATBOT_ID\"\n  async\n>\u003C/script>\n","html","",[64,65,66,79,93,104,110],"code",{"__ignoreMap":62},[67,68,71,75],"span",{"class":69,"line":70},"line",1,[67,72,74],{"class":73},"s95oV","\u003C",[67,76,78],{"class":77},"s4JwU","script\n",[67,80,82,86,89],{"class":69,"line":81},2,[67,83,85],{"class":84},"svObZ","  src",[67,87,88],{"class":73},"=",[67,90,92],{"class":91},"sU2Wk","\"https://grounded.sh/widget/grounded-widget.js\"\n",[67,94,96,99,101],{"class":69,"line":95},3,[67,97,98],{"class":84},"  data-chatbot-id",[67,100,88],{"class":73},[67,102,103],{"class":91},"\"YOUR_CHATBOT_ID\"\n",[67,105,107],{"class":69,"line":106},4,[67,108,109],{"class":84},"  async\n",[67,111,113,116,119],{"class":69,"line":112},5,[67,114,115],{"class":73},">\u003C/",[67,117,118],{"class":77},"script",[67,120,121],{"class":73},">\n",[10,123,124,125,128],{},"Click ",[34,126,127],{},"Save Changes",".",[19,130,132],{"id":131},"_3-publish-your-site","3. Publish Your Site",[10,134,135],{},"The widget only appears on the published site, not in the Webflow Designer:",[24,137,138,144,147],{},[27,139,124,140,143],{},[34,141,142],{},"Publish"," in the top right",[27,145,146],{},"Choose your domain(s)",[27,148,124,149],{},[34,150,151],{},"Publish to Selected Domains",[14,153,155],{"id":154},"page-specific-installation","Page-Specific Installation",[10,157,158],{},"To add the widget to specific pages only:",[24,160,161,164,171,174],{},[27,162,163],{},"Open the page in the Designer",[27,165,166,167,170],{},"Add an ",[34,168,169],{},"Embed"," element at the bottom of the page",[27,172,173],{},"Paste the widget code",[27,175,176],{},"Publish the site",[178,179,181],"docs-callout",{"type":180},"tip",[10,182,183],{},"For page-specific widgets, create different chatbots for different sections of your site (e.g., one for sales, one for support).",[14,185,187],{"id":186},"webflow-memberships","Webflow Memberships",[10,189,190],{},"If using Webflow Memberships, you can show the widget only to logged-in users:",[24,192,193,196,199],{},[27,194,195],{},"Create a conditional visibility class",[27,197,198],{},"Apply it to an embed containing the widget",[27,200,201],{},"Set visibility based on membership status",[14,203,205],{"id":204},"troubleshooting","Troubleshooting",[19,207,209],{"id":208},"widget-not-appearing-after-publish","Widget Not Appearing After Publish",[24,211,212,215,218,221],{},[27,213,214],{},"Wait 1-2 minutes for CDN propagation",[27,216,217],{},"Hard refresh the page (Ctrl/Cmd + Shift + R)",[27,219,220],{},"Check the published site, not the Designer preview",[27,222,223,224,227],{},"Verify the code is in the ",[34,225,226],{},"Footer"," section, not Header",[19,229,231],{"id":230},"z-index-issues","Z-Index Issues",[10,233,234],{},"If the widget appears behind other elements:",[10,236,237],{},"Add this CSS in your site's custom code:",[57,239,243],{"className":240,"code":241,"language":242,"meta":62,"style":62},"language-css shiki shiki-themes github-dark","#grounded-widget {\n  z-index: 999999 !important;\n}\n","css",[64,244,245,253,272],{"__ignoreMap":62},[67,246,247,250],{"class":69,"line":70},[67,248,249],{"class":84},"#grounded-widget",[67,251,252],{"class":73}," {\n",[67,254,255,259,262,265,269],{"class":69,"line":81},[67,256,258],{"class":257},"sDLfK","  z-index",[67,260,261],{"class":73},": ",[67,263,264],{"class":257},"999999",[67,266,268],{"class":267},"snl16"," !important",[67,270,271],{"class":73},";\n",[67,273,274],{"class":69,"line":95},[67,275,276],{"class":73},"}\n",[278,279,280],"style",{},"html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .s4JwU, html code.shiki .s4JwU{--shiki-default:#85E89D}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}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 pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}",{"title":62,"searchDepth":81,"depth":81,"links":282},[283,288,289,290],{"id":16,"depth":81,"text":17,"children":284},[285,286,287],{"id":21,"depth":95,"text":22},{"id":47,"depth":95,"text":48},{"id":131,"depth":95,"text":132},{"id":154,"depth":81,"text":155},{"id":186,"depth":81,"text":187},{"id":204,"depth":81,"text":205,"children":291},[292,293],{"id":208,"depth":95,"text":209},{"id":230,"depth":95,"text":231},"Add Grounded chat widget to your Webflow site.","md",{},true,"/docs/widget/webflow",{"title":5,"description":294},"docs/widget/webflow","a7yV9f7yHwO6T-Cswj5y5WKWxZenAjh5vggrX7a1IAg",1778619021295]