HELP FILE

Set up a chat invitation

A chat invitation defines the actual interface seen by customers upon invitation. Invitations can be customized in a number of ways.

  1. Create or edit a chat invitation, as follows:
    1. At admin.bold360.com, go to Customers > Custom Invitations. The Custom Invitations page is displayed.
    2. On the Custom Invitations page, select an existing item or click Create New.

    The Create/Edit Chat Invitation page is displayed.

  2. Name the invitation. This is for internal reference and is not seen by customers.
  3. Choose an Invite Type:
    • Simple Image displays a basic image to the customers that they click to initiate chat.
    • Chat Form displays a chat invitation that is structured like a chat window chat form.
    • Pre-Chat Form displays a chat invitation that is structured like a chat window pre-chat form.
    • JavaScript provides flexibility by allowing you to craft a JavaScript function that will be called when rule criteria are met.
  4. Set animation options:
    • Animation Duration sets the length of time (in seconds) that the chat invitation is displayed to the customer. For animated invitations, this controls how fast the invitation will move across the browser.
    • Animation Type > Left To Right starts the chat invitation at or near the left edge of the customer's browser and animates it across to the right edge of the browser.
    • Animation Type > Right to Left starts the chat invitation at or near the right edge of the customer's browser and animates it across to the left edge of the browser.
    • Animation Type > No Animation - Plain instantly displays the chat invitation in the customer's browser.
    • Animation Type > No Animation - Fade-In makes the chat invitation appear gradually (as opposed to making it appear instantly)
  5. Under Box Width and Box Height you can set the invitation's width and height in pixels.
  6. Under Position you can define the invitation's initial relative location on the customer's browser window.
    Option Description
    Browser Window With this option, the invitation starts in the defined position on the viewable browser window. As the customer scrolls up/down, the page content moves up/down, but the invitation stays in its defined position.
    • Vertical Alignment (or offset) is the relative position from the top edge of the viewable browser window. This number must be greater than 0.
    • Horizontal Alignment (or offset) is the relative position from the left edge of the viewable browser window. This number must be greater than 0.
    HTML Document With this option, the invitation starts in the defined position on the HTML page. As the customer scrolls up/down, the invitation moves up/down along with all other page content.
    • Top is the relative vertical position down from the top of the HTML page. This number must be >= 0
    • Center is the relative vertical position from the center of the HTML page. A negative value indicates a relative distance above the vertical center, while a positive value indicates a relative distance below the vertical center. The value 0 represents the center.
    • Bottom is the relative vertical position up from the bottom of the HTML page. This number must be greater than 0.
    • Left is the relative horizontal position in from the left edge of the HTML page. This number must be >= 0
    • Center is the relative horizontal position from the center of the HTML page. A negative value indicates a relative distance to the left of the horizontal center, while a positive value indicates a relative distance to the right of the horizontal center. The value 0 represents the center.
    • Right is the relative horizontal position from the right edge of the HTML page. This number must be greater than 0.
  7. Under Custom Window, choose the chat window to associate with the invitation.
  8. On the Parameters tab you can customize the invitation's design, text, and more.
  9. On the Advanced (HTML) tab you can directly edit the invitation's HTML to achieve a finer level of customization.
    Tip: Editing HTML can result in a broken invitation!
  10. On the Mobile tab you can set up a mobile-friendly version of the invitation.
    • To never use a mobile-friendly invitation and always show the desktop invitation to all customers regardless of device type, select Never.
    • To show a mobile-friendly invitation to customers who are detected as mobile users, select On Mobile Devices.
    • To show the mobile-friendly invitation to all customers regardless of device type, select For All Computers and Mobile Devices.
  11. Save your changes.
Remember: To put your invitation into use, you must associate it with rules or some other type of invitation (for example, after a delay or for chat recovery).