WhatsApp Web Widget in Sendra

The WhatsApp Web Widget in Sendra allows you to integrate a chat widget directly into your website, enabling visitors to start a conversation with you on WhatsApp instantly

Step-by-Step Guide to Creating a WhatsApp Web Widget

1. Navigate to the Web Widget Section:

   • On the left-hand side menu, select "Web Widget" to open the widget creation interface.

2. Widget Configuration:

   • Logo: Click on "Select image" to upload a logo for your widget. This logo will appear on the widget interface.

   • WhatsApp Phone Number: Enter the phone number associated with your WhatsApp account, including the country code.

   • Header Text: Enter a header text that will be displayed at the top of the widget. This could be your business name or a welcoming message.

   • Header Subtext: Add a subtext below the header. This could be a brief description of your services or any relevant information.

   • Widget Text: Enter the main text that will be displayed inside the widget. This text could include a greeting or an invitation to chat, such as "Hi 👋, How can we help?"

3. Button Configuration:

   • Button Text: Enter the text that will appear on the chat button. For example, "Chat on WhatsApp."

   • Widget Type: Select the type of widget from the dropdown menu. Options include "With start chat button" or others as available.

   • Input Field Placeholder: Provide placeholder text for the input field where users can type their messages. This text could be a prompt like "Enter your message here."

4. Design Customization:

   • Button Color: Choose a color for the chat button to match your brand’s color scheme. Click on the color box to open the color picker.

   • Header Color: Select a color for the header to ensure it stands out and is consistent with your brand’s identity.

5. Embed Widget Code:

   • On the right-hand side, you will see the generated widget code. Click on the "Copy code" button to copy the embed code.

   • Paste this code into the HTML of your website where you want the widget to appear. This code integrates the WhatsApp chat widget into your site, allowing visitors to start a conversation with you instantly.

6. Save the Widget:

   • Once all the details are filled in and customized to your liking, click the "Save" button at the bottom to save your widget configuration.

By following these steps, you can create a customized WhatsApp Web Widget that enhances customer interaction on your website, making it easy for visitors to reach out to you directly through WhatsApp.