Add OpenAI Assistants to Your Website or WhatsApp

For Whatsapp, Websites and Apps

Add OpenAI Assistants to Your Website or WhatsApp


We at predictable dialogs are building user centric AI tools and solutions to embed AI into websites & apps and to connect AI to WhatsApp. Using our platform not only can you connect your openAI assistant to your Website/WhatsApp but can also orchestrate multiple assistants. In this post we will look at only connecting an assistant to your Website/WhatsApp.


Add OpenAI Assistants to Your Website: 

This will be a two step process of generating the JS needed to embed to your website and installing it to your website.

Generate JS to embed on Your Website: 

Once you've created your OpenAI assistant, the next step is to bring it to life on your digital platforms. The Predictable Dialogs app simplifies this process, whether you're targeting your website or aiming for a presence on WhatsApp.


To embed your OpenAI Assistant on your website, follow these steps:
  1. Login to predictable dialogs: Go to create agents and click on the first option i.e. “Open AI Assistant (Web & WhatsApp)”.

  2. Input API Key
  3. Input OpenAI API Key: Enter your openAI API Key, in the input given. Your API keys are encrypted and stored securely.

  4. Input API Key
  5. Input OpenAI Assistant Id: And the final step is to enter your OpenAI assistant Id, in the next input window.


    Input Assistant Id

Embed on Your Website: 

Predictable Dialogs would now have generated an embeddable JavaScript (JS) code. You can now embed your assistant to your website by clicking the “Add to website” button. You would get a JS code which can be placed in the script tag of your websites html.

Whatsapp Token Image

If you want to do this later, you can come back any time to this agent and click the "Install" on the navbar to get the embeddable JavaScript (JS) code.

Integrating Your OpenAI Assistant with your WhatsApp Business Account


Connecting the assistant to WhatsApp needs three more steps after you click “Add to WhatsApp”.


  1. Enter WhatsApp Token: You need to enter your WhatsApp Token. You can fetch your whatsApp token from your WhatsApp business console.


    Whatsapp Token Image


  3. Enter WhatsApp PhoneId: After which you would need to enter your PhoneId, for your ease to fetch your phoneId, just click the link on top of the input. This will open the meta website and you would be able to copy the phoneId from their.


    Whatsapp Phone Id Image


  5. Update WhatsApp (meta) console: The last step is to enter the Webhook and Token generated into the WhatsApp/Meta console. Just click the link provided on top of the input, this will open the meta console in which the webhook url and token need to be entered. You could copy and paste the url and token into the meta console and save it.


    Whatsapp webhook Image
That's it. You are all set.



If you believe in the power of AI and would like to be a first mover, then please do contact us as we are looking for use cases in which we orchestrate assistants based on intent and sentiment.



Want to get posts over email?

Cause if you do, you could get to use agents for free!

© 2024 Predictable Dialogs