Sunshine Conversations (v1)

Integrate with Sunshine Conversations so your users can chat with your inGenious AI chatbot alongside your other connected channels.

Sunshine Conversations version 1 and 2

We recommend connecting your inGenious AI chatbot to Sunshine Conversations version 2, unless you need to use features only available in Sunshine Conversations version 1. 

Make sure you have created:

  • Your inGenious AI chatbot.
  • The Sunshine Conversations account you’ll connect the chatbot to. If you do not have your own account, please contact the inGenious AI team.

To integrate your chatbot with Sunshine Conversations:

  1. Add the Sunshine Conversations App ID, Key ID and Secret to inGenious AI.
  2. Add the inGenious AI Webhook URL to Sunshine Conversations.
  3. Add the Sunshine Conversations widget to your website.

If inGenious AI has connected your chatbot to Sunshine Conversations on your behalf, you just need to add the widget to your website.

Let’s look at each of those steps in detail.

Before you start…

This process involves some back-and-forth between your inGenious AI chatbot settings and your Sunshine Conversations account. It’s easier if you get yourself set up first:

  1. Open inGenious AI.
  2. Add a Sunshine Conversations channel to your chatbot:
    1. Open the team and  chatbot you want to integrate and click Manage.
    2. Click Channels.
    3. Click + Channel.
    4. Click Sunshine Conversations v1.
  3. Click the new Sunshine Conversations card.
  4. In another tab, open your Sunshine Conversations account and open the App you want to integrate.
  5. Open Notepad or another text editor so you can copy multiple things at once.

Step 1: Add the Sunshine Conversations App ID, Key ID and Secret to inGenious AI

To add the Sunshine Conversations App ID, Key ID and Secret to inGenious AI:

  1. In your Sunshine Conversations App, click Settings.
  2. Copy the App ID to Notepad.
  3. Click Create new secret key.
  4. Copy the new Key ID and Secret to Notepad.
  5. In inGenious AI, paste the App IDKey ID and Secret.
  6. Scroll down and click Save.

Step 2: Add the inGenious AI Webhook URL to Sunshine Conversations

To add the inGenious AI Webhook URL to Sunshine Conversations:

  1. In inGenious AI, copy the Webhook URL.
  2. In your Sunshine Conversations App, click Integrations.
  3. Click Webhooks.
  4. Click Configure.
  5. Click Create a webhook.
  6. Paste the Webhook URL.
  7. Select Version 1.1.
  8. Select all the trigger checkboxes.
  9. Click Create webhook.
    Your chatbot is now integrated with Sunshine Conversations.

Step 3: Add the Sunshine Conversations chat widget to your website

To add the Sunshine Conversations Web Messenger widget to your website, you need to add two code snippets to the pages of your website.

Have your App ID ready

You'll need to replace a part of each script with your App ID. If you don't have it handy, copy it from your Sunshine Conversations App Settings page.

Add the Sunshine Conversations Web Messenger widget

Add this script inside near the end of the <head> section of your web pages.

<script>
 !function(e,n,t,r){function s(){try{var e;
    if((e="string"==typeof this.response?JSON.parse(this.response):this.response).url){
    var t=n.getElementsByTagName("script")[0],r=n.createElement("script");
    r.async=!0,r.src=e.url,t.parentNode.insertBefore(r,t)}}catch(e){}}
    var o,p,a,i=[],c=[];e[t]={init:function(){o=arguments;
    var e={then:function(n){return c.push({type:"t",next:n}),e},catch:function(n){
    return c.push({type:"c",next:n}),e}};
    return e},on:function(){i.push(arguments)},
    render:function(){p=arguments},destroy:function(){
    a=arguments}},e.__onWebMessengerHostReady__=function(n){
    if(delete e.__onWebMessengerHostReady__,e[t]=n,o)
    for(var r=n.init.apply(n,o),s=0;s<c.length;s++){
    var u=c[s];r="t"===u.type?r.then(u.next):r.catch(u.next)}
    p&&n.render.apply(n,p),a&&n.destroy.apply(n,a);
    for(s=0;s<i.length;s++)n.on.apply(n,i[s])};var u=new XMLHttpRequest;
    u.addEventListener("load",s),
    u.open("GET","https://web-messenger.ingenious.ai/loader.json",!0),
    u.responseType="json",u.send()}(window,document,"ingeniousai");
 </script>
Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Article is closed for comments.