[{"data":1,"prerenderedAt":375},["ShallowReactive",2],{"docs-/docs/widget":3},{"id":4,"title":5,"body":6,"description":367,"extension":368,"meta":369,"navigation":370,"path":371,"seo":372,"stem":373,"__hash__":374},"content/docs/widget/index.md","Widget Installation",{"type":7,"value":8,"toc":358},"minimark",[9,13,18,26,91,98,102,131,135,138,223,228,289,293,326,330,333,347,354],[10,11,12],"p",{},"The Grounded chat widget can be installed on any website with a simple embed code. This guide covers the basics - see platform-specific guides for detailed instructions.",[14,15,17],"h2",{"id":16},"basic-installation","Basic Installation",[10,19,20,21,25],{},"Add this code to your website, just before the closing ",[22,23,24],"code",{},"\u003C/body>"," tag:",[27,28,33],"pre",{"className":29,"code":30,"language":31,"meta":32,"style":32},"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","",[22,34,35,48,62,73,79],{"__ignoreMap":32},[36,37,40,44],"span",{"class":38,"line":39},"line",1,[36,41,43],{"class":42},"s95oV","\u003C",[36,45,47],{"class":46},"s4JwU","script\n",[36,49,51,55,58],{"class":38,"line":50},2,[36,52,54],{"class":53},"svObZ","  src",[36,56,57],{"class":42},"=",[36,59,61],{"class":60},"sU2Wk","\"https://grounded.sh/widget/grounded-widget.js\"\n",[36,63,65,68,70],{"class":38,"line":64},3,[36,66,67],{"class":53},"  data-chatbot-id",[36,69,57],{"class":42},[36,71,72],{"class":60},"\"YOUR_CHATBOT_ID\"\n",[36,74,76],{"class":38,"line":75},4,[36,77,78],{"class":53},"  async\n",[36,80,82,85,88],{"class":38,"line":81},5,[36,83,84],{"class":42},">\u003C/",[36,86,87],{"class":46},"script",[36,89,90],{"class":42},">\n",[10,92,93,94,97],{},"Replace ",[22,95,96],{},"YOUR_CHATBOT_ID"," with your actual chatbot ID from the dashboard.",[14,99,101],{"id":100},"finding-your-chatbot-id","Finding Your Chatbot ID",[103,104,105,114,117,128],"ol",{},[106,107,108,109],"li",{},"Go to your ",[110,111,113],"a",{"href":112},"/dashboard","Dashboard",[106,115,116],{},"Select your chatbot",[106,118,119,120,124,125],{},"Go to ",[121,122,123],"strong",{},"Settings"," > ",[121,126,127],{},"Embed Code",[106,129,130],{},"Copy the complete script tag",[14,132,134],{"id":133},"configuration-options","Configuration Options",[10,136,137],{},"You can customize the widget using data attributes:",[139,140,141,157],"table",{},[142,143,144],"thead",{},[145,146,147,151,154],"tr",{},[148,149,150],"th",{},"Attribute",[148,152,153],{},"Description",[148,155,156],{},"Default",[158,159,160,174,195,210],"tbody",{},[145,161,162,168,171],{},[163,164,165],"td",{},[22,166,167],{},"data-chatbot-id",[163,169,170],{},"Your chatbot ID (required)",[163,172,173],{},"-",[145,175,176,181,191],{},[163,177,178],{},[22,179,180],{},"data-position",[163,182,183,184,187,188],{},"Widget position: ",[22,185,186],{},"bottom-right"," or ",[22,189,190],{},"bottom-left",[163,192,193],{},[22,194,186],{},[145,196,197,202,205],{},[163,198,199],{},[22,200,201],{},"data-primary-color",[163,203,204],{},"Primary button color (hex)",[163,206,207],{},[22,208,209],{},"#1a1a2e",[145,211,212,217,220],{},[163,213,214],{},[22,215,216],{},"data-welcome-message",[163,218,219],{},"Custom greeting message",[163,221,222],{},"Set in dashboard",[224,225,227],"h3",{"id":226},"example-with-options","Example with Options",[27,229,231],{"className":29,"code":230,"language":31,"meta":32,"style":32},"\u003Cscript\n  src=\"https://grounded.sh/widget/grounded-widget.js\"\n  data-chatbot-id=\"YOUR_CHATBOT_ID\"\n  data-position=\"bottom-left\"\n  data-primary-color=\"#4f46e5\"\n  async\n>\u003C/script>\n",[22,232,233,239,247,255,265,275,280],{"__ignoreMap":32},[36,234,235,237],{"class":38,"line":39},[36,236,43],{"class":42},[36,238,47],{"class":46},[36,240,241,243,245],{"class":38,"line":50},[36,242,54],{"class":53},[36,244,57],{"class":42},[36,246,61],{"class":60},[36,248,249,251,253],{"class":38,"line":64},[36,250,67],{"class":53},[36,252,57],{"class":42},[36,254,72],{"class":60},[36,256,257,260,262],{"class":38,"line":75},[36,258,259],{"class":53},"  data-position",[36,261,57],{"class":42},[36,263,264],{"class":60},"\"bottom-left\"\n",[36,266,267,270,272],{"class":38,"line":81},[36,268,269],{"class":53},"  data-primary-color",[36,271,57],{"class":42},[36,273,274],{"class":60},"\"#4f46e5\"\n",[36,276,278],{"class":38,"line":277},6,[36,279,78],{"class":53},[36,281,283,285,287],{"class":38,"line":282},7,[36,284,84],{"class":42},[36,286,87],{"class":46},[36,288,90],{"class":42},[14,290,292],{"id":291},"platform-guides","Platform Guides",[294,295,296,302,308,314,320],"ul",{},[106,297,298],{},[110,299,301],{"href":300},"/docs/widget/wordpress","WordPress",[106,303,304],{},[110,305,307],{"href":306},"/docs/widget/shopify","Shopify",[106,309,310],{},[110,311,313],{"href":312},"/docs/widget/webflow","Webflow",[106,315,316],{},[110,317,319],{"href":318},"/docs/widget/wix","Wix",[106,321,322],{},[110,323,325],{"href":324},"/docs/widget/html","Custom HTML",[14,327,329],{"id":328},"verify-installation","Verify Installation",[10,331,332],{},"After adding the widget:",[103,334,335,338,341,344],{},[106,336,337],{},"Visit your website",[106,339,340],{},"Look for the chat bubble in the corner",[106,342,343],{},"Click to open and test a conversation",[106,345,346],{},"Check your dashboard for the conversation record",[348,349,351],"docs-callout",{"type":350},"tip",[10,352,353],{},"Use your browser's developer tools (F12) to check for any JavaScript errors if the widget doesn't appear.",[355,356,357],"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);}",{"title":32,"searchDepth":50,"depth":50,"links":359},[360,361,362,365,366],{"id":16,"depth":50,"text":17},{"id":100,"depth":50,"text":101},{"id":133,"depth":50,"text":134,"children":363},[364],{"id":226,"depth":64,"text":227},{"id":291,"depth":50,"text":292},{"id":328,"depth":50,"text":329},"Install the Grounded chat widget on your website.","md",{},true,"/docs/widget",{"title":5,"description":367},"docs/widget/index","Hr5trtpkPZFhjisHvWTtZxlCxSOgAmooHNVoYh4boPo",1778619021194]