How to Create a Custom Chat Button for Your Website with GetButton
What is GetButton? GetButton is a powerful tool that helps you create custom chat buttons and add a ChatGPT bot for your website. With GetButton, you can connect multiple messaging platforms like WhatsApp, Facebook Messenger, Telegram, LinkedIn, and AI chatbots, all through a single button. This makes it easier for your website visitors to reach you, improving communication, boosting user engagement, and ultimately increasing your sales.
Getting Started
To create a new button, first, sign in to your account using this link: https://admin.getbutton.io/. Once you're logged in, you'll see the My Buttons page.
To create a new button for your website, click the Add button link.
Enter the domain name of the website where you want to add the chat button.
After confirming, you will be directed to the chat button builder page.
To configure a new chat button on this page, follow these steps:
- Choose your messaging apps
- Customize your button
- Customize the greeting message
- Finally, Save and publish your button
1. Choose Your Apps
This option lets you select the apps you want to connect to your website. To do this, click on the app icon and then enter your account details in the box that appears.
You can drag and reorganize the order of the buttons by clicking on the three-dot icon.
After adding your messenger details, you should see your button preview here.
You can further customize each specific button by clicking on the Settings icon for the corresponding app.
Here is the list of apps you can integrate into your chat button.
- AI Chatbot: Integrate a custom ChatGPT-powered chatbot that can automatically interact with users using pre-set or learned responses based on your website content.
- Contact Form
- Facebook Messenger
- YouTube
- LINE
- Viber
- Snapchat
- Telegram
- Appointment Form
- Custom Link
- Skype
- Apple Messages
- X.com
- Waze
- Vkontakte
- Slack
- TikTok
- Teams
- Callback
- Google Maps
- Wonderchat
2. Customize Your Button
Customize the colors, style, position, and animations of the chat button to match your brand's look and feel. You can also choose where the button appears on your site, whether on all pages or just selected ones.
3. Boost Chats & Sales with Greeting Message
This option allows you to enable and personalize the greeting message that appears with your chat button.
4. Save Changes and Publish Your Button
You are now one step ahead from deploying your GetButton Widget. It is now a good time to preview the widget, live on your website, and add a last touch before publishing the button. In the designated area, simply paste the URL of your website and click the "Check" button.
A new window will open in your browser to show a live preview of your website with the GetButton Widget. We’ll quickly create a snapshot of your website and overlay your button for you to see how it looks.
If you're happy with the final appearance, click the Activate Button.
After choosing a plan and completing the payment, you'll receive the JavaScript code for the button, which will also be sent to you via email.
You can also find the button code by clicking on the menu icon (Hamburger icon) and selecting the "Get Code" button.
Once your chat button is live on your website, you can manage and update it directly from the GetButton control panel. This allows you to easily make changes and keep your chat button aligned with your business needs.
Final Thoughts: Elevate Your Website's Communication with GetButton
In conclusion, GetButton offers a simple and effective way to enhance your website's communication by integrating multiple messaging platforms into a single, customizable chat button. With easy setup, flexible customization options, and the ability to manage everything from a user-friendly control panel, GetButton.io helps you stay connected with your customers and boost engagement.
Whether you're looking to streamline customer support or drive more sales, adding a chat button to your website is a smart and efficient solution. If you need any assistance, feel free to connect with our support team — we'll be glad to help!