From Bright Pattern Documentation
Jump to: navigation, search
 
(Marked this version for translation)
 
Line 1: Line 1:
<translate>= User Interface Overview=
+
<translate>= User Interface Overview= <!--T:1-->
 
The five main parts of the Chat Widget Configuration application are:
 
The five main parts of the Chat Widget Configuration application are:
 
* Chat Styling
 
* Chat Styling
Line 7: Line 7:
 
* In-Scenario and Manually-Sent Forms
 
* In-Scenario and Manually-Sent Forms
  
 +
<!--T:2-->
 
The properties for each of these parts are edited and previewed in the Chat Widget Configuration application. The user interface comprises two main parts: the Properties pane on the left, and the Preview area on the right.
 
The properties for each of these parts are edited and previewed in the Chat Widget Configuration application. The user interface comprises two main parts: the Properties pane on the left, and the Preview area on the right.
  
  
 +
<!--T:3-->
 
[[File:Chat-Widget-UI-50.PNG|800px|thumbnail|center|Chat Widget Configuration application]]
 
[[File:Chat-Widget-UI-50.PNG|800px|thumbnail|center|Chat Widget Configuration application]]
  
  
== Name ==
+
== Name == <!--T:4-->
 
The ''Name'' field is where you enter the unique name of the chat widget or form that you are editing. This field appears at the top of the screen when you are working on any widget or form that is not Chat Styling.
 
The ''Name'' field is where you enter the unique name of the chat widget or form that you are editing. This field appears at the top of the screen when you are working on any widget or form that is not Chat Styling.
  
  
 +
<!--T:5-->
 
[[File:Chat-Name-50.PNG|350px|thumbnail|center|Name field]]
 
[[File:Chat-Name-50.PNG|350px|thumbnail|center|Name field]]
  
  
== Properties ==
+
== Properties == <!--T:6-->
 
Editable properties for each chat widget or form appear on the left side of the screen. Any changes you make to these properties will be reflected in the preview pane on the right, allowing you to see the properties in action.
 
Editable properties for each chat widget or form appear on the left side of the screen. Any changes you make to these properties will be reflected in the preview pane on the right, allowing you to see the properties in action.
  
 +
<!--T:7-->
 
Some widgets and forms have more than one set of properties to edit, and these appear as tabs in the Properties pane. You may click on each tab to expand or collapse the properties.
 
Some widgets and forms have more than one set of properties to edit, and these appear as tabs in the Properties pane. You may click on each tab to expand or collapse the properties.
  
  
 +
<!--T:8-->
 
[[File:Multi-Tab-Chat-50.PNG|650px|thumbnail|center|Properties]]
 
[[File:Multi-Tab-Chat-50.PNG|650px|thumbnail|center|Properties]]
  
  
== Preview URL ==
+
== Preview URL == <!--T:9-->
 
You can enter the URL of your website in the ''Preview URL'' field. Doing so will show you how your customized chat widget will look on your own website.
 
You can enter the URL of your website in the ''Preview URL'' field. Doing so will show you how your customized chat widget will look on your own website.
  
=== How to Use Preview URL ===
+
=== How to Use Preview URL === <!--T:10-->
 
# Type the URL of your website.<br /><br />[[File:Preview-URL-316.PNG|650px|thumbnail|center|Type the URL of your website to see the chat widget as it would appear on your site]]<br /><br />
 
# Type the URL of your website.<br /><br />[[File:Preview-URL-316.PNG|650px|thumbnail|center|Type the URL of your website to see the chat widget as it would appear on your site]]<br /><br />
 
# Click '''Apply'''.<br /><br />
 
# Click '''Apply'''.<br /><br />
Line 38: Line 43:
  
  
 +
<!--T:11-->
 
The chat widget and the webpage should then be shown in the preview pane. If you do not see the chat widget, the top of the preview pane will display the following message in red: "Chat widget not found!"
 
The chat widget and the webpage should then be shown in the preview pane. If you do not see the chat widget, the top of the preview pane will display the following message in red: "Chat widget not found!"
  
 +
<!--T:12-->
 
Try refreshing the browser page and entering the URL again.
 
Try refreshing the browser page and entering the URL again.
  
  
== Save ==
+
== Save == <!--T:13-->
 
Be sure to click '''Save''' to save your changes to the properties. If you don't do this, you will have to open the page and redo your work.
 
Be sure to click '''Save''' to save your changes to the properties. If you don't do this, you will have to open the page and redo your work.
  
 +
<!--T:14-->
 
Clicking '''Cancel''' will close the Chat Widget Configuration application, without saving changes.
 
Clicking '''Cancel''' will close the Chat Widget Configuration application, without saving changes.
  
  
 +
<!--T:15-->
 
[[File:Chat-Save-Cancel-50.PNG|350px|thumbnail|center|Save / Cancel buttons]]
 
[[File:Chat-Save-Cancel-50.PNG|350px|thumbnail|center|Save / Cancel buttons]]
  

Latest revision as of 23:31, 11 May 2020

Other languages:
English • ‎日本語
• 5.2 • 5.3 • 5.8

User Interface Overview

The five main parts of the Chat Widget Configuration application are:

  • Chat Styling
  • Chat Initiation via Contact Tabs
  • Proactive Offers
  • On-page Initiation Forms
  • In-Scenario and Manually-Sent Forms

The properties for each of these parts are edited and previewed in the Chat Widget Configuration application. The user interface comprises two main parts: the Properties pane on the left, and the Preview area on the right.


Chat Widget Configuration application


Name

The Name field is where you enter the unique name of the chat widget or form that you are editing. This field appears at the top of the screen when you are working on any widget or form that is not Chat Styling.


Name field


Properties

Editable properties for each chat widget or form appear on the left side of the screen. Any changes you make to these properties will be reflected in the preview pane on the right, allowing you to see the properties in action.

Some widgets and forms have more than one set of properties to edit, and these appear as tabs in the Properties pane. You may click on each tab to expand or collapse the properties.


Properties


Preview URL

You can enter the URL of your website in the Preview URL field. Doing so will show you how your customized chat widget will look on your own website.

How to Use Preview URL

  1. Type the URL of your website.

    Type the URL of your website to see the chat widget as it would appear on your site


  2. Click Apply.

  3. A dialog will ask, "Do you see the site content?" Click Yes if you see a webpage displayed in the preview pane, or click No if you see a white background. (Note: You may need to wait a few seconds for the page to load.)

    Do you see the site content?


The chat widget and the webpage should then be shown in the preview pane. If you do not see the chat widget, the top of the preview pane will display the following message in red: "Chat widget not found!"

Try refreshing the browser page and entering the URL again.


Save

Be sure to click Save to save your changes to the properties. If you don't do this, you will have to open the page and redo your work.

Clicking Cancel will close the Chat Widget Configuration application, without saving changes.


Save / Cancel buttons



< Previous | Next >