Posted on Leave a comment

How to Add ChatGpt to WordPress?

Do you want to add ChatGpt to WordPress? ChatGPT is an advanced language model developed by OpenAI. It is designed to simulate conversation with humans in a natural language, providing accurate and informative responses to questions and prompts. Utilizing cutting-edge machine learning algorithms, ChatGPT has been trained on vast amounts of diverse text data, making it capable of handling a wide range of topics and generating human-like answers. Whether you’re looking to get information about a specific subject, have a conversation, or want to pass the time, ChatGPT is the perfect tool for you. With its ability to understand the context and generate relevant responses, ChatGPT is revolutionizing the way people interact with AI technology.

In this article, you will learn how to add a ChatGpt to your website in less than 2 minutes.

Why Add ChatGPT to WordPress?

  • Improved user experience: ChatGpt can enhance user experience by providing personalized responses and addressing inquiries in real time.
  • Automated customer support: ChatGpt can handle customer inquiries and support requests without the need for human intervention, freeing up resources and streamlining operations.
  • Increased engagement: With ChatGpt, you can engage with users conversationally and intuitively, leading to increased engagement and longer visit times.
  • Higher conversions: ChatGpt can help to drive conversions by providing targeted and relevant information to users, leading to a higher likelihood of conversion.
  • 24/7 availability: ChatGpt can provide round-the-clock customer support and assistance, even outside of regular business hours.

Overall, adding ChatGpt to your website can improve user satisfaction, drive conversions, and enhance the overall efficiency of your operations.

What is ChatGPT?

ChatGPT is a state-of-the-art language model developed by OpenAI. It uses AI to analyze text input and generate natural-sounding responses. The model has been trained on a massive amount of data, including books, articles, and online conversations, which allows it to generate responses that are similar to human-written content.

What is AI chatbot and OpenAI?

AI chatbots are becoming increasingly popular across different industries as they offer an efficient and cost-effective way of providing customer support and handling various business operations. One of the primary advantages of chatbots is their ability to handle large volumes of inquiries and interactions simultaneously without the need for human intervention. With their natural language processing and machine learning capabilities, chatbots can quickly analyze and interpret user requests, providing accurate and relevant responses in real time.

In addition to their efficiency, AI chatbots also offer a more personalized and engaging experience for users, as they can be programmed to learn from previous interactions and adapt to users’ preferences and behaviors. This not only helps to improve the quality of interactions but also enhances customer satisfaction and loyalty. As AI technology continues to evolve, it is expected that chatbots will become even more sophisticated, capable of performing complex tasks and handling more nuanced interactions with human users.

OpenAI is also known for its commitment to openness and transparency in AI research. The organization believes that open collaboration and sharing of knowledge are essential for advancing the field of AI and ensuring that AI technologies are developed in a safe and responsible manner. To this end, OpenAI has made several of its AI tools and models available to the public, including GPT-3, which is one of the most advanced language models in the world. Through its research and initiatives, OpenAI is playing a vital role in shaping the future of AI and promoting the development of safe and beneficial AI systems.

How to add a ChatGpt plugin to your WordPress website?

In this article, we will provide you with a detailed guide to adding ChatGpt Plugin to your website easily. To begin with, we will outline the key benefits of using ChatGpt Plugin and explain how it works. Then, we will provide a step-by-step guide to installing and configuring the plugin on your website. Additionally, we will share some best practices for optimizing your chatbot’s performance and improving user engagement. By the end of this article, you will have all the information you need to add ChatGpt Plugin to your website and start enjoying its many benefits.

Are you ready? Let’s dive in.

Installing ChatGpt Plugin in WordPress

Live Chat with ChatGPT is an easy-to-use ChatGPT plugin for WordPress and WooCommerce. It will help you to add a single account or multi-account floating ChatGPT to the website in less than 2 minutes. It provides built-in templates for a chat that speed up the workflow of adding support buttons to the website.

Create an Account in OpenAi

