Help Center
Home > Help Center > Chat Components
Chat Components
Getting Started
Customise Chat Interface
Analytics
Settings
Responses
Build Conversational Chatbots
Launch Conversations
Chat Components
Chat Components
Getting Started
Getting Started
- How to setup WeConnect account
- How to create a chat interface
- What is Conversational Chat interface
- How to test a chat interface
- Glossary of key concepts and features
App Installation Steps
Customise Chat Interface
Customise Chat Interface
Here you can find all the instructions required to configure chat interface as per your branding requirements.
Let’s start with getting familiar to Design page.
When you are inside chat interface, navigate to Builder -> Design
Refer to above screenshot for each point explained below:
- Builder Navigation: These are the 4 steps that allows you to build a chat interface in easy to use intuitive way.
- Type of chat interface: WeConnect.chat supports three types of chat interface outputs.
- Landing Page – This creates a dedicated full page output for chat interface. A separate URL is generated to share the landing page.
- Widget – This is the most commonly used chat interface output. It shows a chat bubble on your website, which opens a chat screen to interact with. Generally its displayed on Left or Right bottom side of a Website.
- Embed: This output allows you to embed a chat interface inside any part of your webpage. It is an iFrame which loads chat interface on any webpage.
- Customise chat interface output type: Here you will be provided with detailed options to customise the appearance of specific chat interface output. Note: Some settings are common and will be applicable to all output types.
- Customise chat widget output
- Customise Landing page output
- Customise Embed output
- Preview area: Here you will be able to show the instant preview of all the settings applied on left side in point no.3.
- Device switcher: Here you can switch on which device you would like to see the preview. A preview can be seen on Desktop / Tablet /Mobile.
- Preview area controls: Here you have two options.
- Reload: To refresh the chat inside preview area without refreshing the browser page
- Expand: Use this to see the preview in expanded view.
- Select Language: This will show a dropdown of all supported languages. Select a language to create existing chat interface in other language. Also you are able to switch language of chat interface anytime.
- Preview chat: Use this to open the preview of landing page chat output in new tab
- Deploy: This is a shortcut to get the installable code for each output type.
- Test data: Use this toggle when you don’t want to collect the data during testing of your chat interface. This is helpful to avoid test data with live data.
Analytics
Analytics
Coming soon…
Settings
Settings
Coming soon…
Responses
Responses
Coming soon…
Build Conversational Chatbots
Build Conversational Chatbots
Coming soon…
Launch Conversations
Launch Conversations
Coming soon…