Differences

This shows you the differences between two versions of the page.

--- admin:online-platform-cms:3rd-party-scripts:freshchat [2020/06/17 06:47] – algirdas-matas
+++ admin:online-platform-cms:3rd-party-scripts:freshchat [2021/08/31 08:41] – https://advbet.slack.com/archives/CKK5LEACA/p1630399117020800 algirdas-matas
@@ Line 9: / Line 9: @@
   function initFreshChat() {
     window.fcWidget.init({
+      config: {
+        "cssNames": {
+          "widget": "custom_fc_frame"
+        }
+      },
       token: freshchattoken,
       host: freshchathost
@@ Line 16: / Line 21: @@
   document.body.addEventListener("userLogIn", function(e){
-    const user = e.detail;
+    var user = e.detail;
     window.fcWidget.setExternalId(user.id);
     window.fcWidget.user.setFirstName(user.displayName);
@@ Line 30: / Line 35: @@
 </code>
+To move the chat widget around, add this to FOOTER CONTENT:
+<code>
+<style>
+.custom_fc_frame {
+  margin: a b c d
+}
+.custom_fc_frame.fc-open { margin: 0 }
+</style>
+</code>
+where
+a - move down
+b - move left
+c - move up
+d - move right
+certain amount of pixels, e.g. `margin: 0 10px 10px 0` -> moves widget upwards and to the left in 10px both.