Firstly, you must create an Account in OpenAi. Once you have created an account, you can proceed to the next step, which is setting up the ChatGpt API. This involves generating an API key allowing your chatbot to access the ChatGpt language model. After you have obtained the API key, you can then integrate the ChatGpt API with your chatbot platform of choice.

navigate to the API tab, and create an account like the below image.

Go To OpenAI
OpenAi

To create an account, Click On Sign Up like the below image.

Click On Sign Up
Sign UP

one of the first steps is to add your email.

Add Email for OpenAI Account
Create Account

Next, you’ll need to add a password for your OpenAI account. This is an important step to ensure the security of your account and protect your sensitive information.

Add Password for OpenAI Account
Password

After adding your email, the next step is to verify it.

Open Gmail and Verify Your Email
Verify Email
go to Email and  Verfy Email Address
Email

Another important step in setting up your OpenAI account is to add your first name and last name.

Add FirstName & LastName in openAI Account
First Name & Last Name

Firstly, you will need to enter your phone number in the designated field and select your country code. Secondly, OpenAI will send a verification code to your phone via SMS,

Add Phone Number for OpenAI Account
Phone Number

which you will need to enter into the verification field. Once you have entered the code, your phone number will be verified

Enter Code
Code

Selecting the ‘Exploring Personal Use’ option is an important step in setting up your OpenAI account,

Select Exploring Personal Use
Personal Use

After creating an account in the previous step, navigate to the Personal tab.

Click on Perspnal Tab
Personal

After navigating to the Personal tab, click on the View Api Keys button.

Click on View API keys
View API Keys

Now you can create a new Secret Key like the below image.

Create New Secret key in OpenAI
Secret Key

You should copy API Key like the below image.

Copy API Key
API Key

Add API Key in Settings

To Add the API Key, navigate to the WhatsApp >> settings >> AI Assistant tab and Add the API Key you created in the previous step, like the image below.

Add API Key in a plugin
AI Assistant

Create ChatGpt Account

After installing the ChatGpt plugin in WordPress, you must create an account for ChatGpt

To create an account, navigate to the WhatsApp >> Account tab and create an account like the below image.

Add New ChatGpt account
Add An Account

Now fill in the required field of the account like “Name,” Select ‘ChatGpt AI Assistant,” and set an avatar to the account.

Save the account and go to the next step.

Create an account in ChatGpt plugin for WordPress
Create Account Form

After you create the account, it will be listed in the Accounts list like the below image.

Accounts list in ChatGpt plugin for wrodpress
Accounts List

Create Single Account ChatGpt

After creating an account in the previous step, navigate to the WhatsApp tab and click on Add New button to create a chatGpt.

Add new chatGpt in WordPress
Add ChatGpt
  • Set a name for ChatGpt.
  • Select a template from the predefined templates list.
  • A preview of the selected template will be shown on the right side.
  • Click on the Apply button to start using the selected template.
create a ChatGpt in wordpress
Single Account Template

Now in the Accounts field, you should search for the account name you created in the previous step. Please search for the created account and select it to add it to the ChatGpt Button.

Add an  ChatGpt account to chat Button in wordpress
Add ChatGpt account

From the Icon section, you can change the button icon and set a text beside the icon.

Change ChatGpt support icon
Icon

Also, you can change the ChatGpt Button message from the Message section.

ChatGpt Button message
Message

After applying the required changes on the ChatGpt button, click on the Save button to save the changes.

Now you will see the floating ChatGpt Button on your WordPress website as in the below image.

Display ChatGpt in WordPress website
ChatGpt Account

Create Multi Account ChatGpt

To create a multi-account Live Chat Button, you should create at least two accounts, as we explained in the Create Account section

Accounts list in whatsapp chat plugin for wrodpress
Accounts List

After creating at least two accounts, navigate to the WhatsApp tab and click on the Add New button to create a new multi-account Live Chat with ChatGpt And WhatsApp Chat.

