[{"data":1,"prerenderedAt":437},["ShallowReactive",2],{"pomoc:\u002Fhelp\u002Fwidget\u002Fappearance":3,"pomoc-pages:help_en":110},{"id":4,"title":5,"alt":6,"body":7,"description":100,"extension":101,"key":102,"meta":103,"navigation":104,"order":105,"path":106,"seo":107,"stem":108,"__hash__":109},"help_en\u002Fhelp\u002Fwidget\u002Fappearance.md","Widget appearance","\u002Fpomoc\u002Fwidget\u002Fwyglad",{"type":8,"value":9,"toc":91},"minimark",[10,14,19,27,30,34,39,43,46,71,75,78,82],[11,12,13],"p",{},"By default the widget uses Fibly's neutral color scheme, but in three clicks\nyou can match it to your site's visual identity.",[15,16,18],"h2",{"id":17},"button-text","Button text",[11,20,21,22,26],{},"The ",[23,24,25],"strong",{},"Chat button text"," field sets the label shown in the bottom-right\ncorner of the page when the widget is collapsed. By default it shows a label\nlike \"Chat\", but you can enter your own text, for example \"Help 24\u002F7\" or the\nname of your assistant.",[11,28,29],{},"Short text (up to 20 characters) looks best. Longer labels may be truncated\non narrow screens.",[15,31,33],{"id":32},"chat-window-title","Chat window title",[11,35,21,36,38],{},[23,37,33],{}," field sets the label shown in the header of the\nexpanded conversation window. This could be your company name\n(\"Chat with Black Arrow Store\"), for example, or the name of your virtual\nassistant (\"Asia, Fibly assistant\").",[15,40,42],{"id":41},"colors","Colors",[11,44,45],{},"There are two color fields available:",[47,48,49,61],"ul",{},[50,51,52,55,56,60],"li",{},[23,53,54],{},"Primary color",": the background of the chat button, the window header,\nand the bot's message bubbles. Enter a hex value (for example ",[57,58,59],"code",{},"#721CB0",")\nor use the color picker.",[50,62,63,66,67,70],{},[23,64,65],{},"Text color on primary",": the color of text displayed on the primary\ncolor background. Choose a value that gives good contrast and\nreadability, usually white (",[57,68,69],{},"#FFFFFF",") or a very dark color.",[15,72,74],{"id":73},"live-preview","Live preview",[11,76,77],{},"On the left side of the screen you'll see a preview of the widget that\nupdates in real time. It shows exactly how the widget will look once your\nchanges are live on the site.",[15,79,81],{"id":80},"whats-next","What's next",[11,83,84,85,90],{},"Once the appearance is polished, set up the\n",[86,87,89],"a",{"href":88},"\u002Fhelp\u002Fwidget\u002Fwelcome-notification","welcome notification"," to encourage\ncustomers to open the chat.",{"title":92,"searchDepth":93,"depth":93,"links":94},"",2,[95,96,97,98,99],{"id":17,"depth":93,"text":18},{"id":32,"depth":93,"text":33},{"id":41,"depth":93,"text":42},{"id":73,"depth":93,"text":74},{"id":80,"depth":93,"text":81},"How to match the colors, button text, and chat window title to your brand.","md","widget\u002Fappearance",{},true,1,"\u002Fhelp\u002Fwidget\u002Fappearance",{"title":5,"description":100},"help\u002Fwidget\u002Fappearance","vCYSUsAgzi2sjWgxqHi6ZaSQMD9UKl5-3W-E5gvjzcg",[111,116,119,125,130,135,140,145,150,155,160,165,170,171,176,181,186,191,196,201,206,211,216,221,226,230,236,241,246,251,256,261,266,271,277,282,287,292,297,302,307,312,318,323,328,333,339,344,349,354,360,365,371,377,383,389,395,401,407,413,419,425,431],{"path":112,"title":113,"description":114,"order":115,"key":115},"\u002Fhelp\u002Fconversations\u002Fconversation-details","Conversation details","[object Object]",null,{"path":117,"title":118,"description":114,"order":115,"key":115},"\u002Fhelp\u002Fteam-and-account\u002Ftwo-factor-authentication","Two-factor authentication",{"path":120,"title":121,"description":122,"order":123,"key":124},"\u002Fhelp","Fibly Help Center","Guides, instructions, and answers to questions about setting up and working with Fibly day to day.",0,"index",{"path":126,"title":127,"description":128,"order":105,"key":129},"\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":131,"title":132,"description":133,"order":105,"key":134},"\u002Fhelp\u002Fcustomers\u002Fcustomer-list","Customer list","How to view, filter, and search customers in the Fibly dashboard.","customers\u002Fcustomer-list",{"path":136,"title":137,"description":138,"order":105,"key":139},"\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":141,"title":142,"description":143,"order":105,"key":144},"\u002Fhelp\u002Finstallation\u002Fwordpress","Installing on WordPress","Three ways to add the Fibly widget to a WordPress-based site.","installation\u002Fwordpress",{"path":146,"title":147,"description":148,"order":105,"key":149},"\u002Fhelp\u002Fconversations\u002Flist-and-filters","List and filters","How to filter, sort, and find conversations in the Fibly dashboard.","conversations\u002Flist-and-filters",{"path":151,"title":152,"description":153,"order":105,"key":154},"\u002Fhelp\u002Fanalytics\u002Foverview","Overview","What the metric tiles and charts on the Fibly panel's home screen show.","analytics\u002Foverview",{"path":156,"title":157,"description":158,"order":105,"key":159},"\u002Fhelp\u002Fbilling\u002Fplans","Plans","A comparison of the Starter, Professional, and Enterprise plans in Fibly, plus the available add-ons.","billing\u002Fplans",{"path":161,"title":162,"description":163,"order":105,"key":164},"\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":166,"title":167,"description":168,"order":105,"key":169},"\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":106,"title":5,"description":100,"order":105,"key":102},{"path":172,"title":173,"description":174,"order":105,"key":175},"\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":177,"title":178,"description":179,"order":93,"key":180},"\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":182,"title":183,"description":184,"order":93,"key":185},"\u002Fhelp\u002Fanalytics\u002Fcontrol-center","Control Center","Advanced escalation analytics, bot confidence breakdown, and recommendations in the Fibly panel.","analytics\u002Fcontrol-center",{"path":187,"title":188,"description":189,"order":93,"key":190},"\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":192,"title":193,"description":194,"order":93,"key":195},"\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":197,"title":198,"description":199,"order":93,"key":200},"\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":202,"title":203,"description":204,"order":93,"key":205},"\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":207,"title":208,"description":209,"order":93,"key":210},"\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":212,"title":213,"description":214,"order":93,"key":215},"\u002Fhelp\u002Finstallation\u002Fshopify","Installing on Shopify","How to add the Fibly widget to a Shopify store by editing the theme.liquid file.","installation\u002Fshopify",{"path":217,"title":218,"description":219,"order":93,"key":220},"\u002Fhelp\u002Fbot-configuration\u002Fmessages","Messages","How to set the bot's first message and choose one of three conversational personalities.","bot-configuration\u002Fmessages",{"path":222,"title":223,"description":224,"order":93,"key":225},"\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":88,"title":227,"description":228,"order":93,"key":229},"Welcome notification","How to set a short message that encourages the customer to open the chat.","widget\u002Fwelcome-notification",{"path":231,"title":232,"description":233,"order":234,"key":235},"\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":237,"title":238,"description":239,"order":234,"key":240},"\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":242,"title":243,"description":244,"order":234,"key":245},"\u002Fhelp\u002Finstallation\u002Fwix","Installing on Wix","How to add the Fibly widget to a Wix site through the site settings panel.","installation\u002Fwix",{"path":247,"title":248,"description":249,"order":234,"key":250},"\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":252,"title":253,"description":254,"order":234,"key":255},"\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":257,"title":258,"description":259,"order":234,"key":260},"\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":262,"title":263,"description":264,"order":234,"key":265},"\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":267,"title":268,"description":269,"order":234,"key":270},"\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":272,"title":273,"description":274,"order":275,"key":276},"\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":278,"title":279,"description":280,"order":275,"key":281},"\u002Fhelp\u002Fteam-and-account\u002Fchanging-password","Changing your password","How to update the password for your Fibly account.","team-and-account\u002Fchanging-password",{"path":283,"title":284,"description":285,"order":275,"key":286},"\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":288,"title":289,"description":290,"order":275,"key":291},"\u002Fhelp\u002Finstallation\u002Fprestashop","Installing on PrestaShop","How to install the official Fibly module in a PrestaShop store.","installation\u002Fprestashop",{"path":293,"title":294,"description":295,"order":275,"key":296},"\u002Fhelp\u002Fbilling\u002Finvoices","Invoices","Where to find your invoices, what their payment statuses mean, and how to download a PDF.","billing\u002Finvoices",{"path":298,"title":299,"description":300,"order":275,"key":301},"\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":303,"title":304,"description":305,"order":275,"key":306},"\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":308,"title":309,"description":310,"order":275,"key":311},"\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":313,"title":314,"description":315,"order":316,"key":317},"\u002Fhelp\u002Fbilling\u002Fchanging-plan","Changing your plan","How to move to a higher or lower plan in Fibly.",5,"billing\u002Fchanging-plan",{"path":319,"title":320,"description":321,"order":316,"key":322},"\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":324,"title":325,"description":326,"order":316,"key":327},"\u002Fhelp\u002Finstallation\u002Fsquarespace","Installing on Squarespace","How to embed the Fibly widget on a Squarespace site through the \"Code Injection\" section.","installation\u002Fsquarespace",{"path":329,"title":330,"description":331,"order":316,"key":332},"\u002Fhelp\u002Fknowledge-base\u002Fprerequisites","Prerequisites","How to link knowledge base articles into groups that your Fibly bot reads together.","knowledge-base\u002Fprerequisites",{"path":334,"title":335,"description":336,"order":337,"key":338},"\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":340,"title":341,"description":342,"order":337,"key":343},"\u002Fhelp\u002Finstallation\u002Fdomain-verification","Domain verification","How to confirm that you own the domain where you're embedding the Fibly widget.","installation\u002Fdomain-verification",{"path":345,"title":346,"description":347,"order":337,"key":348},"\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":350,"title":351,"description":352,"order":337,"key":353},"\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":355,"title":356,"description":357,"order":358,"key":359},"\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":361,"title":362,"description":363,"order":358,"key":364},"\u002Fhelp\u002Finstallation\u002Finstallation-verification","Installation verification","How to check that the Fibly widget works correctly after embedding it on your site.","installation\u002Finstallation-verification",{"path":366,"title":367,"description":368,"order":369,"key":370},"\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":372,"title":373,"description":374,"order":375,"key":376},"\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":378,"title":379,"description":380,"order":381,"key":382},"\u002Fhelp\u002Fwidget","Widget","How to customize the appearance, content, and behavior of the chat widget on your website.",25,"widget\u002Findex",{"path":384,"title":385,"description":386,"order":387,"key":388},"\u002Fhelp\u002Fknowledge-base","Knowledge base","How to build and maintain the knowledge base your Fibly bot draws its answers from.",30,"knowledge-base\u002Findex",{"path":390,"title":391,"description":392,"order":393,"key":394},"\u002Fhelp\u002Fconversations","Conversations","How to browse, filter, and analyze customer conversations with the bot and your team.",35,"conversations\u002Findex",{"path":396,"title":397,"description":398,"order":399,"key":400},"\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":402,"title":403,"description":404,"order":405,"key":406},"\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":408,"title":409,"description":410,"order":411,"key":412},"\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":414,"title":415,"description":416,"order":417,"key":418},"\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":420,"title":421,"description":422,"order":423,"key":424},"\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":426,"title":427,"description":428,"order":429,"key":430},"\u002Fhelp\u002Fbilling","Billing","How plans, AI credits, team seats, and invoices work in Fibly.",65,"billing\u002Findex",{"path":432,"title":433,"description":434,"order":435,"key":436},"\u002Fhelp\u002Ftroubleshooting","Troubleshooting","Diagnosing the most common issues with the widget and the Fibly dashboard.",999,"troubleshooting\u002Findex",1782382441370]