{"id":2182,"date":"2023-08-28T13:46:22","date_gmt":"2023-08-28T13:46:22","guid":{"rendered":"https:\/\/sallythings.co.za\/help\/?post_type=kbx_knowledgebase&p=2182"},"modified":"2023-08-28T13:57:05","modified_gmt":"2023-08-28T13:57:05","slug":"embeddable-remote-chat-basics","status":"publish","type":"kbx_knowledgebase","link":"https:\/\/sallythings.co.za\/help\/sally-help\/embeddable-remote-chat-basics\/","title":{"rendered":"Embeddable Remote Chat: Basics"},"content":{"rendered":"

What is Remote Chat?<\/strong><\/p>\n

Embeddable Remote Chat allows you to create and configure a chat that you can install on any 3rd party website. You\u2019ll be able to completely control how the chat experience looks and feels complete with custom colors, logos, icons, and text labels.<\/p>\n

This is easy to set up and configure with a full set of no-code options.\u00a0You can configure as many Remote Chat instances as you need in case you have multiple Websites and\/or Landing Pages.<\/p>\n

*Embeddable Remote Chat is only available with the\u00a0<\/strong>PRIME Bundle\u00a0Power-Up<\/p>\n

How do I use Remote Chat?<\/strong><\/p>\n

You can access the\u00a0Chat\u00a0<\/strong>pane anywhere on the platform by the\u00a0\u00a0icon in the\u00a0top right-hand corner of your screen.<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/639caaad014b016b03f0796b\/file-aTNFgUcBak.png\"<\/p>\n

You will then click\u00a0Settings & Tools<\/strong>\u00a0at the very bottom of the Chat. This will open up Chat Tools where you can select\u00a0Embeddable Remote Chat<\/strong>.<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/639cab12014b016b03f0796c\/file-pTJrLCHFTb.png\" \"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/639cab51816c5914d3b2ce9b\/file-TA5ZdIPw8N.png\"<\/p>\n

If you have already set up a Remote Chat you will see those listed here. To start a new chat click the\u00a0+<\/strong>\u00a0button.<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/639cabc6b17d9442513ca8b2\/file-IMhb2UjqLl.png\"<\/p>\n

This will open up all of the options available to you with Remote Embeddable Chat. There is a toggle to set the Chat Active or Inactive. This gives you the freedom to set up a Chat for use later on or to choose when you want the Chat to be available. Right next to that trigger there is a button for you to copy the embed code. This is what you will use to embed the Chat on your website.<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/639caca82e586565571c2271\/file-lfKf6LlGRR.png\"<\/em><\/strong><\/p>\n

REMOTE CHAT DETAILS<\/em><\/strong><\/p>\n

Select Remote Chat details to set the title and customize your chat. The customizations that are required will have a red star next to them. You will not be able to save your chat unless those selections have been made.<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/639cad78b17d9442513ca8b5\/file-5vR4bLJlXg.png\"<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/639cae0e8527f140b63ed9ac\/file-9oCwNa3M2a.png\"<\/em><\/strong><\/p>\n

APPEARANCE & EMBED OPTIONS<\/em><\/strong><\/p>\n

Here you can customize the colors and icons for your chat.<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/639cae6a8527f140b63ed9ad\/file-JwumXo2wiY.png\"<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/639caebb8527f140b63ed9ae\/file-6wrqwg5Axd.png\"<\/p>\n

ASSIGN STAFF \/ TEAM(S)<\/em><\/strong><\/p>\n

Select which Staff members and\/or Teams will be able to interact with the chat.<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/639caf7b014b016b03f0796e\/file-ocPiIxwiFH.png\"<\/em><\/strong><\/p>\n

ADVANCED OPTIONS<\/em><\/strong><\/p>\n

If you want to unlock even more customization you can open up Advanced Options.<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/639cafbd816c5914d3b2cea3\/file-JVHchZ4tEk.png\"<\/p>\n

Once you have all of your settings configured make sure to click\u00a0Save Settings<\/strong>\u00a0at the bottom of the screen. You’ll see you also have the option to delete Chats by clicking the trash can icon.<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/639cb0c3014b016b03f07972\/file-Rx9gIX49qh.png\"<\/p>\n

Now that the chat is ready to go it’s time to embed it on a webpage. Click to copy the\u00a0Embed Code<\/strong>. Your generated script will pop up allowing you to copy it. You can click the actual script to do this or select\u00a0Copy Scripts.\u00a0<\/strong>You will use this script to embed the chat on a webpage.<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/639cb1d6014b016b03f07973\/file-RCqOm9x7iN.png\"<\/p>\n

How Do I Send a Form via Remote Chat?<\/strong><\/p>\n

First, you will join the chat by clicking\u00a0Join Channel<\/strong>.<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/63e5333c8ae59c3643e34290\/file-0AY3GLokVx.png\"<\/p>\n

Then, you will click the Form icon a the bottom of the chat.<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/63e5332ad2459a27d10c9173\/file-gZtBXRlm1M.png\"<\/p>\n

This will pull up a list of all Kickoff and General Forms that are currently in your account.<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/63e53362f5e6e535e1a967b9\/file-3iQP9ZPVU3.png\"<\/p>\n

Select which Forms you would like to send by clicking the check box. You can send multiple Forms at a time. Clicking Send will not automatically send them, but it will add these Forms to the chat. This allows you to double-check what you are sending before they go out.<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/63e533d48ae59c3643e34291\/file-a0xEKZpoOT.png\"<\/p>\n

After sending the chat with the Forms they will show up as links that your customer can click.<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/63e53462f19b3c454741da17\/file-orrslhSkQi.png\"<\/p>\n

Here is an example of what this looks like from the customer side:<\/p>\n

\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/5c7ef84204286350d088abbb\/images\/63e5349cd2459a27d10c9176\/file-JWHLXPqihA.png\"<\/p>\n","protected":false},"excerpt":{"rendered":"

What is Remote Chat? Embeddable Remote Chat allows you to create and configure a chat that you can install on any 3rd party website. You\u2019ll be able to completely control how the chat experience looks and feels complete with custom colors, logos, icons, and text labels. This is easy to set up and configure with […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"closed","template":"","kbx_category":[28,40],"kbx_tag":[],"class_list":["post-2182","kbx_knowledgebase","type-kbx_knowledgebase","status-publish","hentry","kbx_category-communication","kbx_category-default-section"],"_links":{"self":[{"href":"https:\/\/sallythings.co.za\/help\/wp-json\/wp\/v2\/kbx_knowledgebase\/2182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sallythings.co.za\/help\/wp-json\/wp\/v2\/kbx_knowledgebase"}],"about":[{"href":"https:\/\/sallythings.co.za\/help\/wp-json\/wp\/v2\/types\/kbx_knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/sallythings.co.za\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sallythings.co.za\/help\/wp-json\/wp\/v2\/comments?post=2182"}],"version-history":[{"count":1,"href":"https:\/\/sallythings.co.za\/help\/wp-json\/wp\/v2\/kbx_knowledgebase\/2182\/revisions"}],"predecessor-version":[{"id":2202,"href":"https:\/\/sallythings.co.za\/help\/wp-json\/wp\/v2\/kbx_knowledgebase\/2182\/revisions\/2202"}],"wp:attachment":[{"href":"https:\/\/sallythings.co.za\/help\/wp-json\/wp\/v2\/media?parent=2182"}],"wp:term":[{"taxonomy":"kbx_category","embeddable":true,"href":"https:\/\/sallythings.co.za\/help\/wp-json\/wp\/v2\/kbx_category?post=2182"},{"taxonomy":"kbx_tag","embeddable":true,"href":"https:\/\/sallythings.co.za\/help\/wp-json\/wp\/v2\/kbx_tag?post=2182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}