Add new WhatsApp chat in WordPress
Add Live Chat with ChatGpt and WhatsApp
  • Set a name for the multi-account.
  • Select a multi-account template from the predefined templates list.
  • A preview of the selected template will be shown on the right side.
  • Click on the Apply button to start using the selected template.
Create multi agent WhatsApp chat in WordPress
Multi-Account Template

After selecting a template, you need to add at least two accounts to ChatGpt Or WhatsApp. Search for the accounts that you have created and select them in the Accounts field.

Add accounts to multi agent WhatsApp chat button in WordPress
Add Accounts

You can change the Header Text and Description from the Description section like the below image.

ChatGpt Button Description
Description

Also, you can change the ChatGpt message from the Message section.

ChatGpt Button message
Message

Now, your multi-account Live Chat is ready to use, and you can Save it.

Display WhatsApp chat in WordPress website
Multi-Account

This multi-account WhatsApp Chat Button and ChatGpt Button will appear on all of your WordPress Websites.

Display chatGpt in WordPress website
ChatGpt in Multi-Account

Change Accounts Ordering

You can change accounts’ ordering by dragging and dropping them to the right position inside the multi-select field.

Change Accounts Ordering

Now you will see the floating WhatsApp Chat button and ChatGpt on your WordPress website as in the below image.

Multi-Accounts

ChatGPT Block for WordPress

To create ChatGPT Block, follow the below instructions.

  • Navigate to the Pages tab.
  • Click on the Add New button to add a new Page.
  • Click On +.
  • Search WhatsApp Chat From Block, and select WhatsApp Chat like the below image.
  • Click on the Apply button to start using the selected template.
Accounts List For Block
Select WhatsApp Chat

You will see the WhatsApp Chat, Search For Created ChatGPT (ChatGPT in our example)

Search For Created ChatGPT

After Selected ChatGPt, Click On Done

ChatGpt Block
Save It

Now you will see the floating ChatGpt button on your website as in the below image.

ChatGpt button

Posted on Leave a comment

How to Add WhatsApp Chat to WordPress?

Do you want to add WhatsApp Chat to WordPress? WhatsApp messaging or simply WhatsApp is internationally available software that allows users to send text and voice messages. WhatsApp is the most popular instant messaging application in the world. It is used by more than 2 billion people worldwide. It means that most of your customers are using WhatsApp so to provide better support to them, you need to add WhatsApp chat support to your website.

In this article, you will learn how to add a WhatsApp chat to your website in less than 2 minutes.

Why Add WhatsApp Chat to WordPress?

One of the best ways to provide better support for your customers is to add a WhatsApp Chat Button to your website.

By Adding WhatsApp Chat Button to your website you will allow your customers to communicate with you when they have questions or issues.

Also, on WooCommerce stores it can help you to increase sales by answering and communicating with your customers.

The best strategy in online marketing is to communicate with your clients and answer their questions and help them. Adding WhatsApp Chat Support helps you to communicate actively with your clients and help them. When you help your customers they will buy your products or services happily and it is great for your company and helps to increase customer loyalty.

How to add a WhatsApp Live Chat plugin to your WordPress website

In this article, we will provide you with a detailed guide to adding WhatsApp Live Chat Plugin to your website easily.

Also, we will explain to you how to add WhatsApp Live Chat Button to WooCommerce products and categories.

Are you ready? Let’s dive in.

What you can do with WhatsApp Chat support?

