Design a conversational landing page

Here is how you can design a full-page chatbot and use it as your conversational landing page. This can be used to share your chatbot in Social Media or you can use it in your Email or SMS campaigns.

There are 3 layouts available for your conversational landing pages. The following is our Card layout.

Then the one below is called Personal layout.

Finally we have the Modern Layout.

Parts of the Conversational Landing Page

1. Profile Picture

This can be your personal image or your brand logo. For the Card and Personal layout, we recommend using a picture with 1:1 aspect ratio. If you are opting for the Modern layout, we recommend a picture having 1600x390 px dimensions.

You can opt to have no profile picture as well. (Remember that the Profile picture is different from your chatbot avatar image).

2. Title

Set the title to your name or brand name that you want your audience to see. This field can be left empty.

3. Subtitle

Tell the world what you or your brand stands for. This field can be left empty.

4. Links

Add links to your social media profiles or even your website.

5. Background

The background of your conversational landing page can be an image or a color or a gradient or a short video.

Design your Landing Page

You can start designing the landing page by selecting Chatbot page as the Bot Type under Settings > General > Bot type.

Go to Edit > Design. Start by choosing a Layout for your Chatbot page.

Edit the Content

Next, you will see the Content section. Here, you can set the Title, Description, and also the Links of your chatbot page. You can add more links using the "+ Add link" button.

You will also see the option to upload your profile picture.

Edit the Theme

Let's move on to the Theme section. Here, you'll be able to choose one of our avatars or upload your own image.

The Color option here will change the colors of the Text content on your Chatbot page.

You have 4 options when it comes to setting the background property. You can set it as a solid color.

Or you can set a gradient background by choosing a Start and End color.

Or you can set it to an image. You can upload an image using the Choose image button or select one from our gallery by clicking on Browse images.

Lastly, you can set it to a short video. We recommend small videos that loop themselves. It adds a slight motion to the page. The audio will be muted by default.