{"id":156,"date":"2019-09-04T21:42:09","date_gmt":"2019-09-05T04:42:09","guid":{"rendered":"https:\/\/www.botco.ai\/help\/?page_id=156"},"modified":"2019-10-17T14:13:41","modified_gmt":"2019-10-17T21:13:41","slug":"home","status":"publish","type":"page","link":"https:\/\/www.botco.ai\/help\/","title":{"rendered":"Home"},"content":{"rendered":"
\n\t

Botco.ai Help Documentation<\/h1>\t\t\t\t\t
\n\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div><\/div><\/div><\/div><\/div><\/div>
\n\t

1.0 BLOCKS<\/h1>\t\t\t\t\t
\n\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div><\/div><\/div>
\n
\n\t
1.1.1 Blocks: What is a Block?\u00a0<\/b><\/h5>\n

A Block is a visual representation of an Intent. Blocks are an essential part of how we structure a conversation, and like their name, they are the building blocks and foundation of a successful Bot dialogue. Blocks are made up of a series of Cards that have enhanced features and functionality. Blocks are built within the Script GUI.<\/span><\/p>\n

See: <\/span>8.1.1\u00a0 INTENTS: What is the Intent?<\/span><\/a><\/p>\n

1.1.2 Blocks: When do I use a Block?<\/b><\/h5>\n

A Block is used when you wish to add enhanced functionality to your Conversation. This is done from the Script GUI using Cards found in the Card Tray.\u00a0<\/span><\/p>\n

1.1.3 Blocks: What is the difference between Blocks and Cards?\u00a0<\/b><\/h5>\n

Cards are the components of a Block. Blocks are made of one or more cards from the card tray on the left-hand side of the Script GUI.\u00a0<\/span><\/p>\n

1.1.4 Blocks: What is the difference between a Block and an Intent?\u00a0<\/b><\/h5>\n

Blocks are built in the Script GUI Section and can include enhanced functionality using the cards found in the Card Tray. Intents are text-based and built in the Language Processing Section. Otherwise, Intents and Blocks are interchangeable within a conversation.<\/span><\/p>\n

1.1.5 Blocks: What are Generic Blocks?\u00a0<\/b><\/h5>\n

Generic Blocks are a set of predetermined blocks with specific functionality that give you a headstart on your conversation. <\/span>Generic blocks are easy to edit.\u00a0<\/span><\/p>\n

The Generic Blocks section contains a Welcome Message, Default Message and Persistent Nav. You will also be able to add a second Default Message with a context, an Account Link Block and an Account Unlink Block.\u00a0<\/span><\/p>\n

See:<\/span> 7.0 GENERIC BLOCKS\u00a0<\/span><\/a><\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>

\n\t

2.0 SCRIPT GUI<\/h1>\t\t\t\t\t
\n\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div><\/div><\/div>
\n
\n\t
2.1.1 GUI: What is the Script GUI?<\/b><\/h5>\n

The Script GUI is the user-friendly area where you can quickly access everything you need to build an engaging and meaningful conversation with your audience using Blocks and Cards.\u00a0<\/span><\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>

\n\t

3.0 CARDS <\/h1>\t\t\t\t\t
\n\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div><\/div><\/div>
\n
\n\t
3.1.1 Cards: What is a Card?<\/b><\/h5>\n

A Card is an element of a Block with prebuilt functionality to simplify the building experience of a conversation, as well as enhance your interactions with the user. Cards are added to blocks in order to create a conversation. There are ten essential Cards to become familiar with, each card has a unique purpose.<\/span><\/p>\n

See the corresponding section to familiarize yourself with each Card.\u00a0<\/span><\/p>\n

3.2.1 Text Card: Why use a Text Card?<\/span><\/a><\/p>\n

3.3.1 Image Card: Why use an Image Card?<\/span><\/a><\/p>\n

3.4.1 Quick Reply Card: Why use a Quick Reply Card?<\/span><\/a><\/p>\n

3.5.1 Delay Card: Why use a Delay Card?<\/span><\/a><\/p>\n

3.6.1 Carousel Card: Why use a Carousel Card?<\/span><\/a><\/p>\n

3.7.1 Video Card: Why use a Video Card?<\/span><\/a><\/p>\n

4.1.1 API Card: Why use an API Card?<\/span><\/a><\/p>\n

4.2.1 Go To Card: Why use a Go To Card?<\/span><\/a><\/p>\n

4.3.2 Set Attribute Card: Why use a Set Attribute Card?<\/span><\/a><\/p>\n

4.4.1 Hand Over Card: Why use a Hand Over Card?<\/span><\/a><\/p>\n

3.2.1 Text Card: Why use a Text Card?<\/b><\/h5>\n

A Text Card uses Simple Text to build a conversational rapport with the client. This is the foundation of the chat experience.<\/span><\/p>\n

3.2.2 Text Card: What do I need to know when planning content for a Text Card?<\/b><\/h5>\n

The text portion of a Text Card is limited to 400 characters. You can also add up to three Buttons to each Text Card.\u00a0<\/span><\/p>\n

3.2.3 Text Card: How do I Create\/Add a Text Card?\u00a0<\/b><\/h5>\n

To Create\/Add a Text Card start in the Script GUI.\u00a0\u00a0<\/span><\/p>\n

Steps<\/b><\/p>\n

    \n
  1. Using the Card Tray on the left-hand side of the screen, click on the Text Card icon. A new Text Card will appear as the last card in the Script Block you are building.<\/span><\/li>\n
  2. The Text input box will be active. Type to add the desired text. The character count will decrease as the text is entered, allowing you to know how many characters you have remaining. Text is limited to 400 characters.<\/span><\/li>\n<\/ol>\n
      \n
    1. Save your work. You will find <\/span>Save<\/b> in the top right-hand corner of the screen. It\u2019s a good idea to make a habit of saving your work every time you add to or change anything in your script.<\/span><\/li>\n
    2. You can check your work by clicking Preview in the Right-Side Panel. Your new Text Card will appear in the Preview Pane with the content you have added.<\/span><\/li>\n<\/ol>\n
      3.2.4 Text Card: Why Add a Button to a Text Card?<\/b><\/h5>\n

      Buttons are a simple way for your client to engage. Buttons are highly versatile and valuable to your chat experience. They can be used to navigate your client to a URL or Login, or to dial a phone number, or to share information on a social media platform. You can include up to three Buttons per Text Card.\u00a0<\/span><\/p>\n

      3.2.5 Text Card: How do I add a Button to a Text Card?\u00a0<\/b><\/h5>\n

      See the corresponding section for the Button you wish to add to your Text Card.\u00a0<\/span><\/p>\n

      Block Button - <\/b>will take the user to another block in the Conversation using a button from within the message they receive.\u00a0<\/span><\/p>\n

      5.2.1 Buttons: How do I add a Block Button?\u00a0<\/span><\/a><\/p>\n

      URL Button -\u00a0 <\/b>will directly link your user to an outside URL using a button from within the message they receive.\u00a0<\/span><\/p>\n

      5.2.2 Buttons: How do I add a URL Button?<\/span><\/a><\/p>\n

      Phone Number Button - <\/b>\u00a0will dial the associated phone number using a button from within the message they receive.\u00a0<\/span><\/p>\n

      5.2.3 Buttons: How do I add a Phone Number Button?\u00a0<\/span><\/a><\/p>\n

      Facebook Login Button -\u00a0 <\/b>will directly link the user to Facebook Login using a button from within the message they receive.\u00a0<\/span><\/p>\n

      5.2.4 Buttons: How do I add a Facebook Login Button?<\/span><\/a><\/p>\n

      Facebook Log Out Button - <\/b>will directly link the user to Facebook Log Out using a button from within the message they receive.\u00a0<\/span><\/p>\n

      5.2.5 Buttons: How do I add a Facebook Log Out Button?<\/span>
      \n<\/span><\/a><\/p>\n

      3.3.1 Image Card: Why use an Image Card?<\/b><\/h5>\n

      An Image Card allows you to add an image to your Conversation.\u00a0<\/span><\/p>\n

      3.3.2 Image Card: How do I Create\/Add an Image Card?\u00a0<\/b><\/h5>\n

      To Create\/Add an Image Card start in the Script GUI.\u00a0\u00a0<\/span><\/p>\n

      Steps<\/b><\/p>\n

        \n
      1. Using the Card Tray on the left-hand side of the screen, click on the Image Card icon. A new Image Card will appear as the last card in the Script Block you are building.<\/span><\/li>\n
      2. Click on the Upload Image icon in the Image Card, a new window will appear.<\/span><\/li>\n
      3. You will have the option to either upload an image from your computer or link to an image using a direct URL.<\/span><\/li>\n<\/ol>\n

        Add an image using a URL<\/b><\/p>\n

          \n
        1. Click in the input box under <\/span>Link to Image<\/b>, the input box will become active. Add the URL for your desired image.<\/span><\/li>\n
        2. Click <\/span>Save<\/b> to add the image. The Upload Image window will close.\u00a0<\/span><\/li>\n<\/ol>\n

          Upload an Image from your computer<\/b>\u00a0<\/span><\/p>\n

            \n
          1. Click directly on \u2018Browse your Files\u2019 next to the upload icon. This will open a second window enabling you to browse the files on your computer.\u00a0<\/span><\/li>\n
          2. Locate and select an image\/file from your computer. Click on the file to ensure it is selected (highlighted).\u00a0<\/span><\/li>\n
          3. Click the Open button in the bottom right-hand corner of the window. This will close the window and begin the uploading process.\u00a0<\/span><\/li>\n
          4. Click <\/span>Save<\/b> to add the image. This window will close.\u00a0<\/span><\/li>\n
          5. Save your work. You will find <\/span>Save<\/b> in the top right-hand corner of the screen. It\u2019s a good idea to make a habit of saving your work every time you add to or change anything in your script.<\/span><\/li>\n
          6. You can check your work by clicking Preview in Right-Side Panel. Your new Image Card will appear in the Preview Pane with the image you have added.<\/span><\/li>\n<\/ol>\n
            3.3.3 Image Card: How do I Delete an Image from an Image Card?<\/b><\/h5>\n

            To Delete an Image from an Image Card, start in the Script GUI.<\/span><\/p>\n

            Steps<\/b><\/p>\n

              \n
            1. Place your cursor over the image you wish to Delete. You will see a Delete icon appear in the top right-hand corner of the image block.<\/span><\/li>\n
            2. Click on the Delete icon to remove the image from the card.<\/span><\/li>\n
            3. You may now add a new image to the Image Card. Follow Steps 2 - 8 <\/span>3.3.2 Image Card: How do I Create\/Add an Image Card?<\/b>\u00a0<\/span><\/a><\/li>\n<\/ol>\n

              3.4.1 Quick Reply Card: Why use a Quick Reply Card?<\/b>
              \n<\/b>Quick Reply cards are a simple way to guide the end-users conversation. Using an efficient reply system the user can select from the options provided to them within the message.\u00a0<\/span><\/p>\n

              3.4.2 Quick Reply Card: How do I Create\/Add a Quick Reply Card - Text?\u00a0<\/b><\/h5>\n

              To Create\/Add a Quick Reply Card start in the Script GUI.\u00a0 You can Link a Quick Reply Card to a Block or a URL. Before beginning, we recommend feeling comfortable with Buttons, Blocks, and Attributes<\/span><\/p>\n

              Steps<\/b><\/p>\n

                \n
              1. Using the Card Tray on the left-hand side of the screen, click on the Quick Reply Card icon. A new Quick Reply Card will appear as the last card in the Script Block you are building.<\/span><\/li>\n
              2. Within the Quick Reply Card, you will see an input box and a Drop Down menu. Click in the input box to make it active and add a question.\u00a0<\/span><\/li>\n
              3. Use the Quick Reply Type drop-down menu to select Text. A Response Attribute Smart Search input box will appear.<\/span><\/li>\n
              4. Click in the Response Attribute Smart Search box. Select a Response Attribute from the drop-down menu or begin typing a Response Attribute name. Existing Response Attributes will sort to the top of the list.<\/span><\/li>\n
              5. Click +Add Button a new button dialogue will open.\u00a0<\/span><\/li>\n
              6. When the Button Dialogue opens, the Button Name input box will be active. Begin typing to add a name for the Button.<\/span><\/li>\n
              7. Adding an Image Icon to your quick reply card is optional. Click on the Upload Image icon to select an image for the icon. Locate and select an image\/file from your computer. Click on the file to ensure it is selected (highlighted). Click the Open button in the bottom right-hand corner of the window. This will close the window and begin the uploading process. The image will appear on the button in the Quick Reply Card.<\/span><\/li>\n
              8. Using the Drop-down menu under <\/span>Link To,<\/b> select \u201cBlock\u201d.<\/span><\/li>\n
              9. Click in the input box under the Link To Drop-down menu to make it active. Select an existing block or create a new block. This is the block that your Quick Reply Card button will direct the user to.<\/span><\/li>\n
              10. Click \u201cAdd Button\u201d to add the newly created button to your Quick Reply Card.<\/span><\/li>\n
              11. Repeat steps 5-10 to add additional Quick Reply Buttons<\/span>. <\/span>You can add up to three Quick Reply Buttons to your Quick Reply Card.<\/span><\/li>\n
              12. Save your work. You will find <\/span>Save<\/b> in the top right-hand corner of the screen. It\u2019s a good idea to make a habit of saving your work every time you add to or change anything in your script.<\/span><\/li>\n
              13. You can check your work by clicking Preview in Right-Side Panel. Your new Quick Reply Card will appear in the Preview Pane with the added Quick Reply Buttons. We recommend taking the time to check all newly added buttons to your Quick Reply Card.<\/span><\/li>\n<\/ol>\n
                3.4.3 Quick Reply Card: How do I Create\/Add a Quick Reply Card - Phone Number?\u00a0<\/b><\/h5>\n

                To Create\/Add a Quick Reply Card start in the Script GUI.\u00a0 You can Link a Quick Reply Card to a Block or a URL. Before beginning, we recommend feeling comfortable with Buttons, Blocks, and Attributes<\/span><\/p>\n

                Steps<\/b><\/p>\n

                  \n
                1. Using the Card Tray on the left-hand side of the screen, click on the Quick Reply Card icon. A new Quick Reply Card will appear as the last card in the Script Block you are building.<\/span><\/li>\n
                2. Within the Quick Reply Card, you will see an input box and a Drop Down menu. Click in the input box to make it active and add a question.\u00a0<\/span><\/li>\n
                3. Use the Quick Reply Type drop-down menu to select Phone Number.<\/span><\/li>\n
                4. Click +Add Button a new button dialogue will open.\u00a0<\/span><\/li>\n
                5. When the Button Dialogue opens, the Button Name input box will be active. Begin typing to add a name for the Button.<\/span><\/li>\n
                6. Adding an Image Icon to your quick reply card is optional. Click on the Upload Image icon to select an image for the icon. Locate and select an image\/file from your computer. Click on the file to ensure it is selected (highlighted). Click the Open button in the bottom right-hand corner of the window. This will close the window and begin the uploading process. The image will appear on the button in the Quick Reply Card.<\/span><\/li>\n
                7. Using the Drop-down menu under <\/span>Link To,<\/b> select \u201cPhone #\u201d.<\/span><\/li>\n
                8. Click in the input box under the Link To Drop-down menu to make it active. Begin typing a phone number. This is the phone number that your Quick Reply Card button will direct the user to.<\/span><\/li>\n
                9. Click \u201cAdd Button\u201d to add the newly created button to your Quick Reply Card.<\/span><\/li>\n
                10. Repeat steps 4-9 to add additional Quick Reply Buttons<\/span>. <\/span>You can add up to three Quick Reply Buttons to your Quick Reply Card.<\/span><\/li>\n
                11. Save your work. You will find <\/span>Save<\/b> in the top right-hand corner of the screen. It\u2019s a good idea to make a habit of saving your work every time you add to or change anything in your script.<\/span><\/li>\n<\/ol>\n
                  3.5.1 Delay Card: Why use a Delay Card?\u00a0<\/b><\/h5>\n

                  A Delay card adds a timed delay to your response. Adding a delay gives your conversation a more natural feeling.\u00a0<\/span><\/p>\n

                  3.5.2 Delay Card: How do I Create\/Add a Delay Card?<\/b><\/h5>\n

                  To Create\/Add Delay Card start in the Script GUI.<\/span><\/p>\n

                  Steps<\/b><\/p>\n

                    \n
                  1. Using the Card Tray on the left-hand side of the screen, click on the Delay Card icon. A new Delay Card will appear as the last card in the Script Block you are building.<\/span><\/li>\n
                  2. Within the Delay Card block, you will see an input box and a Drop Down menu. Click in the input box to add a numerical value for your After Delay.<\/span><\/li>\n
                  3. Use the drop-down menu to select a unit of time (minutes, hours, days, weeks, months)<\/span><\/li>\n<\/ol>\n

                    \u00a0for your After Delay.<\/span><\/p>\n

                      \n
                    1. Click in the box next to Show Typing to show the user a \u201ctyping\u201d indicator within the message during the After Delay. This is optional.<\/span><\/li>\n
                    2. Save your work. You will find <\/span>Save<\/b> in the top right-hand corner of the screen. It\u2019s a good idea to make a habit of saving your work every time you add to or change anything in your script.<\/span><\/li>\n
                    3. Preview is unavailable for Delay Cards.<\/span><\/li>\n<\/ol>\n
                      3.6.1 Carousel Card: Why use a Carousel Card?<\/b><\/h5>\n

                      Carousel Cards are unique in that they allow you to share multiple pieces of content with the user within a single message. Users can click through the content. Use the carousel card to <\/span>prioritize<\/span> your contents and provide options for the user.\u00a0<\/span><\/p>\n

                      3.6.2 Carousel Card: How do I Create\/Add a Carousel Card?<\/b><\/h5>\n

                      To Create\/Add Carousel Card start in the Script GUI. A Carousel Card is made up of one or more Carousel Items. You can add up to ten Carousel Items to a Carousel Card.<\/span><\/p>\n

                      Steps<\/b><\/p>\n

                        \n
                      1. Using the Card Tray on the left-hand side of the screen, click on the Carousel Card icon. A new Carousel Card will appear as the last card in the Script Block you are building.<\/span><\/li>\n
                      2. Click on the Upload Image icon, a new window will appear. Locate and select an image\/file from your computer. Click on the file to ensure it is selected (highlighted). Click the Open button in the bottom right-hand corner of the window. This will close the window and begin the uploading process. The image will appear on the Carousel Item.<\/span><\/li>\n
                      3. Click in the Add a Heading input box to add a Heading. This Heading will appear on the Carousel Item.<\/span><\/li>\n<\/ol>\n
                          \n
                        1. Click in the Add a Sub-Header input box to add a Sub-Header. This Sub-Header will appear on the Carousel Item.<\/span><\/li>\n
                        2. Click in the Add a URL input box to add a URL for the Carousel Item. This is the URL that your Carousel Item will direct the user to when clicked.<\/span><\/li>\n
                        3. If you wish to add a Button to your Carousel Item follow the steps for the specific Button you wish to Add. See the corresponding section for the Button you wish to add to your Carousel Item.\u00a0<\/span><\/li>\n<\/ol>\n

                          Block Button - <\/b>will take the user to another block in the conversation using a button from within the message they receive.\u00a0<\/span><\/p>\n

                          5.2.1 Buttons: How do I add a Block Button?<\/span><\/a><\/p>\n

                          URL Button -\u00a0 <\/b>will directly link the user to an outside URL using a button from within the message they receive.\u00a0<\/span><\/p>\n

                          5.2.2 Buttons: How do I add a URL Button?<\/span><\/a><\/p>\n

                          Phone Number Button - <\/b>\u00a0will dial the associated phone number using a button from within the message they receive.\u00a0<\/span><\/p>\n

                          5.2.3 Buttons: How do I add a Phone Number Button?\u00a0<\/span><\/a><\/p>\n

                          Facebook Login Button -\u00a0 <\/b>will directly link the user to Facebook Login using a button from within the message they receive.\u00a0<\/span><\/p>\n

                          5.2.4 Buttons: How do I add a Facebook Login Button?<\/span><\/a><\/p>\n

                          Facebook Log Out Button - <\/b>will directly link the user to Facebook Log Out using a button from within the message they receive.\u00a0<\/span><\/p>\n

                          5.2.5 Buttons: How do I add a Facebook Log Out Button?\u00a0<\/span><\/a><\/p>\n

                            \n
                          1. Click the blue plus sign to the right of the Carousel Card and repeat steps 2-6 to add additional Carousel Items to your Carousel Card. You can add up to ten Carousel Items to a Carousel Card.<\/span><\/li>\n
                          2. Save your work. You will find <\/span>Save<\/b> in the top right-hand corner of the screen. It\u2019s a good idea to make a habit of saving your work every time you add to or change anything in your script.<\/span><\/li>\n
                          3. You can check your work by clicking Preview in Right-Side Panel. Your Carousel Card with the added Carousel Items will appear in the Preview Pane. We recommend checking all the links. Click the newly added Carousel Items while in preview to ensure the link will take your users to the desired URL. Clicking on the Carousel Item will open a new browser window.\u00a0<\/span><\/li>\n<\/ol>\n
                            3.6.3 Carousel Card: How do I Delete an Image from a Carousel Item?<\/b><\/h5>\n

                            To Delete an Image from a Carousel Item, start in the Script GUI.\u00a0<\/span><\/p>\n

                            Steps<\/b><\/p>\n

                              \n
                            1. Place your cursor over the image you wish to Delete. You will see a Delete icon appear in the top right-hand corner of the image block.<\/span><\/li>\n
                            2. Click on the Delete icon to remove the image from the card.<\/span><\/li>\n<\/ol>\n

                              You may now add a new image to the Carousel Item. Follow Step 2 in <\/span>3.6.2 Carousel Card: How do I Create\/Add a Carousel Card?<\/span><\/a><\/p>\n

                              3.7.1 Video Card: Why use a Video Card?<\/b><\/h5>\n

                              A Video Card allows you to add a video to your Conversation.<\/span><\/p>\n

                              3.7.2 Video Card: How do I Create\/Add a Video Card?\u00a0<\/b><\/h5>\n

                              To Create\/Add a Video Card start in the Script GUI.\u00a0\u00a0<\/span><\/p>\n

                              Steps<\/b><\/p>\n

                                \n
                              1. Using the Card Tray on the left-hand side of the screen, click on the Video Card icon. A new Video Card will appear as the last card in the Script Block you are building.<\/span><\/li>\n
                              2. Click on the Upload icon in the Video Card, a new window will appear<\/span><\/li>\n
                              3. You will have the option to either upload a video from your computer or link to a video using a direct URL.<\/span><\/li>\n<\/ol>\n

                                Add a video using a URL<\/b><\/p>\n

                                  \n
                                1. Click in the input box under <\/span>Link to<\/b>, the input box will become active. Add the URL for the video you want to link to.\u00a0<\/span><\/li>\n
                                2. Click <\/span>Save<\/b> to add the video. This window will close.\u00a0<\/span><\/li>\n<\/ol>\n

                                  Upload a Video from your computer<\/b>\u00a0<\/span><\/p>\n

                                    \n
                                  1. Click directly on \u2018Browse your Flies\u2019 next to the upload icon. This will open a second window enabling you to browse the files on your computer.\u00a0<\/span><\/li>\n
                                  2. Locate and select a <\/span>video<\/span>\/file from your computer. Click on the file to ensure it is selected (highlighted).\u00a0<\/span><\/li>\n
                                  3. Click the Open button in the bottom right-hand corner of the window. This will close the window and begin the uploading process.\u00a0<\/span><\/li>\n
                                  4. Click <\/span>Save<\/b> to add the video. This window will close.\u00a0<\/span><\/li>\n
                                  5. Save your work. You will find <\/span>Save<\/b> in the top right-hand corner of the screen. It\u2019s a good idea to make a habit of saving your work every time you add to or change anything in your script.<\/span><\/li>\n
                                  6. You can check your work by clicking Preview in Right-Side Panel. Your new Image Card will appear in the Preview Pane with the image you have added.<\/span><\/li>\n<\/ol>\n
                                    3.7.3 Video Card: How do I Delete an Image from a Video Card?<\/b><\/h5>\n

                                    To Delete a Video from a Video Card, start in the Script GUI. We will be working with the Card you want to Delete the Image from.\u00a0<\/span><\/p>\n

                                    Steps<\/b><\/p>\n

                                      \n
                                    1. Place your cursor over the video you wish to Delete. You will see a Delete icon appear in the top right-hand corner of the image block.<\/span><\/li>\n
                                    2. Click on the Delete icon to remove the video from the card.<\/span><\/li>\n<\/ol>\n

                                      Video Card will be ready to add a new image too. Follow Steps 2 - 8 in <\/span>3.7.2 Video Card: How do I Create\/Add a Video Card?\u00a0<\/span><\/a><\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>

                                      \n\t

                                      4.0 ADVANCED CARDS\u00a0<\/h1>\t\t\t\t\t
                                      \n\t\t\t\t\t\t
                                      <\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div><\/div><\/div>
                                      \n
                                      \n\t
                                      4.1.1 API Card: Why use an API Card?<\/b><\/h5>\n

                                      \u00a0<\/span>An API Card allow you to add custom code to your script enabling you to create custom cards and interaction.\u00a0<\/span><\/p>\n

                                      4.1.2 API Card: How do I Create\/Add an API Card?<\/b><\/h5>\n

                                      To Create\/Add API Card start in the Script GUI. This is an advanced level Card.\u00a0<\/span><\/p>\n

                                      Steps<\/b><\/p>\n

                                        \n
                                      1. Using the Card Tray on the left-hand side of the screen, click on the API Card icon. A new API Card will appear as the last card in the Script Block you are building.<\/span><\/li>\n
                                      2. Click in the input box under API URL to add an API URL.\u00a0<\/span><\/li>\n
                                      3. Click on \u201c+Add Parameter\u201d to begin adding parameters. This will open a new +Add Parameter window.<\/span><\/li>\n
                                      4. Within the new<\/span> +Add Parameter window. Click in the name input box to add a name for the\u00a0 Parameter. It\u2019s important to ensure the Parameter name matches the strings used in the API URL.<\/span><\/li>\n
                                      5. Click in the Value input box to add a value to your parameter.\u00a0<\/span><\/li>\n
                                      6. Click on the \u201cAdd Parameter\u201d button to add your new parameter. This will close the Add Parameter window.<\/span><\/li>\n
                                      7. Repeat steps 3-5 to add additional Parameters. You can add up to 3 parameters to your API Card.<\/span><\/li>\n
                                      8. Click on \u201c+ Add JSON Template\u201d. This will open a new window.<\/span>\u00a0<\/span><\/li>\n
                                      9. Select JSON Type from the drop-down menu.<\/span><\/li>\n
                                      10. Click in the Text Editor input box to Edit JSON Template code. This will format the API\u2019s response.<\/span><\/li>\n
                                      11. Scroll to the bottom of the window and click \u201cSave\u201d. This will close the window.<\/span><\/li>\n
                                      12. Save your work. You will find <\/span>Save<\/b> in the top right-hand corner of the screen. It\u2019s a good idea to make a habit of saving your work every time you add to or change anything in your script.<\/span><\/li>\n
                                      13. Preview is unavailable for API Cards\u00a0<\/span><\/li>\n<\/ol>\n
                                        4.2.1 GoTo Card: Why use a GoTo Card?<\/b><\/h5>\n

                                        A GoTo card will redirect the user to a different block based on the value assigned to attributes. This will enable you to make your conversation more personal and specific to individual users. This will optimize your interaction with the user.\u00a0<\/span><\/p>\n

                                        4.2.2 GoTo Card: How do I Create\/Add a GoTo Card?\u00a0<\/b><\/h5>\n

                                        To Create\/Add a GoTo Card start in the Script GUI. This is an advanced level card.<\/span><\/p>\n

                                        Steps<\/b><\/p>\n

                                          \n
                                        1. Using the Card Tray on the left-hand side of the screen, click on the Goto Card icon. A new Goto Card will appear as the last card in the Script Block you are building.<\/span><\/li>\n
                                        2. Click in the Attribute input box. You will have the option to either Add an Existing Attribute or Create a New Attribute.\u00a0<\/span><\/li>\n<\/ol>\n

                                          Add an Existing Attribute\u00a0\u00a0<\/b><\/p>\n

                                            \n
                                          1. Begin typing. Existing Attributes will sort to the top of the list. Select a Response Attribute.<\/span><\/li>\n<\/ol>\n

                                            Create a New Attribute\u00a0<\/b><\/p>\n

                                              \n
                                            1. Type the Name of the New Attribute you would like to add. Click \u201c+Create New Attribute\u201d.\u00a0<\/span><\/li>\n
                                            2. Click \u201cCreate If Statement\u201d. A new Create If Statement window will open.\u00a0<\/span><\/li>\n
                                            3. Under Value on the Table, click in the input box to make it active. Add a Value.<\/span><\/li>\n
                                            4. Under Block Name on the Table, click in the input box to activate the drop-down menu. Use the drop-down menu to select the desired Block. This is the Block the user will be redirected to.<\/span><\/li>\n
                                            5. Click \u201c+Add If Statement\u201d to add additional If Statements. Continue Steps 3-5 until all If Statements have been added.<\/span><\/li>\n
                                            6. Click the \u201cSave\u201d button. The Create If Statement window will close.<\/span><\/li>\n
                                            7. Click in the If Null Go To input box. Add a Null Statement.\u00a0<\/span><\/li>\n
                                            8. Click in the Else Go To input box. Add an Else Statement.<\/span><\/li>\n
                                            9. Save your work. You will find <\/span>Save<\/b> in the top right-hand corner of the screen. It\u2019s a good idea to make a habit of saving your work every time you add to or change anything in your script.<\/span><\/li>\n
                                            10. Preview is unavailable for GoTo Card.<\/span><\/li>\n<\/ol>\n
                                              4.3.1 Set Attribute Card: What is an Attribute?<\/b>\u00a0\u00a0<\/span><\/h5>\n

                                              An Attribute is incoming information about the user that can then be saved, applied, and used to further personalize the conversation as it progresses.<\/span><\/p>\n

                                              Use the Set Attributes Card to add and save Attributes to your customer record. These Attributes can then be used in the future\u2026.. To do something example\u00a0<\/span><\/p>\n

                                              4.3.2 Set Attribute Card: Why use a Set Attribute Card?\u00a0<\/b><\/h5>\n

                                              An Attribute card enables you to set the attribute of a user inside a block.<\/span><\/p>\n

                                              4.3.3 SET Attribute Card: How do I Create\/Add a Set Attribute Card?\u00a0<\/b><\/h5>\n

                                              To Create\/Add a Set Attribute Card start in the Script GUI.<\/span><\/p>\n

                                                \n
                                              1. Using the Card Tray on the left-hand side of the screen, click on the Set Attribute Card icon. A new Attribute Card will appear as the last card in the Script Block you are building.<\/span><\/li>\n
                                              2. Using the \u201cSet Attribute\u201d drop-down menu select an Attribute.<\/span><\/li>\n
                                              3. Click in the Value input box to make it active. Add a value.\u00a0<\/span><\/li>\n
                                              4. Save your work. You will find <\/span>Save<\/b> in the top right-hand corner of the screen. It\u2019s a good idea to make a habit of saving your work every time you add to or change anything in your script.<\/span><\/li>\n
                                              5. Preview is unavailable for Set Attribute Cards.<\/span><\/li>\n<\/ol>\n
                                                4.4.1 Hand Over Card: Why use a Hand Over Card?\u00a0<\/b><\/h5>\n

                                                A Hand Over Card enables you to either transfer the user to a Live Agent Application or to transfer the user\u2019s conversation to an Admin or Messenger inbox.\u00a0<\/span><\/p>\n

                                                4.4.2 Hand Over Card: How do I Create\/Add a Hand Over Card that will transfer the conversation to a Custom Live Agent Application?\u00a0<\/b><\/h5>\n

                                                To Create\/Add a Hand Over Card start in the Script GUI.<\/span><\/p>\n

                                                  \n
                                                1. Using the Card Tray on the left-hand side of the screen, click on the Hand Over Card icon. A new Hand Over Card will appear as the last card in the Script Block you are building.<\/span><\/li>\n
                                                2. Click the box next to Use Custom Live Agent Application to use a Custom Live Agent Application\u00a0<\/span><\/li>\n
                                                3. Click in the Custom Application ID input box to make it active. Add the ID for your Custom Application.\u00a0<\/span><\/li>\n
                                                4. Save your work. You will find <\/span>Save<\/b> in the top right-hand corner of the screen. It\u2019s a good idea to make a habit of saving your work every time you add to or change anything in your script.<\/span><\/li>\n
                                                5. Preview is unavailable for Hand Over Card.<\/span><\/li>\n<\/ol>\n
                                                  4.4.3 Hand Over Card: How do I Create\/Add a Hand Over Card that will transfer the conversation to our Admin or Messenger inbox?<\/b><\/h5>\n

                                                  To Create\/Add a Hand Over Card start in the Script GUI. The default for this card is to transfer the conversation to your Admin or Messenger inbox. <\/span>
                                                  \n<\/span><\/p>\n

                                                  Steps<\/b><\/p>\n

                                                    \n
                                                  1. Using the Card Tray on the left-hand side of the screen, click on the Hand Over Card icon. A new Hand Over Card will appear as the last card in the Script Block you are building.\u00a0<\/span><\/li>\n
                                                  2. Save your work. You will find <\/span>Save<\/b> in the top right-hand corner of the screen. It\u2019s a good idea to make a habit of saving your work every time you add to or change anything in your script.<\/span><\/li>\n
                                                  3. Preview is unavailable for Hand Over Cards.<\/span><\/li>\n<\/ol>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>
                                                    \n\t

                                                    5.0 BUTTONS<\/h1>\t\t\t\t\t
                                                    \n\t\t\t\t\t\t
                                                    <\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div><\/div><\/div>
                                                    \n
                                                    \n\t
                                                    5.1.1 <\/b>Buttons: What is a Button<\/b>?<\/b><\/h5>\n

                                                    Buttons are a simple way for your client to engage. Buttons are an easily identified clickable component that is highly versatile and valuable to your chat experience. Buttons allow users to do a variety of things;\u00a0<\/span><\/p>\n