[{"data":1,"prerenderedAt":1556},["ShallowReactive",2],{"pomoc:\u002Fhelp\u002Fwidget\u002Fcustom-css":3,"pomoc-pages:help_en":1135},{"id":4,"title":5,"alt":6,"body":7,"description":1125,"extension":1126,"key":1127,"meta":1128,"navigation":1129,"order":1130,"path":1131,"seo":1132,"stem":1133,"__hash__":1134},"help_en\u002Fhelp\u002Fwidget\u002Fcustom-css.md","Custom CSS","\u002Fpomoc\u002Fwidget\u002Fwlasny-css",{"type":8,"value":9,"toc":1112},"minimark",[10,32,37,40,43,59,71,74,78,105,108,112,119,392,395,426,430,433,907,919,923,928,988,992,1020,1023,1052,1056,1083,1094,1098,1101,1105,1108],[11,12,13,14,17,18,21,22,25,26,31],"p",{},"When themes and colors aren't enough, you can write your own CSS for the\nwidget. You'll find the ",[15,16,5],"strong",{}," field on the ",[15,19,20],{},"Widget"," screen, in\nthe ",[15,23,24],{},"Advanced"," section. It is available on the Advanced personalization\nlevel, which comes with the Professional plan. The\n",[27,28,30],"a",{"href":29},"\u002Fhelp\u002Fwidget\u002Fcustomization","Widget personalization"," article explains what\neach plan includes.",[33,34,36],"h2",{"id":35},"how-your-css-is-applied","How your CSS is applied",[11,38,39],{},"The widget runs in its own isolated part of the page. Your CSS is applied\nonly inside the widget, so it can't change anything else on your site, and\nyour site's own stylesheets don't reach into the widget either.",[11,41,42],{},"Styles are applied in this order, and each step overrides the one before:",[44,45,46,50,53,56],"ol",{},[47,48,49],"li",{},"the theme,",[47,51,52],{},"the primary color and the text color on primary,",[47,54,55],{},"advanced colors set for individual elements,",[47,57,58],{},"your custom CSS.",[11,60,61,62,66,67,70],{},"Your CSS is added last, and the theme and the advanced colors are written so\nthey never outrank it. Any rule of yours with at least one class selector,\nsuch as ",[63,64,65],"code",{},".fibly-header"," or ",[63,68,69],{},".fibly-root",", wins over the theme and over the\nadvanced colors. You don't need longer selectors to beat a theme.",[11,72,73],{},"The live preview on the settings page applies your CSS as you type, so you\ncan check the result before saving.",[33,75,77],{"id":76},"limits","Limits",[79,80,81,88,98],"ul",{},[47,82,83,84,87],{},"The CSS can be at most ",[15,85,86],{},"20 KB",".",[47,89,90,93,94,97],{},[63,91,92],{},"@import"," is not allowed. To change the typeface, use the ",[15,95,96],{},"Font","\nsetting instead.",[47,99,100,101,104],{},"The CSS can't contain a closing ",[63,102,103],{},"\u003C\u002Fstyle>"," tag.",[11,106,107],{},"The dashboard shows an error and won't save CSS that breaks one of these\nrules.",[33,109,111],{"id":110},"class-names","Class names",[11,113,114,115,118],{},"Every main element of the widget carries a class starting with ",[63,116,117],{},"fibly-",".\nUse these classes in your selectors rather than other class names you might\nfind in the page source, which can change at any time.",[120,121,122,135],"table",{},[123,124,125],"thead",{},[126,127,128,132],"tr",{},[129,130,131],"th",{},"Class",[129,133,134],{},"Element",[136,137,138,149,159,169,178,188,198,208,218,228,238,248,258,268,278,288,298,308,318,328,338,352,362,372,382],"tbody",{},[126,139,140,146],{},[141,142,143],"td",{},[63,144,145],{},".fibly-launcher",[141,147,148],{},"The chat button shown on your page when the widget is collapsed.",[126,150,151,156],{},[141,152,153],{},[63,154,155],{},".fibly-launcher-icon",[141,157,158],{},"The icon or image inside the chat button.",[126,160,161,166],{},[141,162,163],{},[63,164,165],{},".fibly-panel",[141,167,168],{},"The open chat window as a whole.",[126,170,171,175],{},[141,172,173],{},[63,174,65],{},[141,176,177],{},"The header bar at the top of the chat window.",[126,179,180,185],{},[141,181,182],{},[63,183,184],{},".fibly-header-title",[141,186,187],{},"The chat window title inside the header.",[126,189,190,195],{},[141,191,192],{},[63,193,194],{},".fibly-avatar",[141,196,197],{},"The icon or avatar image in the header.",[126,199,200,205],{},[141,201,202],{},[63,203,204],{},".fibly-header-actions",[141,206,207],{},"The group of buttons on the right side of the header.",[126,209,210,215],{},[141,211,212],{},[63,213,214],{},".fibly-messages",[141,216,217],{},"The scrolling area that holds the conversation.",[126,219,220,225],{},[141,221,222],{},[63,223,224],{},".fibly-message",[141,226,227],{},"Every message row in the conversation.",[126,229,230,235],{},[141,231,232],{},[63,233,234],{},".fibly-message--bot",[141,236,237],{},"A message from the bot.",[126,239,240,245],{},[141,241,242],{},[63,243,244],{},".fibly-message--customer",[141,246,247],{},"A message from the visitor.",[126,249,250,255],{},[141,251,252],{},[63,253,254],{},".fibly-message--agent",[141,256,257],{},"A message from a member of your team.",[126,259,260,265],{},[141,261,262],{},[63,263,264],{},".fibly-message--event",[141,266,267],{},"A conversation event, such as a team member joining, shown as centered text.",[126,269,270,275],{},[141,271,272],{},[63,273,274],{},".fibly-bubble",[141,276,277],{},"The bubble that holds the text of a bot, visitor or team message.",[126,279,280,285],{},[141,281,282],{},[63,283,284],{},".fibly-typing",[141,286,287],{},"The indicator shown while a reply is being written.",[126,289,290,295],{},[141,291,292],{},[63,293,294],{},".fibly-composer",[141,296,297],{},"The area at the bottom with the message field and the send button.",[126,299,300,305],{},[141,301,302],{},[63,303,304],{},".fibly-input",[141,306,307],{},"The message field.",[126,309,310,315],{},[141,311,312],{},[63,313,314],{},".fibly-send",[141,316,317],{},"The send button.",[126,319,320,325],{},[141,321,322],{},[63,323,324],{},".fibly-footer",[141,326,327],{},"The \"Powered by Fibly AI\" line. It isn't rendered when the footer is hidden.",[126,329,330,335],{},[141,331,332],{},[63,333,334],{},".fibly-alert",[141,336,337],{},"Every notice shown inside the conversation.",[126,339,340,345],{},[141,341,342],{},[63,343,344],{},".fibly-welcome-notice",[141,346,347,348,351],{},"The welcome notice you set in ",[15,349,350],{},"Widget settings",", shown at the start of each conversation.",[126,353,354,359],{},[141,355,356],{},[63,357,358],{},".fibly-alert-box",[141,360,361],{},"The colored box inside a notice, with its icon and text.",[126,363,364,369],{},[141,365,366],{},[63,367,368],{},".fibly-alert--info",[141,370,371],{},"The box of an informational notice.",[126,373,374,379],{},[141,375,376],{},[63,377,378],{},".fibly-alert--warning",[141,380,381],{},"The box of a warning notice.",[126,383,384,389],{},[141,385,386],{},[63,387,388],{},".fibly-sales-popup",[141,390,391],{},"The speech bubble that can appear next to the collapsed chat button.",[11,393,394],{},"Some elements carry more than one class:",[79,396,397,412],{},[47,398,399,400,402,403,405,406,408,409,87],{},"The typing indicator is displayed as a bot message, so it has\n",[63,401,234],{}," as well as ",[63,404,284],{},". A rule for\n",[63,407,234],{}," also changes the typing indicator. To leave it out,\nuse ",[63,410,411],{},".fibly-message--bot:not(.fibly-typing)",[47,413,414,415,417,418,420,421,423,424,87],{},"The welcome notice is also a notice, so it has both\n",[63,416,344],{}," and ",[63,419,334],{},". Other notices have only\n",[63,422,334],{},", even when they appear before the visitor's first\nmessage. In conversations that started before this class was introduced,\nthe welcome notice has only ",[63,425,334],{},[33,427,429],{"id":428},"variables","Variables",[11,431,432],{},"Colors, corners and shadows are defined as CSS variables. Changing a\nvariable is often simpler than overriding individual rules, because every\nelement that uses it changes at once. The defaults below are the values of\nthe Default theme; other themes change some of them.",[120,434,435,448],{},[123,436,437],{},[126,438,439,442,445],{},[129,440,441],{},"Variable",[129,443,444],{},"What it controls",[129,446,447],{},"Default",[136,449,450,463,478,493,506,519,533,548,563,575,587,602,617,632,647,662,677,692,706,721,734,747,760,773,788,803,818,833,848,863,878,892],{},[126,451,452,457,460],{},[141,453,454],{},[63,455,456],{},"--fibly-font",[141,458,459],{},"The typeface of all text in the widget.",[141,461,462],{},"the system font",[126,464,465,470,473],{},[141,466,467],{},[63,468,469],{},"--fibly-surface",[141,471,472],{},"The background of the chat window.",[141,474,475],{},[63,476,477],{},"#ffffff",[126,479,480,485,488],{},[141,481,482],{},[63,483,484],{},"--fibly-panel-bg",[141,486,487],{},"The background of the conversation area and the footer.",[141,489,490],{},[63,491,492],{},"#f9fafb",[126,494,495,500,503],{},[141,496,497],{},[63,498,499],{},"--fibly-header-bg",[141,501,502],{},"The header background.",[141,504,505],{},"your primary color",[126,507,508,513,516],{},[141,509,510],{},[63,511,512],{},"--fibly-header-text",[141,514,515],{},"The header text and icons.",[141,517,518],{},"your text color on primary",[126,520,521,526,529],{},[141,522,523],{},[63,524,525],{},"--fibly-bot-bubble-bg",[141,527,528],{},"The background of bot and team messages.",[141,530,531],{},[63,532,477],{},[126,534,535,540,543],{},[141,536,537],{},[63,538,539],{},"--fibly-bot-bubble-text",[141,541,542],{},"The text of bot and team messages.",[141,544,545],{},[63,546,547],{},"#374151",[126,549,550,555,558],{},[141,551,552],{},[63,553,554],{},"--fibly-bot-bubble-border",[141,556,557],{},"The border of bot and team messages.",[141,559,560],{},[63,561,562],{},"#f3f4f6",[126,564,565,570,573],{},[141,566,567],{},[63,568,569],{},"--fibly-customer-bubble-bg",[141,571,572],{},"The background of the visitor's messages.",[141,574,505],{},[126,576,577,582,585],{},[141,578,579],{},[63,580,581],{},"--fibly-customer-bubble-text",[141,583,584],{},"The text of the visitor's messages.",[141,586,518],{},[126,588,589,594,597],{},[141,590,591],{},[63,592,593],{},"--fibly-input-bg",[141,595,596],{},"The background of the message field.",[141,598,599],{},[63,600,601],{},"transparent",[126,603,604,609,612],{},[141,605,606],{},[63,607,608],{},"--fibly-input-text",[141,610,611],{},"The text in the message field.",[141,613,614],{},[63,615,616],{},"inherit",[126,618,619,624,627],{},[141,620,621],{},[63,622,623],{},"--fibly-link",[141,625,626],{},"Links inside messages.",[141,628,629],{},[63,630,631],{},"blue",[126,633,634,639,642],{},[141,635,636],{},[63,637,638],{},"--fibly-muted-text",[141,640,641],{},"Secondary text, such as the footer and conversation events.",[141,643,644],{},[63,645,646],{},"#9ca3af",[126,648,649,654,657],{},[141,650,651],{},[63,652,653],{},"--fibly-border-color",[141,655,656],{},"The border of the chat window and the lines above and below the message field.",[141,658,659],{},[63,660,661],{},"#e5e7eb",[126,663,664,669,672],{},[141,665,666],{},[63,667,668],{},"--fibly-border-width",[141,670,671],{},"The width of the chat window's border.",[141,673,674],{},[63,675,676],{},"1px",[126,678,679,684,687],{},[141,680,681],{},[63,682,683],{},"--fibly-radius",[141,685,686],{},"The corner rounding of the chat window.",[141,688,689],{},[63,690,691],{},"8px",[126,693,694,699,702],{},[141,695,696],{},[63,697,698],{},"--fibly-bubble-radius",[141,700,701],{},"The corner rounding of message bubbles.",[141,703,704],{},[63,705,691],{},[126,707,708,713,716],{},[141,709,710],{},[63,711,712],{},"--fibly-control-radius",[141,714,715],{},"The corner rounding of the message field and the send button.",[141,717,718],{},[63,719,720],{},"6px",[126,722,723,728,731],{},[141,724,725],{},[63,726,727],{},"--fibly-launcher-radius",[141,729,730],{},"The corner rounding of the chat button. Not set by default: the button is then slightly rounded when it shows text and round when it shows only an icon. A value you set applies to both.",[141,732,733],{},"not set",[126,735,736,741,744],{},[141,737,738],{},[63,739,740],{},"--fibly-shadow",[141,742,743],{},"The shadow of the chat window.",[141,745,746],{},"a soft, large shadow",[126,748,749,754,757],{},[141,750,751],{},[63,752,753],{},"--fibly-bubble-shadow",[141,755,756],{},"The shadow of message bubbles.",[141,758,759],{},"a very light shadow",[126,761,762,767,770],{},[141,763,764],{},[63,765,766],{},"--fibly-launcher-shadow",[141,768,769],{},"The shadow of the chat button.",[141,771,772],{},"a soft shadow",[126,774,775,780,783],{},[141,776,777],{},[63,778,779],{},"--fibly-alert-info-bg",[141,781,782],{},"The background of informational notices.",[141,784,785],{},[63,786,787],{},"#eff6ff",[126,789,790,795,798],{},[141,791,792],{},[63,793,794],{},"--fibly-alert-info-border",[141,796,797],{},"The border of informational notices.",[141,799,800],{},[63,801,802],{},"#bfdbfe",[126,804,805,810,813],{},[141,806,807],{},[63,808,809],{},"--fibly-alert-info-text",[141,811,812],{},"The text and icon of informational notices.",[141,814,815],{},[63,816,817],{},"#1d4ed8",[126,819,820,825,828],{},[141,821,822],{},[63,823,824],{},"--fibly-alert-warning-bg",[141,826,827],{},"The background of warnings.",[141,829,830],{},[63,831,832],{},"#fffbeb",[126,834,835,840,843],{},[141,836,837],{},[63,838,839],{},"--fibly-alert-warning-border",[141,841,842],{},"The border of warnings.",[141,844,845],{},[63,846,847],{},"#fde68a",[126,849,850,855,858],{},[141,851,852],{},[63,853,854],{},"--fibly-alert-warning-text",[141,856,857],{},"The text and icon of warnings.",[141,859,860],{},[63,861,862],{},"#b45309",[126,864,865,870,873],{},[141,866,867],{},[63,868,869],{},"--fibly-alert-radius",[141,871,872],{},"The corner rounding of notices.",[141,874,875,876],{},"the same as ",[63,877,698],{},[126,879,880,885,888],{},[141,881,882],{},[63,883,884],{},"--fibly-alert-border-width",[141,886,887],{},"The width of the border of notices.",[141,889,890],{},[63,891,676],{},[126,893,894,899,902],{},[141,895,896],{},[63,897,898],{},"--fibly-alert-shadow",[141,900,901],{},"The shadow of notices.",[141,903,904],{},[63,905,906],{},"none",[11,908,909,910,912,913,915,916,918],{},"Set variables on ",[63,911,69],{}," to change them for the whole widget. A value\nyou set there wins over the theme and over the advanced colors. To change a\nvariable in one place only, set it on that element instead, for example on\n",[63,914,165],{}," for the chat window or on ",[63,917,145],{}," for the chat\nbutton.",[33,920,922],{"id":921},"examples","Examples",[924,925,927],"h3",{"id":926},"a-larger-header-title","A larger header title",[929,930,935],"pre",{"className":931,"code":932,"language":933,"meta":934,"style":934},"language-css shiki shiki-themes github-dark",".fibly-header-title {\n  font-size: 18px;\n  font-weight: 600;\n}\n","css","",[63,936,937,949,969,982],{"__ignoreMap":934},[938,939,942,945],"span",{"class":940,"line":941},"line",1,[938,943,184],{"class":944},"svObZ",[938,946,948],{"class":947},"s95oV"," {\n",[938,950,952,956,959,962,966],{"class":940,"line":951},2,[938,953,955],{"class":954},"sDLfK","  font-size",[938,957,958],{"class":947},": ",[938,960,961],{"class":954},"18",[938,963,965],{"class":964},"snl16","px",[938,967,968],{"class":947},";\n",[938,970,972,975,977,980],{"class":940,"line":971},3,[938,973,974],{"class":954},"  font-weight",[938,976,958],{"class":947},[938,978,979],{"class":954},"600",[938,981,968],{"class":947},[938,983,985],{"class":940,"line":984},4,[938,986,987],{"class":947},"}\n",[924,989,991],{"id":990},"square-message-bubbles","Square message bubbles",[929,993,995],{"className":931,"code":994,"language":933,"meta":934,"style":934},".fibly-root {\n  --fibly-bubble-radius: 0;\n}\n",[63,996,997,1003,1016],{"__ignoreMap":934},[938,998,999,1001],{"class":940,"line":941},[938,1000,69],{"class":944},[938,1002,948],{"class":947},[938,1004,1005,1009,1011,1014],{"class":940,"line":951},[938,1006,1008],{"class":1007},"s9osk","  --fibly-bubble-radius",[938,1010,958],{"class":947},[938,1012,1013],{"class":954},"0",[938,1015,968],{"class":947},[938,1017,1018],{"class":940,"line":971},[938,1019,987],{"class":947},[11,1021,1022],{},"This changes the bubbles of the bot, the visitor and your team at once. To\nsquare only the visitor's messages, target them directly:",[929,1024,1026],{"className":931,"code":1025,"language":933,"meta":934,"style":934},".fibly-message--customer .fibly-bubble {\n  border-radius: 0;\n}\n",[63,1027,1028,1037,1048],{"__ignoreMap":934},[938,1029,1030,1032,1035],{"class":940,"line":941},[938,1031,244],{"class":944},[938,1033,1034],{"class":944}," .fibly-bubble",[938,1036,948],{"class":947},[938,1038,1039,1042,1044,1046],{"class":940,"line":951},[938,1040,1041],{"class":954},"  border-radius",[938,1043,958],{"class":947},[938,1045,1013],{"class":954},[938,1047,968],{"class":947},[938,1049,1050],{"class":940,"line":971},[938,1051,987],{"class":947},[924,1053,1055],{"id":1054},"a-custom-link-color","A custom link color",[929,1057,1059],{"className":931,"code":1058,"language":933,"meta":934,"style":934},".fibly-root {\n  --fibly-link: #0b7a53;\n}\n",[63,1060,1061,1067,1079],{"__ignoreMap":934},[938,1062,1063,1065],{"class":940,"line":941},[938,1064,69],{"class":944},[938,1066,948],{"class":947},[938,1068,1069,1072,1074,1077],{"class":940,"line":951},[938,1070,1071],{"class":1007},"  --fibly-link",[938,1073,958],{"class":947},[938,1075,1076],{"class":954},"#0b7a53",[938,1078,968],{"class":947},[938,1080,1081],{"class":940,"line":971},[938,1082,987],{"class":947},[11,1084,1085,1086,1089,1090,1093],{},"If you only want to change the link color, the ",[15,1087,1088],{},"Links"," field in\n",[15,1091,1092],{},"Advanced colors"," does the same without any CSS.",[33,1095,1097],{"id":1096},"stable-class-names-and-variables","Stable class names and variables",[11,1099,1100],{},"The classes and variables listed on this page are a fixed part of the\nwidget, and we keep them working when the widget changes. If we ever need\nto rename or remove one, we'll announce it in advance so you have time to\nupdate your CSS. Other class names that appear in the page source are\ninternal and can change without notice, so don't rely on them.",[33,1102,1104],{"id":1103},"after-a-plan-change","After a plan change",[11,1106,1107],{},"If you move to a plan without the Advanced level, your CSS stays saved but\nisn't applied on your site. It is applied again as soon as you return to a\nplan that includes it.",[1109,1110,1111],"style",{},"html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}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 .s9osk, html code.shiki .s9osk{--shiki-default:#FFAB70}",{"title":934,"searchDepth":951,"depth":951,"links":1113},[1114,1115,1116,1117,1118,1123,1124],{"id":35,"depth":951,"text":36},{"id":76,"depth":951,"text":77},{"id":110,"depth":951,"text":111},{"id":428,"depth":951,"text":429},{"id":921,"depth":951,"text":922,"children":1119},[1120,1121,1122],{"id":926,"depth":971,"text":927},{"id":990,"depth":971,"text":991},{"id":1054,"depth":971,"text":1055},{"id":1096,"depth":951,"text":1097},{"id":1103,"depth":951,"text":1104},"How to style the widget with your own CSS, with the full list of class names and variables you can rely on.","md","widget\u002Fcustom-css",{},true,6,"\u002Fhelp\u002Fwidget\u002Fcustom-css",{"title":5,"description":1125},"help\u002Fwidget\u002Fcustom-css","_UkM4qN7PcGSKi2TtzdrAzt8U7JiMEjh7S4Ey3wsi30",[1136,1141,1144,1150,1155,1160,1165,1170,1175,1180,1185,1190,1195,1200,1205,1210,1215,1220,1225,1230,1235,1240,1245,1250,1255,1260,1265,1270,1275,1280,1285,1290,1295,1300,1305,1310,1315,1320,1325,1330,1335,1340,1345,1350,1355,1360,1365,1370,1375,1380,1385,1391,1396,1401,1406,1411,1414,1419,1420,1425,1430,1435,1440,1446,1451,1456,1462,1467,1473,1479,1485,1490,1496,1502,1508,1514,1520,1526,1532,1538,1544,1550],{"path":1137,"title":1138,"description":1139,"order":1140,"key":1140},"\u002Fhelp\u002Fconversations\u002Fconversation-details","Conversation details","[object Object]",null,{"path":1142,"title":1143,"description":1139,"order":1140,"key":1140},"\u002Fhelp\u002Fteam-and-account\u002Ftwo-factor-authentication","Two-factor authentication",{"path":1145,"title":1146,"description":1147,"order":1148,"key":1149},"\u002Fhelp","Fibly Help Center","Guides, instructions, and answers to questions about setting up and working with Fibly day to day.",0,"index",{"path":1151,"title":1152,"description":1153,"order":941,"key":1154},"\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":1156,"title":1157,"description":1158,"order":941,"key":1159},"\u002Fhelp\u002Ftools\u002Fcalendly","Calendly","Connect Calendly so the bot can check your availability, share booking links, and book meetings during a conversation.","tools\u002Fcalendly",{"path":1161,"title":1162,"description":1163,"order":941,"key":1164},"\u002Fhelp\u002Fcustomers\u002Fcustomer-list","Customer list","How to view, filter, and search customers in the Fibly dashboard.","customers\u002Fcustomer-list",{"path":1166,"title":1167,"description":1168,"order":941,"key":1169},"\u002Fhelp\u002Fchannels\u002Femail","Email","Connect your support mailboxes to Fibly over IMAP and SMTP so incoming mail becomes tickets the bot and your team can answer.","channels\u002Femail",{"path":1171,"title":1172,"description":1173,"order":941,"key":1174},"\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":1176,"title":1177,"description":1178,"order":941,"key":1179},"\u002Fhelp\u002Finstallation\u002Fwordpress","Installing on WordPress","Three ways to add the Fibly widget to a WordPress-based site.","installation\u002Fwordpress",{"path":1181,"title":1182,"description":1183,"order":941,"key":1184},"\u002Fhelp\u002Fconversations\u002Flist-and-filters","List and filters","How to filter, sort, and find conversations in the Fibly dashboard.","conversations\u002Flist-and-filters",{"path":1186,"title":1187,"description":1188,"order":941,"key":1189},"\u002Fhelp\u002Fanalytics\u002Foverview","Overview","What the metric tiles and charts on the Fibly panel's home screen show.","analytics\u002Foverview",{"path":1191,"title":1192,"description":1193,"order":941,"key":1194},"\u002Fhelp\u002Fbilling\u002Fplans","Plans","A comparison of the Free, Starter, Professional, and Enterprise plans in Fibly, plus the available add-ons.","billing\u002Fplans",{"path":1196,"title":1197,"description":1198,"order":941,"key":1199},"\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":1201,"title":1202,"description":1203,"order":941,"key":1204},"\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":1206,"title":1207,"description":1208,"order":941,"key":1209},"\u002Fhelp\u002Fwidget\u002Fappearance","Widget appearance","How to match the colors, chat button, texts and placement of the widget to your brand.","widget\u002Fappearance",{"path":1211,"title":1212,"description":1213,"order":941,"key":1214},"\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":1216,"title":1217,"description":1218,"order":951,"key":1219},"\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":1221,"title":1222,"description":1223,"order":951,"key":1224},"\u002Fhelp\u002Fanalytics\u002Fcontrol-center","Control Center","Advanced escalation analytics, bot confidence breakdown, and recommendations in the Fibly panel.","analytics\u002Fcontrol-center",{"path":1226,"title":1227,"description":1228,"order":951,"key":1229},"\u002Fhelp\u002Fgetting-started\u002Fsign-up","Creating an account","How to sign up for Fibly yourself and what the setup wizard does after you sign up.","getting-started\u002Fsign-up",{"path":1231,"title":1232,"description":1233,"order":951,"key":1234},"\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":1236,"title":1237,"description":1238,"order":951,"key":1239},"\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":1241,"title":1242,"description":1243,"order":951,"key":1244},"\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":1246,"title":1247,"description":1248,"order":951,"key":1249},"\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":1251,"title":1252,"description":1253,"order":951,"key":1254},"\u002Fhelp\u002Fbot-configuration\u002Fmessages","Messages","How to set the bot's first message and choose one of three conversational personalities.","bot-configuration\u002Fmessages",{"path":1256,"title":1257,"description":1258,"order":951,"key":1259},"\u002Fhelp\u002Ftools\u002Fprestashop","PrestaShop","Connect PrestaShop so the bot can look up order status, product details, and stock levels for your customers during a conversation.","tools\u002Fprestashop",{"path":1261,"title":1262,"description":1263,"order":951,"key":1264},"\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":1266,"title":1267,"description":1268,"order":951,"key":1269},"\u002Fhelp\u002Fbilling\u002Fstarting-a-subscription","Starting a subscription","How to subscribe to a Fibly plan from the dashboard, what we need for the invoice, and when the first charge happens.","billing\u002Fstarting-a-subscription",{"path":1271,"title":1272,"description":1273,"order":951,"key":1274},"\u002Fhelp\u002Fwidget\u002Fwelcome-notification","Welcome notice","How to set a short notice shown to the customer at the start of every conversation.","widget\u002Fwelcome-notification",{"path":1276,"title":1277,"description":1278,"order":951,"key":1279},"\u002Fhelp\u002Fchannels\u002Fwhatsapp","WhatsApp","Connect your WhatsApp Business number so Fibly answers your customers on WhatsApp, with every chat in the same inbox.","channels\u002Fwhatsapp",{"path":1281,"title":1282,"description":1283,"order":971,"key":1284},"\u002Fhelp\u002Fcustomers\u002Fbanning","Banning customers and IP addresses","How to stop an abusive customer or visitor from writing to you, and how to lift a ban.","customers\u002Fbanning",{"path":1286,"title":1287,"description":1288,"order":971,"key":1289},"\u002Fhelp\u002Fbilling\u002Fchanging-plan","Changing your plan","How to move to a higher or lower plan in Fibly, when the change takes effect, and how the difference is charged.","billing\u002Fchanging-plan",{"path":1291,"title":1292,"description":1293,"order":971,"key":1294},"\u002Fhelp\u002Fconversations\u002Fclosing-a-conversation","Closing a conversation","How to mark finished conversations as resolved or unresolved, and why it matters.","conversations\u002Fclosing-a-conversation",{"path":1296,"title":1297,"description":1298,"order":971,"key":1299},"\u002Fhelp\u002Ftools\u002Fcustom-webhook-tools","Custom webhook tools","Turn your own HTTP API into agent tools — build connections and tools in the dashboard, then verify the signed request on your server.","tools\u002Fcustom-webhook-tools",{"path":1301,"title":1302,"description":1303,"order":971,"key":1304},"\u002Fhelp\u002Fchannels\u002Fmessenger","Facebook Messenger","Connect your Facebook Pages so Fibly replies to Messenger messages, all in the same inbox as your other channels.","channels\u002Fmessenger",{"path":1306,"title":1307,"description":1308,"order":971,"key":1309},"\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":1311,"title":1312,"description":1313,"order":971,"key":1314},"\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":1316,"title":1317,"description":1318,"order":971,"key":1319},"\u002Fhelp\u002Finstallation\u002Fwix","Installing on Wix","How to add the Fibly widget to a Wix site through the site settings panel.","installation\u002Fwix",{"path":1321,"title":1322,"description":1323,"order":971,"key":1324},"\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":1326,"title":1327,"description":1328,"order":971,"key":1329},"\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":1331,"title":1332,"description":1333,"order":971,"key":1334},"\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":1336,"title":1337,"description":1338,"order":984,"key":1339},"\u002Fhelp\u002Fconversations\u002Fai-assist","AI assist for agents","How to generate a draft reply based on your knowledge base while handling a conversation.","conversations\u002Fai-assist",{"path":1341,"title":1342,"description":1343,"order":984,"key":1344},"\u002Fhelp\u002Fbilling\u002Fadd-ons","Add-ons","How to buy extra AI credits and extra team seats, and the difference between a recurring add-on and a one-off credit purchase.","billing\u002Fadd-ons",{"path":1346,"title":1347,"description":1348,"order":984,"key":1349},"\u002Fhelp\u002Fteam-and-account\u002Fchanging-password","Changing your password","How to update the password for your Fibly account.","team-and-account\u002Fchanging-password",{"path":1351,"title":1352,"description":1353,"order":984,"key":1354},"\u002Fhelp\u002Fwidget\u002Fenabling-and-disabling","Enabling and disabling the widget","How to temporarily hide the chat button on your site.","widget\u002Fenabling-and-disabling",{"path":1356,"title":1357,"description":1358,"order":984,"key":1359},"\u002Fhelp\u002Fchannels\u002Finstagram","Instagram","Connect your Instagram Professional account so Fibly replies to Instagram direct messages, all from one inbox.","channels\u002Finstagram",{"path":1361,"title":1362,"description":1363,"order":984,"key":1364},"\u002Fhelp\u002Finstallation\u002Fprestashop","Installing on PrestaShop","How to install the official Fibly module in a PrestaShop store.","installation\u002Fprestashop",{"path":1366,"title":1367,"description":1368,"order":984,"key":1369},"\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":1371,"title":1372,"description":1373,"order":984,"key":1374},"\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":1376,"title":1377,"description":1378,"order":984,"key":1379},"\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":1381,"title":1382,"description":1383,"order":984,"key":1384},"\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":1386,"title":1387,"description":1388,"order":1389,"key":1390},"\u002Fhelp\u002Fbilling\u002Fcancelling-and-resuming","Cancelling and resuming","How to cancel your Fibly subscription, what happens until the end of the paid period, and how to resume before it ends.",5,"billing\u002Fcancelling-and-resuming",{"path":1392,"title":1393,"description":1394,"order":1389,"key":1395},"\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":1397,"title":1398,"description":1399,"order":1389,"key":1400},"\u002Fhelp\u002Finstallation\u002Fsquarespace","Installing on Squarespace","How to embed the Fibly widget on a Squarespace site through the \"Code Injection\" section.","installation\u002Fsquarespace",{"path":1402,"title":1403,"description":1404,"order":1389,"key":1405},"\u002Fhelp\u002Fbot-configuration\u002Flanguages","Languages","Which languages Fibly supports (Polish, English, German) and how to set up a multilingual bot, widget, and knowledge base.","bot-configuration\u002Flanguages",{"path":1407,"title":1408,"description":1409,"order":1389,"key":1410},"\u002Fhelp\u002Fknowledge-base\u002Fprerequisites","Prerequisites","How to link knowledge base articles into groups that your Fibly bot reads together.","knowledge-base\u002Fprerequisites",{"path":29,"title":30,"description":1412,"order":1389,"key":1413},"What each plan lets you change in the widget's style, including themes, fonts, the Fibly footer, per-element colors and corner rounding.","widget\u002Fcustomization",{"path":1415,"title":1416,"description":1417,"order":1130,"key":1418},"\u002Fhelp\u002Fknowledge-base\u002Fcontent-quality","Content quality","How Fibly automatically assesses knowledge base articles and what each status means.","knowledge-base\u002Fcontent-quality",{"path":1131,"title":5,"description":1125,"order":1130,"key":1127},{"path":1421,"title":1422,"description":1423,"order":1130,"key":1424},"\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":1426,"title":1427,"description":1428,"order":1130,"key":1429},"\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":1431,"title":1432,"description":1433,"order":1130,"key":1434},"\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":1436,"title":1437,"description":1438,"order":1130,"key":1439},"\u002Fhelp\u002Fbilling\u002Ffailed-payments","When a payment fails","What happens when a card charge is declined, how long we keep retrying, and what to do to restore the subscription.","billing\u002Ffailed-payments",{"path":1441,"title":1442,"description":1443,"order":1444,"key":1445},"\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":1447,"title":1448,"description":1449,"order":1444,"key":1450},"\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":1452,"title":1453,"description":1454,"order":1444,"key":1455},"\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":1457,"title":1458,"description":1459,"order":1460,"key":1461},"\u002Fhelp\u002Fknowledge-base\u002Fsync-from-url","Sync an article from a URL","How to keep a knowledge base article up to date automatically by fetching its content from a public URL.",8,"knowledge-base\u002Fsync-from-url",{"path":1463,"title":1464,"description":1465,"order":1460,"key":1466},"\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":1468,"title":1469,"description":1470,"order":1471,"key":1472},"\u002Fhelp\u002Fbilling\u002Finvoices","Invoices and payments","The difference between a payment record and a VAT invoice, when we issue the invoice, and how to download the PDF.",9,"billing\u002Finvoices",{"path":1474,"title":1475,"description":1476,"order":1477,"key":1478},"\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":1480,"title":1481,"description":1482,"order":1483,"key":1484},"\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":1486,"title":20,"description":1487,"order":1488,"key":1489},"\u002Fhelp\u002Fwidget","How to customize the appearance, content, and behavior of the chat widget on your website.",25,"widget\u002Findex",{"path":1491,"title":1492,"description":1493,"order":1494,"key":1495},"\u002Fhelp\u002Fchannels","Channels","Connect Fibly to the places your customers already write to you — web chat, email, WhatsApp, Facebook Messenger, and Instagram — and answer everything from one inbox.",28,"channels\u002Findex",{"path":1497,"title":1498,"description":1499,"order":1500,"key":1501},"\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":1503,"title":1504,"description":1505,"order":1506,"key":1507},"\u002Fhelp\u002Ftools","Tools","Connect tools so your bot can take actions during a conversation — like checking availability and booking meetings with Calendly.",32,"tools\u002Findex",{"path":1509,"title":1510,"description":1511,"order":1512,"key":1513},"\u002Fhelp\u002Fconversations","Conversations","How to browse, filter, and analyze customer conversations with the bot and your team.",35,"conversations\u002Findex",{"path":1515,"title":1516,"description":1517,"order":1518,"key":1519},"\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":1521,"title":1522,"description":1523,"order":1524,"key":1525},"\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":1527,"title":1528,"description":1529,"order":1530,"key":1531},"\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":1533,"title":1534,"description":1535,"order":1536,"key":1537},"\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":1539,"title":1540,"description":1541,"order":1542,"key":1543},"\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":1545,"title":1546,"description":1547,"order":1548,"key":1549},"\u002Fhelp\u002Fbilling","Billing","How plans, AI credits, team seats, and invoices work in Fibly.",65,"billing\u002Findex",{"path":1551,"title":1552,"description":1553,"order":1554,"key":1555},"\u002Fhelp\u002Ftroubleshooting","Troubleshooting","Diagnosing the most common issues with the widget and the Fibly dashboard.",999,"troubleshooting\u002Findex",1791970487647]