The WhatsApp Chat Support plugin for WordPress has listed powerful features and helps you to add WhatsApp Chat support to your website easily.

  • Add single agent WhatsApp chat
  • Add multi-agent WhatsApp chat
  • Add a floating WhatsApp chat button to your website
  • Add a floating WhatsApp chat button to specific pages
  • Display WhatsApp chat support for “All Visitors”, “New Visitors”, “Returning Visitors”, “Logged in users”, and “Guest Users”
  • Add a WhatsApp chat button to specific WooCommerce products, categories, or tags
  • Add WhatsApp chat support to specific WooCommerce Categories
  • Add WhatsApp chat support to specific pages by URL.
  • Exclude WhatsApp chat support from specific pages by URL.
  • Display a single account or multi-account chat window in the floating WhatsApp chat button
  • Create multiple WhatsApp accounts with specific avatars or predefined avatars
  • Predefined templates to create WhatsApp chat easily and in a minute
  • Different styles and positions for Mobile and Desktop
  • Preview the WhatsApp chat in the admin when designing it
  • Custom colors, greetings, icons, and avatars
  • Define custom availability and working hours for each account
  • Define custom availability timezone for each account
  • Keep communicating directly from your WhatsApp account
  • 4 types of WhatsApp chat “Floating Bubble”, “Embed Bubble”, “Embed Chat Window”, “Button”
  • WPML Ready
  • Google Analytics and Facebook Pixel Analytics

Installing WhatsApp Chat Button Plugin in WordPress

The Live Chat Button for WhatsApp is an easy-to-use WhatsApp plugin for WordPress and WooCommerce. It will help you to add a single account or multi-account floating WhatsApp chat to the website in less than 2 minutes. It provides built-in templates for WhatsApp chat that speed up the workflow of adding WhatsApp Support to the website.

Create Account

After installing the WhatsApp Chat plugin, you must create an account for Whatsapp chat

To create an account, navigate to the WhatsApp >> Account tab and create an account like the below image.

Add new WhatsApp chat account
Add An Account

Now fill the required field of the account like “Name”, and ‘Phone number” and set an avatar to the account. You can set the account availability to “Always available” or add custom availability for it. Adding custom availability is available in the pro version of the plugin. Also, you can set a custom timezone for each account that you create, it can help when you have a worldwide team.

Save the account and go to the next step.

Create an account in WhatsApp chat plugin for WordPress
Create Account Form

After you create the account it will be listed in the Accounts list like the below image.

Accounts list in whatsapp chat plugin for wrodpress
Accounts List

Create Single Account WhatsApp Chat

After creating an account in the previous step, navigate to the WhatsApp tab and click on Add New button to create a WhatsApp chat.

Add new WhatsApp chat in WordPress
Add WhatsApp
  • Set a name for WhatsApp.
  • Select a template from the predefined templates list.
  • A preview of the selected template will be shown on the right side.
  • Click on the Apply button to start using the selected template.
create a WhatsApp chat in wordpress
Single Account Template

Now in the Accounts field, you should search for the account name that you have created in the previous step. Search for the created account and select it to add it to the WhatsApp Chat Button.

Add an account to whatsapp chat in wordpress
Add an account

From the Icon section, you can change the button icon and set a text beside the icon.

Change whatsapp chat support icon
Icon

Also, you can change the WhatsApp Button message from the Message section.

WhatsApp Chat Button message
Message

You can change the “Start Chat” button text and icon from the “Start Chat Button” section as like the below image.

Start chat button of the WhatsApp support
Start Chat

After applying the required changes on the WhatsApp Chat button, click on the Save button to save the changes.

Now you will see the floating WhatsApp Chat button on your website as in the below image.

Display WhatsApp chat in WordPress website
Single Account

Create Multi Account WhatsApp Chat Button

To create a multi-account WhatsApp Chat Button, you should create at least two accounts that we explained it in the Create Account section.

After creating at least two accounts, navigate to the WhatsApp tab and click on the Add New button to create a new multi-account WhatsApp Chat Support.

  • Set a name for the multi-account WhatsApp
  • Select a multi-account template from the predefined templates list.
  • A preview of the selected template will be shown on the right side.
  • Click on the Apply button to start using the selected template.
Create multi agent WhatsApp chat in WordPress
Multi-Account Template

After selecting a template, you need to add at least two accounts to WhatsApp. Search for the accounts that you have created and select them in the Accounts field.

