Knowledgebase

How to Integrate Connecto App to your KartRocket Store

A Customer engagement tool which engages customers better via targeted lead forms , targeted offers, personalized notifications, collecting surveys . Hence helping websites to convert better.
They offer 50+ templates with evolved personalization techniques to address diverse use cases. There is no limit on usage w.r.t. number of widgets or types of targeting

KEY FEATURES

• Advanced lead capture widgets
• Subscription list building tools
• Video Widgets and smart bars
• Embedded notifications/banners
• Personalized notifications using dynamic variables
• A/B tests and CRM integrations
• API integration and callbacks
• Dedicated account support
• Interactive Scroll, Exit targeting
• Specific cases using custom variables

SIGN UP PROCESS 

1.Go to http://www.connecto.io/

 

2.Click on the green ‘sign up’ button on top left side

 

3.On clicking ‘sign up’ you will get to the below page

 

4. Go to ‘Sign up for Private Beta’ and fill the details as shown below and click on submit button

 

STEPS TO INTEGRATE WITH YOUR STORE

1. On clicking on ‘submit’ button you will be taken to the Connecto Dashboard

 

2. Copy the JavaScript code and take a note of it somewhere

Please Note: You will also receive the JavaScript Code on your mail

<!--Start of Connecto Script-->
<script type="text/javascript">
var _TConnecto = _TConnecto || {'licenseKey': 'S9A1HJREBY5CAWWT'};
(function() {
var con = document.createElement('script'); con.type = 'text/javascript';
var host = (document.location.protocol === 'http:') ? 'http://cdn' : 'https://server';
con.src = host + '.connecto.io/javascripts/connect.prod.min.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(con, s);
})();
</script>
<!--End of Connecto Script-->

3. Log in with the username and password details and your dashboard would open. See Below for reference

 

4. Click on Apps on the extreme left hand side

 

5. Go to the search bar on the top right side and search for the app

6. You will see the app displayed below

 

7. Click on the ‘install’ button to install the app

8. The page will refresh and the ‘install’ button will change to a ‘settings’ button

9. Click on the ‘setting’ button

 

10. You will the see the page below

11. Now, Paste your JavaScript Code (copied in step 2) . See below for reference

12. After that click on ‘save’ to save the changes made

13. You will get a Success Notification!

LEAD FORMS


1.Once you are done with all the integrations, you can go back to Connecto Dashboard

2.Click on ‘Get Me Started’ button

3.On clicking this you will be taken to the floating widgets page

 

4. You can choose any widget of your choice and click on it. See an example below for reference

 

5.On clicking, you will be taken to a page where you can customize as per you like

 

 

6.You can customize the size and position of your form by changing the settings

 

7.You can also make changes to the color of theme, message or button text

8.You can add fields to your form by doing the settings for ‘form fields’.
You can either go to quick add to quickly select the common fields like Name, Email, Phone or else you can click on Add New Form Field to add your customized form field.

 

9.You have an option to take your visitors to a customized ‘thank you’ after submitting the form. If you do not want to give any URL, we will show the thank you message after submission. Also you have an option to Post data to redirect URL

10.You can further customize using the ‘advanced options’

 

11.You can use ‘Customize theme’ to change the following settings

 

12. Customizing the close or minimize button

13.Further, you can customize the Anchor Properties in terms of text ,color, height, width

 

14.Now , comes the Targeting based on Time

If you choose ‘Time Period Targeting in a Day’, you can set the notification start and end time

 

You also have the option to choose’ Date and Time Targeting’

15.After doing the settings you can now click on the green ‘Next’ button below

 

16.You will now be taken to ‘Targeting’ and you shall see the below page

 

17. This page answers three imp questions: WHEN, WHERE, WHO

a)WHEN: When will this Notification appear? This is Behavior Targeting

 

 

 

b)WHERE: Where do you want to show your Notification? This is Page Targeting

 

 

 

 

 

c) WHO: Who will see the notification? This is Segmentation

 

18. After completing targeting go to the next step

 

19. This is the ‘Review’ step where you can review your Notification Summary

Please Note: Give a name to your Notification

 

20. After reviewing the summary you can go ahead to ‘Launch’ the Notification. Simply click on ‘Launch’ button

21.You will see ‘Saving’ status and then be taken to the Notifications List page where you can see the notification created listed. There is an option to edit the notification

 

OUTPUT ON LIVE STORE

1. View your store and you will see the notification widget at the bottom left corner of your webstore

 

2. Your Store Visitor entering email and then clicking on ‘submit’

3. You will get a thank you message since here we haven’t given a redirect URL . If a redirect URL has been given it will take the user to that page

4. You can now review the Analytics on your Dashboard

You will also get a mail on your given mail ID , notifying you about the new Contact (Lead)

 

 

 

Also Read