a. From your Chatfuel dashboard, open the new bot called "JSON API Tutorial & CodelessBot Template" 

b. Find the group containing the name of this plugin.

c. Click on the arrow next to the plugin name to clone this group and blocks from the template into your own Chatfuel Bot.

d. Navigate back to the Chatfuel Dashboard

e. Open your Bot and find the new plugin group that you just cloned. 

f. Open the new Plugin block and enter in your CodelessBot access key and secret key.

Tip: Rename the plugin block to something more meaningful. For more details, refer to the Getting Started Guide.

After you download and installed the Quick Start Template...

1. From the ManyChat sidebar, click on the Flows"
2. Open the folder "CodelessBot Templates"
3. Find the flow containing the name of this plugin. 
4. Create a copy by click on the three dots icon on the right
5. Then click on duplicate
   
6. Feel free to rename this new flow and move it to a different folder
7. Open up the flow and click on the "Starting Step" to modify the information you'll be sending to CodelessBot

For more details, refer to the Getting Started Guide.

We don’t offer a Template for Mobile Monkey. Instead, you’ll need to create your Connection to send data from MobileMonkey to CodelessBot. To do this, download our Step-by-Step Guide.

1. Login to the Member Portal
2. On the left-hand sidebar, click on “FotoScript”
3. Select a Design from the FotoScript Gallery
4. To edit the Design, select a textbox from the canvas on the right
5. In the left-hand sidebar tab, enter a message
6. To personalize your message, enter your “custom field” name surrounded by 2 curly braces – eg. {{first name}}
7. If the custom field is too long, then your message might not fit! So be sure to enter a fallback message (that doesn’t have any custom fields)
8. Navigate to the “Format” tab
9. Select your bot platform and what you want to send
10. If you chose gallery card, make sure you provide CodelessBot with all additional information (eg. title, subtitle, button info…etc)
11. Click on “Select & Save Design”
12. Follow the instructions on “Setup” tab

1. Login to the Member Portal
2. On the left-hand sidebar, click on “FotoScript”
3. Select a Design from the FotoScript Gallery
4. To edit the Design, select a textbox from the canvas on the right
5. In the left-hand sidebar tab, enter a message
6. To personalize your message, enter your custom field name surrounded by 2 curly braces – eg. {{first name}}
7. If the custom field is too long, then your message might not fit! So be sure to enter a fallback message (that doesn’t have any custom fields)
8. Navigate to the “Format” tab
9. Select your bot platform and what you want to send
10. If you chose gallery card, make sure you provide CodelessBot with all additional information (eg. title, subtitle, button info…etc)
11. Click on “Select & Save Design”
12. Follow the instructions on “Setup” tab

1. Login to the Member Portal
2. On the left-hand sidebar, click on “FotoScript”
3. Select a Design from the FotoScript Gallery
4. To edit the Design, select a textbox from the canvas on the right
5. In the left-hand sidebar tab, enter a message
6. To personalize your message, enter your custom field name surrounded by 2 curly braces – eg. {{first_name}}
7. If the custom field is too long, then your message might not fit! So be sure to enter a fallback message (that doesn’t have any custom fields)
8. Navigate to the “Format” tab
9. Select your bot platform and what you want to send
10. If you chose gallery card, make sure you provide CodelessBot with all additional information (eg. title, subtitle, button info…etc)
11. Click on “Select & Save Design”
12. Follow the instructions on “Setup” tab

1. In this plugin block, scroll down to the "JSON API" card
2. Copy and paste the code from the Plugin Wizard into the textbox. (Or you can enter the correct value by referring to the descriptions above.)

Tip: Make sure the "Send as" is set to JSON. Not URL encoded or Full JSON Profile.

a. Click over to the "Body" tab in this external request 

b. Next, copy and paste the code from the Plugin Wizard into the "Request Body". (Or you can enter the correct value by referring to the descriptions above.)

c. If there are any "Replace With placeholder" in the code, you'll need to replace them with the correct matching custom field by clicking on "Add a Variable".

d. To check if you set this up correctly, click on "Test the Request" on the right and you should get a success "200 OK" response

e. Click on the blue "Save" button

Click over to the Setup tab to copy the following information and paste it into your Connections:

• The URL with your CodelessBot Access Key & Secret Key
• Your FotoScript Design ID
• All custom fields that you used in your FotoScript Design

For step-by-step instructions, download our FotoScript Guide for Mobile Monkey.