Add accounts to multi agent WhatsApp chat button in WordPress
Add Accounts

You can change the Header Text and Description from the Description section like the below image.

Description

Now, your multi-account WhatsApp Chat Support is ready to use and you can Save it.

Multi-Account

This multi-account WhatsApp Chat Button will appear on all of your pages. If you want to add it to specific pages read the below section of the article.

Change Accounts Ordering

You can change accounts’ ordering by dragging and dropping them to the right position inside the multi-select field.

Change Accounts Ordering

Now you will see the floating WhatsApp Chat button on your website as in the below image.

Multi-Accounts

Add WhatsApp Chat Support to Specific Pages

If you would like to add WhatsApp Chat Support to specific pages, after creating a WhatsApp in the previous steps follow the below instructions.

  • Navigate to the Settings tab on the WhatsApp details page.
  • Go to the Display Settings section.
Setting of a WhatsApp support in WordPress
Setting tab
  • Now navigate to the Pages section.
Display settings of a WhatsApp chat button
Display settings

In the Pages section, you have the below options that you can use it.

  • All Pages (Adds WhatsApp Chat to all of the pages on your website)
  • Excluded Pages (Adds WhatsApp Chat to all of the pages excluding listed pages in the Excluded Pages)
  • Specific Pages (Adds WhatsApp Chat to the listed pages)
  • All WooCommerce Products (Adds WhatsApp Chat to all of WooCommerce products)
  • Specific WooCommerce Products (Adds WhatsApp Chat to specific WooCommerce products, categories or tags
Pages options for WhatsApp chat
Pages options

If you would like to add WhatsApp Chat Support to specific pages then follow the below instructions

  • Select Specific Pages from the list.
  • Add the URL of the pages that you would like to show WhatsApp Chat on them. (You can add the full URL of the page like “www.asanaplugins.com/shop” or ignore your site name part and just use “/shop”

In the below image we have added “/shop” and “/cart” URLs, so WhatsApp will be shown on these pages.

Add WhatsApp chat to specific pages
Add WhatsApp chat to specific pages

As you can see from the below image, WhatsApp Chat Support is appear on the “shop” page of the website.

Add multi agent WhatsApp chat to WordPress
Multi-agent WhatsApp Chat Button

Add WhatsApp Chat to WooCommerce

The WhatsApp Chat plugin helps you to add the WhatsApp Chat button to WooCommerce products, categories, and tags. Also, you can exclude specific products, categories, or tags.

You can read this detailed guide to adding WhatsApp Chat support to WooCommerce.

Create Single Button WhatsApp Chat

Single Button WhatsApp Chat is just a Button and when a customer clicks on it, he will be redirected to WhatsApp to start a chat with you. You can add it to posts or pages with the [asnp_chat id=”id_of_chat_in_list”] shortcode.

To create a Single Button WhatsApp Chat, follow the below instructions.

  • Navigate to the WhatsApp tab.
  • Click on the Add New button to add a new WhatsApp chat.
  • Set a name for WhatsApp.
  • From the templates section, select a single button template like the below image.
  • You will see the selected single-button WhatsApp template on the right side.
  • Click on the Apply button to start using the selected template.
Add new WhatsApp
Add new WhatsApp
Create a single button WhatsApp chat in WordPress
Select Single Button

Now, in the Accounts field search for the account that you would like to show in the Single Button WhatsApp. You have created the account in the Create Account section of the article.

After selecting an account in the Accounts field, you will see the preview of the account in the Single Button WhatsApp chat.

Now, click on the Save button to save WhatsApp.

Add an account to a single button WhatsApp in WordPress
Add account

Navigate to the WhatsApp tab, to see created WhatsApp list. In the list, you will see the shortcode of the Single Button WhatsApp that you have created. You can use this shortcode to show the button on posts or pages.

shortcode in the list
shortcode in the list

Copy the shortcode of WhatsApp and add it to a page like the below image.

WhatsApp chat for WordPress shortcode
shortcode

After adding the shortcode to a page update it, then you will see the Single WhatsApp Chat button on the page like the below image.

Single Button WhatsApp Chat
Single Button WhatsApp Chat

Create Multi Button WhatsApp Chat

If you would like to list multiple WhatsApp accounts as WhatsApp Chat Buttons, you can use multi-button WhatsApp chat support. It is useful when you have multiple agents like “Support Manager” and “Sale Manager” or anything else.

To create a Multi Button WhatsApp Chat Support in WordPress follow the below instructions.

  • First, make sure that you have created accounts in the accounts tab. It is explained in the Create Account section of the article.
  • Navigate to the WhatsApp tab and click on the Add New button to create a WhatsApp.
  • Set a name for WhatsApp
  • From the templates section, select a multi-button template like the below image.
  • You will see the selected multi-button WhatsApp template on the right side.
  • Click on the Apply button to start using the selected template.
List of WhatsApp chat accounts
Accounts
Add a new WhatsApp
Add a new WhatsApp
Add multi button WhatsApp chat in WordPress
Multi button WhatsApp chat

Now you should add some accounts to the Accounts field. Search for the accounts and select them.

After selecting accounts in the Accounts field, you will see a preview of the accounts as WhatsApp buttons like the below image.

Add accounts to multi button WhatsApp chat
Add accounts to multi-button WhatsApp chat

Now, click on the Save button to save WhatsApp.

Navigate to the WhatsApp tab, to see created WhatsApp list. In the list, you will see the shortcode of the Multi Button WhatsApp that you have created. You can use this shortcode to show the button on posts or pages.

Now you can copy the shortcode and paste it into a page or post that you would like to show multi-button WhatsApp chat.

Display to Specific users

To display WhatsApp chat support to specific users and visitors you can follow the below instruction.

  • Open one of the WhatsApps that you have created and would like to show it to specific visitors.
  • Navigate to the Settings tab on the WhatsApp details page.
  • Open Display Settings and then open the Visitors section.
WhatsApp chat plugin settings
Settings
WhatsApp chat plugin display settings
Display settings

In the Visitors section, there are below available options.

  • All Visitors (Displays WhatsApp to all visitors of your website)
  • New Visitors (Displays WhatsApp to users who come to your website for the first time)
  • Returning Visitors (Displays WhatsApp to users who had been on your Website before)
  • Logged-in Users (Displays WhatsApp to logged-in users)
  • Guest Users (Displays WhatsApp to guest users)

After selecting the type of visitors that you would like to show the WhatsApp to them, Save the changes.

WhatsApp chat plugin visitors settigns
Visitors settings

Change Colors

After selecting the template, if you are not satisfied with the color of the chat menu, you can change it and choose your favorite colors

To change colors, follow the below instructions.

  • Open the WhatsApp that you would like to change its colors.
  • Navigate to the Styles tab on the WhatsApp details page.
  • Open the Colors section.

In the Colors section, you can change listed parts of the WhatsApp Chat Support like “Header Background Color”, “Button Color”, “Header Text Color”, “Header Icon Color”, “Header Caption Color”, “Icon Background Color”, “Icon Color”, “Icon Text Color”, “Online Border Color” and “Offline Border Color”.

Chat plugin styles
Styles
Change colours
Change colors
Colors description
Colors description

After changing colors, click on the Save button to save changes.

online and offline status colours
Online and offline colors
Applied changed colours
Applied changed colors

Pro Options

Here is a list of the Pro version options that can help more to create better WhatsApp Chat support for your website and store.

  • Define custom availability and working hours for each account
  • Define custom availability timezone for each account
  • Google Analytics
  • Facebook Pixel Analytics
  • Add WhatsApp Chat to specific WooCommerce categories or tags
  • Exclude WhatsApp Chat from specific WooCommerce products
  • Display WhatsApp Chat to logged-in users or guest users
  • Scrollbar for multi-agent WhatsApp chat when you have more agents