[{"data":1,"prerenderedAt":555},["ShallowReactive",2],{"pomoc:\u002Fhelp\u002Finstallation\u002Fshopify":3,"pomoc-pages:help_en":230},{"id":4,"title":5,"alt":6,"body":7,"description":221,"extension":222,"key":223,"meta":224,"navigation":225,"order":213,"path":226,"seo":227,"stem":228,"__hash__":229},"help_en\u002Fhelp\u002Finstallation\u002Fshopify.md","Installing on Shopify","\u002Fpomoc\u002Finstalacja\u002Fshopify",{"type":8,"value":9,"toc":212},"minimark",[10,14,22,67,72,89,96,124,128,137,141,191,195,208],[11,12,13],"p",{},"On Shopify, the easiest way to embed the widget is directly in the main\ntheme template. That way it appears on every page of your store: category\nlistings, product pages, and the cart.",[11,15,16,17,21],{},"The snippet to embed (the same one you see in the Fibly panel under\n",[18,19,20],"strong",{},"Widget settings, Copy code","):",[23,24,29],"pre",{"className":25,"code":26,"language":27,"meta":28,"style":28},"language-html shiki shiki-themes github-dark","\u003Cscript async src=\"https:\u002F\u002Fcdn.fibly.io\u002Fwidget\u002Ffibly-widget.js\">\u003C\u002Fscript>\n","html","",[30,31,32],"code",{"__ignoreMap":28},[33,34,37,41,45,49,52,55,59,62,64],"span",{"class":35,"line":36},"line",1,[33,38,40],{"class":39},"s95oV","\u003C",[33,42,44],{"class":43},"s4JwU","script",[33,46,48],{"class":47},"svObZ"," async",[33,50,51],{"class":47}," src",[33,53,54],{"class":39},"=",[33,56,58],{"class":57},"sU2Wk","\"https:\u002F\u002Fcdn.fibly.io\u002Fwidget\u002Ffibly-widget.js\"",[33,60,61],{"class":39},">\u003C\u002F",[33,63,44],{"class":43},[33,65,66],{"class":39},">\n",[68,69,71],"h2",{"id":70},"step-1-open-the-theme-editor","Step 1: open the theme editor",[73,74,75,83],"ol",{},[76,77,78,79,82],"li",{},"In your Shopify panel, go to ",[18,80,81],{},"Online Store, Themes",".",[76,84,85,86,82],{},"Next to your active theme, click ",[18,87,88],{},"Actions, Edit code",[68,90,92,93],{"id":91},"step-2-edit-themeliquid","Step 2: edit ",[30,94,95],{},"theme.liquid",[73,97,98,108,115,118],{},[76,99,100,101,104,105,107],{},"In the ",[18,102,103],{},"Layout"," column, open the ",[30,106,95],{}," file.",[76,109,110,111,114],{},"Find the closing ",[30,112,113],{},"\u003C\u002Fbody>"," tag (usually near the very end of the file).",[76,116,117],{},"Paste the snippet above just before it.",[76,119,120,121,82],{},"Click ",[18,122,123],{},"Save",[68,125,127],{"id":126},"step-3-check-your-changes","Step 3: check your changes",[11,129,130,131,136],{},"Open your store in a new tab (preferably in incognito mode). The chat\nbutton should appear in the bottom-right corner. If you don't see it,\ncheck the\n",[132,133,135],"a",{"href":134},"\u002Fhelp\u002Finstallation\u002Finstallation-verification","installation verification","\narticle.",[68,138,140],{"id":139},"common-problems","Common problems",[142,143,144,157],"table",{},[145,146,147],"thead",{},[148,149,150,154],"tr",{},[151,152,153],"th",{},"Symptom",[151,155,156],{},"Cause",[158,159,160,169,180],"tbody",{},[148,161,162,166],{},[163,164,165],"td",{},"The widget appears in the panel but not in the store",[163,167,168],{},"You edited a backup theme instead of the active one.",[148,170,171,174],{},[163,172,173],{},"The widget disappears after a theme update",[163,175,176,177,179],{},"Shopify overwrites the ",[30,178,95],{}," file during updates; paste the snippet again.",[148,181,182,185],{},[163,183,184],{},"Conflict with another chat",[163,186,187,188,82],{},"Disable any other chat widgets, including the default ",[18,189,190],{},"Shopify Inbox",[68,192,194],{"id":193},"whats-next","What's next",[11,196,197,198,202,203,207],{},"After a successful installation, complete\n",[132,199,201],{"href":200},"\u002Fhelp\u002Finstallation\u002Fdomain-verification","domain verification",", then fill\nyour ",[132,204,206],{"href":205},"\u002Fhelp\u002Fknowledge-base","knowledge base"," with product descriptions,\nterms and conditions, and your returns policy.",[209,210,211],"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":28,"searchDepth":213,"depth":213,"links":214},2,[215,216,218,219,220],{"id":70,"depth":213,"text":71},{"id":91,"depth":213,"text":217},"Step 2: edit theme.liquid",{"id":126,"depth":213,"text":127},{"id":139,"depth":213,"text":140},{"id":193,"depth":213,"text":194},"How to add the Fibly widget to a Shopify store by editing the theme.liquid file.","md","installation\u002Fshopify",{},true,"\u002Fhelp\u002Finstallation\u002Fshopify",{"title":5,"description":221},"help\u002Finstallation\u002Fshopify","MvnzA1XcKRQyWRB2nwOghXDmhKnyDYO3hfjRbnztYm4",[231,236,239,245,250,255,260,265,270,275,280,285,290,295,300,305,310,315,320,325,330,335,336,341,346,351,357,362,367,372,377,382,387,392,398,403,408,413,418,423,428,433,439,444,449,454,460,464,469,474,480,484,490,496,502,507,513,519,525,531,537,543,549],{"path":232,"title":233,"description":234,"order":235,"key":235},"\u002Fhelp\u002Fconversations\u002Fconversation-details","Conversation details","[object Object]",null,{"path":237,"title":238,"description":234,"order":235,"key":235},"\u002Fhelp\u002Fteam-and-account\u002Ftwo-factor-authentication","Two-factor authentication",{"path":240,"title":241,"description":242,"order":243,"key":244},"\u002Fhelp","Fibly Help Center","Guides, instructions, and answers to questions about setting up and working with Fibly day to day.",0,"index",{"path":246,"title":247,"description":248,"order":36,"key":249},"\u002Fhelp\u002Fbot-configuration\u002Fbrand","Brand","How to set your website address and a short brand description, the two fields the Fibly bot uses as its basic context.","bot-configuration\u002Fbrand",{"path":251,"title":252,"description":253,"order":36,"key":254},"\u002Fhelp\u002Fcustomers\u002Fcustomer-list","Customer list","How to view, filter, and search customers in the Fibly dashboard.","customers\u002Fcustomer-list",{"path":256,"title":257,"description":258,"order":36,"key":259},"\u002Fhelp\u002Fgetting-started\u002Fhow-the-bot-works","How the Fibly bot works","An overview of the architecture, from the customer's question to handing the matter over to your team.","getting-started\u002Fhow-the-bot-works",{"path":261,"title":262,"description":263,"order":36,"key":264},"\u002Fhelp\u002Finstallation\u002Fwordpress","Installing on WordPress","Three ways to add the Fibly widget to a WordPress-based site.","installation\u002Fwordpress",{"path":266,"title":267,"description":268,"order":36,"key":269},"\u002Fhelp\u002Fconversations\u002Flist-and-filters","List and filters","How to filter, sort, and find conversations in the Fibly dashboard.","conversations\u002Flist-and-filters",{"path":271,"title":272,"description":273,"order":36,"key":274},"\u002Fhelp\u002Fanalytics\u002Foverview","Overview","What the metric tiles and charts on the Fibly panel's home screen show.","analytics\u002Foverview",{"path":276,"title":277,"description":278,"order":36,"key":279},"\u002Fhelp\u002Fbilling\u002Fplans","Plans","A comparison of the Starter, Professional, and Enterprise plans in Fibly, plus the available add-ons.","billing\u002Fplans",{"path":281,"title":282,"description":283,"order":36,"key":284},"\u002Fhelp\u002Flive-support\u002Ftaking-over-a-conversation","Taking over a conversation","How to take a conversation over from the bot and handle it personally as an agent.","live-support\u002Ftaking-over-a-conversation",{"path":286,"title":287,"description":288,"order":36,"key":289},"\u002Fhelp\u002Fteam-and-account\u002Fteam-members","Team members","How to invite, edit, and remove a user in the Fibly dashboard.","team-and-account\u002Fteam-members",{"path":291,"title":292,"description":293,"order":36,"key":294},"\u002Fhelp\u002Fwidget\u002Fappearance","Widget appearance","How to match the colors, button text, and chat window title to your brand.","widget\u002Fappearance",{"path":296,"title":297,"description":298,"order":36,"key":299},"\u002Fhelp\u002Ftroubleshooting\u002Fwidget-not-appearing","Widget not appearing","What to check when the chat button doesn't show up after embedding the script on your site.","troubleshooting\u002Fwidget-not-appearing",{"path":301,"title":302,"description":303,"order":213,"key":304},"\u002Fhelp\u002Ftroubleshooting\u002Fbot-gives-wrong-answers","Bot gives wrong answers","What to do when the bot answers inaccurately, mixes up facts, or makes things up.","troubleshooting\u002Fbot-gives-wrong-answers",{"path":306,"title":307,"description":308,"order":213,"key":309},"\u002Fhelp\u002Fanalytics\u002Fcontrol-center","Control Center","Advanced escalation analytics, bot confidence breakdown, and recommendations in the Fibly panel.","analytics\u002Fcontrol-center",{"path":311,"title":312,"description":313,"order":213,"key":314},"\u002Fhelp\u002Fbilling\u002Fcredits-and-usage","Credits and usage","What AI credits are, how many a single bot message consumes, and where to check your current usage.","billing\u002Fcredits-and-usage",{"path":316,"title":317,"description":318,"order":213,"key":319},"\u002Fhelp\u002Fcustomers\u002Fcustomer-profile","Customer profile","How to edit customer details, add notes, review conversation history, and anonymize data in line with GDPR.","customers\u002Fcustomer-profile",{"path":321,"title":322,"description":323,"order":213,"key":324},"\u002Fhelp\u002Flive-support\u002Fending-a-conversation","Ending a conversation","How to hand a conversation back to the bot or close it with a resolution outcome.","live-support\u002Fending-a-conversation",{"path":326,"title":327,"description":328,"order":213,"key":329},"\u002Fhelp\u002Fgetting-started\u002Ffirst-login","First login","How to accept your Fibly invitation and get access to the admin dashboard.","getting-started\u002Ffirst-login",{"path":331,"title":332,"description":333,"order":213,"key":334},"\u002Fhelp\u002Fknowledge-base\u002Fimport-markdown","Import Markdown files","How to import existing documentation in Markdown format into the Fibly knowledge base.","knowledge-base\u002Fimport-markdown",{"path":226,"title":5,"description":221,"order":213,"key":223},{"path":337,"title":338,"description":339,"order":213,"key":340},"\u002Fhelp\u002Fbot-configuration\u002Fmessages","Messages","How to set the bot's first message and choose one of three conversational personalities.","bot-configuration\u002Fmessages",{"path":342,"title":343,"description":344,"order":213,"key":345},"\u002Fhelp\u002Fteam-and-account\u002Froles-and-permissions","Roles and permissions","What the Admin, Manager, and Agent can do in the Fibly dashboard.","team-and-account\u002Froles-and-permissions",{"path":347,"title":348,"description":349,"order":213,"key":350},"\u002Fhelp\u002Fwidget\u002Fwelcome-notification","Welcome notification","How to set a short message that encourages the customer to open the chat.","widget\u002Fwelcome-notification",{"path":352,"title":353,"description":354,"order":355,"key":356},"\u002Fhelp\u002Fconversations\u002Fclosing-a-conversation","Closing a conversation","How to mark finished conversations as resolved or unresolved, and why it matters.",3,"conversations\u002Fclosing-a-conversation",{"path":358,"title":359,"description":360,"order":355,"key":361},"\u002Fhelp\u002Fbot-configuration\u002Fhuman-support","Human support","How to configure handing conversations over to your team when the bot can't handle a question.","bot-configuration\u002Fhuman-support",{"path":363,"title":364,"description":365,"order":355,"key":366},"\u002Fhelp\u002Finstallation\u002Fwix","Installing on Wix","How to add the Fibly widget to a Wix site through the site settings panel.","installation\u002Fwix",{"path":368,"title":369,"description":370,"order":355,"key":371},"\u002Fhelp\u002Fwidget\u002Fnotification-sound","Notification sound","How to choose the audio cue the widget plays for the customer when new messages arrive.","widget\u002Fnotification-sound",{"path":373,"title":374,"description":375,"order":355,"key":376},"\u002Fhelp\u002Fgetting-started\u002Fquick-start","Quick start","A checklist for first launching the bot, from logging in to the first conversation.","getting-started\u002Fquick-start",{"path":378,"title":379,"description":380,"order":355,"key":381},"\u002Fhelp\u002Fbilling\u002Fteam-seats","Team seats","What the seat limit means, how to buy additional seats, and what happens when you exceed the limit.","billing\u002Fteam-seats",{"path":383,"title":384,"description":385,"order":355,"key":386},"\u002Fhelp\u002Fteam-and-account\u002Fuser-profile","User profile","How to change your first name, last name, and review your account details in the Fibly dashboard.","team-and-account\u002Fuser-profile",{"path":388,"title":389,"description":390,"order":355,"key":391},"\u002Fhelp\u002Fknowledge-base\u002Fmanually-written-article","Writing articles manually","How to write knowledge base articles in the Fibly editor, in visual or source mode.","knowledge-base\u002Fmanually-written-article",{"path":393,"title":394,"description":395,"order":396,"key":397},"\u002Fhelp\u002Fconversations\u002Fai-assist","AI assist for agents","How to generate a draft reply based on your knowledge base while handling a conversation.",4,"conversations\u002Fai-assist",{"path":399,"title":400,"description":401,"order":396,"key":402},"\u002Fhelp\u002Fteam-and-account\u002Fchanging-password","Changing your password","How to update the password for your Fibly account.","team-and-account\u002Fchanging-password",{"path":404,"title":405,"description":406,"order":396,"key":407},"\u002Fhelp\u002Fwidget\u002Fenabling-and-disabling","Enabling and disabling the widget","How to temporarily hide the chat button without removing the code from your site.","widget\u002Fenabling-and-disabling",{"path":409,"title":410,"description":411,"order":396,"key":412},"\u002Fhelp\u002Finstallation\u002Fprestashop","Installing on PrestaShop","How to install the official Fibly module in a PrestaShop store.","installation\u002Fprestashop",{"path":414,"title":415,"description":416,"order":396,"key":417},"\u002Fhelp\u002Fbilling\u002Finvoices","Invoices","Where to find your invoices, what their payment statuses mean, and how to download a PDF.","billing\u002Finvoices",{"path":419,"title":420,"description":421,"order":396,"key":422},"\u002Fhelp\u002Fbot-configuration\u002Fknowledge-base-context","Knowledge base context","How to set the depth of prerequisites the bot takes into account when answering.","bot-configuration\u002Fknowledge-base-context",{"path":424,"title":425,"description":426,"order":396,"key":427},"\u002Fhelp\u002Ftroubleshooting\u002Fno-email-notifications","No email notifications","What to check when you're not receiving escalation emails or the weekly summary.","troubleshooting\u002Fno-email-notifications",{"path":429,"title":430,"description":431,"order":396,"key":432},"\u002Fhelp\u002Fknowledge-base\u002Fpinning-articles","Pinning articles","How to choose up to three key articles that your Fibly bot reads before every answer.","knowledge-base\u002Fpinning-articles",{"path":434,"title":435,"description":436,"order":437,"key":438},"\u002Fhelp\u002Fbilling\u002Fchanging-plan","Changing your plan","How to move to a higher or lower plan in Fibly.",5,"billing\u002Fchanging-plan",{"path":440,"title":441,"description":442,"order":437,"key":443},"\u002Fhelp\u002Ftroubleshooting\u002Fconversation-not-in-live-support","Conversation not appearing in Live support","Diagnosing the situation where a customer asks for a human but the conversation doesn't reach the agent queue.","troubleshooting\u002Fconversation-not-in-live-support",{"path":445,"title":446,"description":447,"order":437,"key":448},"\u002Fhelp\u002Finstallation\u002Fsquarespace","Installing on Squarespace","How to embed the Fibly widget on a Squarespace site through the \"Code Injection\" section.","installation\u002Fsquarespace",{"path":450,"title":451,"description":452,"order":437,"key":453},"\u002Fhelp\u002Fknowledge-base\u002Fprerequisites","Prerequisites","How to link knowledge base articles into groups that your Fibly bot reads together.","knowledge-base\u002Fprerequisites",{"path":455,"title":456,"description":457,"order":458,"key":459},"\u002Fhelp\u002Fknowledge-base\u002Fcontent-quality","Content quality","How Fibly automatically assesses knowledge base articles and what each status means.",6,"knowledge-base\u002Fcontent-quality",{"path":200,"title":461,"description":462,"order":458,"key":463},"Domain verification","How to confirm that you own the domain where you're embedding the Fibly widget.","installation\u002Fdomain-verification",{"path":465,"title":466,"description":467,"order":458,"key":468},"\u002Fhelp\u002Finstallation\u002Fcustom-website","Installing on a custom website","How to embed the Fibly widget in plain HTML, Next.js, Nuxt, Vue, and React.","installation\u002Fcustom-website",{"path":470,"title":471,"description":472,"order":458,"key":473},"\u002Fhelp\u002Fteam-and-account\u002Fweekly-summary","Weekly summary","A weekly email with metrics on your bot's performance and improvement suggestions.","team-and-account\u002Fweekly-summary",{"path":475,"title":476,"description":477,"order":478,"key":479},"\u002Fhelp\u002Fknowledge-base\u002Fbest-practices","Best practices","Tips for writing, organizing, and maintaining your Fibly bot's knowledge base.",7,"knowledge-base\u002Fbest-practices",{"path":134,"title":481,"description":482,"order":478,"key":483},"Installation verification","How to check that the Fibly widget works correctly after embedding it on your site.","installation\u002Finstallation-verification",{"path":485,"title":486,"description":487,"order":488,"key":489},"\u002Fhelp\u002Fgetting-started","Getting started","What Fibly is, how the bot works, and what to prepare before your first login.",10,"getting-started\u002Findex",{"path":491,"title":492,"description":493,"order":494,"key":495},"\u002Fhelp\u002Finstallation","Widget installation","How to embed the Fibly widget on your website. Ready-made instructions for the most popular platforms.",20,"installation\u002Findex",{"path":497,"title":498,"description":499,"order":500,"key":501},"\u002Fhelp\u002Fwidget","Widget","How to customize the appearance, content, and behavior of the chat widget on your website.",25,"widget\u002Findex",{"path":205,"title":503,"description":504,"order":505,"key":506},"Knowledge base","How to build and maintain the knowledge base your Fibly bot draws its answers from.",30,"knowledge-base\u002Findex",{"path":508,"title":509,"description":510,"order":511,"key":512},"\u002Fhelp\u002Fconversations","Conversations","How to browse, filter, and analyze customer conversations with the bot and your team.",35,"conversations\u002Findex",{"path":514,"title":515,"description":516,"order":517,"key":518},"\u002Fhelp\u002Fbot-configuration","Bot configuration","How to set the brand, tone of voice, escalation behavior, and answer context for the Fibly bot.",40,"bot-configuration\u002Findex",{"path":520,"title":521,"description":522,"order":523,"key":524},"\u002Fhelp\u002Flive-support","Live support","How to handle conversations waiting for an agent, take them over from the bot, and end them.",45,"live-support\u002Findex",{"path":526,"title":527,"description":528,"order":529,"key":530},"\u002Fhelp\u002Fanalytics","Analytics","How to read the metrics and charts about your bot's and your team's work in the Fibly panel.",50,"analytics\u002Findex",{"path":532,"title":533,"description":534,"order":535,"key":536},"\u002Fhelp\u002Fcustomers","Customers","How to view and manage the profiles of people who have talked to the bot on your website.",55,"customers\u002Findex",{"path":538,"title":539,"description":540,"order":541,"key":542},"\u002Fhelp\u002Fteam-and-account","Team and account","How to manage team members, roles, your own profile, and access security.",60,"team-and-account\u002Findex",{"path":544,"title":545,"description":546,"order":547,"key":548},"\u002Fhelp\u002Fbilling","Billing","How plans, AI credits, team seats, and invoices work in Fibly.",65,"billing\u002Findex",{"path":550,"title":551,"description":552,"order":553,"key":554},"\u002Fhelp\u002Ftroubleshooting","Troubleshooting","Diagnosing the most common issues with the widget and the Fibly dashboard.",999,"troubleshooting\u002Findex",1782382441260]