1. Knowledge Base
  2. Installing Chatgen

Embed ChatGen Conversation Landing Pages on your own webpage

Conversational Landing pages (CLP) are mostly used with promotional campaigns where you click on a particular link and the CLP gets displayed on the new window but it is not just limited to that, you can use these CLP in your web pages as well. You can embed the CLP on the web page you desire and make sure the visitor chats with the bot.

You can embed the bot n your website is a 4-step process. Have a look at the steps below:

  • Login to your ChatGen account and under Dialog select the particular Flow(Dialog) you want to integrate into your website.

  • After selecting the Flow, click on ShareEmbedded and provide the Height and Width you want your bot to be. This can be provided in percentages as well as pixels.

  • Scroll down to the bottom where you can edit the styling like the color of the background, the color of the response messages, etc.

  • Once you have completed the above steps, all you have to do is copy the code snippet by clicking on "Copy Script" which is there on the right side of the Share page and paste it inside the <body> tags of your HTML/PHP page.

Yay!! You are done.


                    This is how the flow will look like after Embedding into a webpage.


 

Do you still have questions? Drop us an email at support@chatgen.ai. If you’re not using ChatGen, sign up for a free account.