Whatsapp Chat Widget Creation

Overview

The WhatsApp Chat Widget lets you add a customizable WhatsApp chat button to your website. Visitors can click the widget to start a WhatsApp conversation with your business directly from your site.

Step 1: Open the Widget Creator

1. Open your Ownchat Dashboard.

2. Click the WhatsApp chat widget icon.

1. Click Create WhatsApp Chat Widget to set up your chat integration.

You will be redirected to the Ownchat website's WhatsApp Widget for your Website page.

Step 2: Add Basic Widget Details

1. Enter your WhatsApp phone number in the field to proceed with widget customization.

1. Enter the logo URL in the provided field.

2. Enter your brand name in the Name Of Your Brand field.

1. Enter the subtitle for your WhatsApp widget.

Step 3: Customize Widget Appearance

1. Click the header background color input field to select your preferred color.

1. To change the header text color, select Light (White) from the dropdown.

• You can preview the header text color change immediately.

1. Enter your desired CTA button color code in the text field.

1. Enter your custom CTA button text to personalize the widget's call-to-action.

Step 4: Set the Welcome Message and Options

1. Enter your welcome message to customize the widget's initial greeting text.

1. Preview the widget chat interface as you make changes.

1. Enter the options you want to display. You can add up to 3 options only.

Step 5: Set Widget Position

1. Choose where the chat widget should appear on your website — either the left side or right side of the screen.

Step 6: Generate the Widget Code

1. Click Generate Widget Code to create your customized chat widget code.

1. The next screen shows the chat widget installation code for your website.

Step 7: Install or Receive the Widget Code

Choose one of the following options:

• Install directly: Copy the code and paste it before the closing </body> tag on your website to display the chat widget.

• Edit the widget: Click Click here to modify the widget settings.

• Receive by email: Enter your email address, then click Get Widget Code. The widget code will be sent to your registered email address.

Summary

Step	Action
1	Dashboard → WhatsApp chat widget icon → Create WhatsApp Chat Widget
2	Enter phone number, logo URL, brand name, and subtitle
3	Set header background color, header text color, CTA button color and text
4	Enter welcome message and up to 3 options
5	Choose widget position (left or right)
6	Click Generate Widget Code
7	Copy and paste the code, edit settings, or email the code to yourself