Do you ever feel like your website visitors are struggling to find what they need? You’re not alone.
Many times, I type 2-3 words into a WordPress search box only to get the dreaded “No results found”.
Wouldn’t it be nice if ChatGPT could understand all your website content so that visitors can have conversations with it?
In this blog post, I will show you how to index all your website content and then send it to ChatGPT with the reader’s conversation or search query.
In short : ChatGPT + Your Website Content.
So without further ado, let’s get started.
There are many reasons to use ChatGPT with your Website content, the biggest being: Better customer engagement.
Nobody wants customers and visitors to be frustrated with “No results found” or aimlessly browsing the site to find what they are looking for.
As people get used to having conversations with ChatGPT, they will ask longer and longer questions in your website search box.
Currently, the default WordPress search is designed for 1-2 keywords and usually gives the dreaded “No results found”
Like this simple example where I asked “are coffee grinds good for indoor plants?” on a site about indoor plants, only to get “NOTHING FOUND”
Rather than a boring list of webpages, visitors are now expecting to get a conversational experience in their own words. Maybe in their own language as well.
They want to ask their questions in natural language. And are expecting responses in a conversational way. Just like they are not coming to expect in ChatGPT.
Using the same example above, this is the type of response they are expecting.
The visitor expectation is that the response is based on your website’s specific content and expertise.
Not the general ChatGPT knowledge base. There are many plugins that claim to add ChatGPT to WordPress or websites or browsers. But all they are doing is querying the generic ChatGPT API.
What is needed is for ChatGPT to understand your specific content – based on the question the user is asking.
So in essence, something that will take pieces of your content that are relevant to what the user is asking and send them to the ChatGPT API.
In this example, it’s expected that the website is an expert in Indoor plants and so the responses are conversational responses based on the content of that website.
Consider this response to a search query – the response was conversational and based on the expertise of that particular website – not a generic answer from Google or ChatGPT.
To index your website content and then send it to ChatGPT, we use two systems:
To be able to do this, CustomGPT first crawls, parses and indexes all your content in its databases and gets it ready to be searched using OpenAI language models. For the technically inclined, this process is called “embeddings”.
When the user asks a question, using the OpenAI language models, CustomGPT matches the user’s query to the correct content segments that are relevant to the query. This matching happens across languages. So even if the content is in English and the user query is in French, it will find the right content pieces.
So in the above example, if the website talks about “coffee grinds” in 5 different blog posts, it will find the correct segments from those posts.
These content segments are then packaged and sent to the ChatGPT API.
The ChatGPT API that we all know and love receives the request with the user’s query AND the relevant pieces of content from your website. This is called “context”.
And the API is asked to respond within that context. Which means: ChatGPT is requested to answer the question with your website content – not making things up from things it learnt from the Internet.
This part is important: Because you want the visitor to trust your expertise and website content.
The responses returned by the ChatGPT API are then nicely packaged into a widget branded with your logo and background as seen above.
You can see this entire process live in action here: https://www.indoorplantschannel.com/?s=vine+plants
So this now begs the question: How can you have this for your website?
Here is the step-by-step guide.
First locate the sitemap of your site. If you don’t know where this is, it’s usually at yourdomain.com/sitemap.xml or you can use this helpful sitemap finder.
The next step is to have CustomGPT suck in all your content and index it (using OpenAI’s language models). This might take a few minutes, depending on how much content you have.
Once your bot is built, you can test it in the dashboard with some queries and see if the results are good for your website visitors.
If you are satisfied with the responses, grab the “Embed” code from the “Project Settings”.
At this stage, you have a functioning chatbot working with your content + ChatGPT and are ready to copy-paste the code into your website. If you are unfamiliar with this process, please ask your web developer.
Common places to embed the widget are:
Quick tip:
If you want to integrate this with your wordpress search functionality, you can do this by capturing the wordpress search like this and passing it into the widget:
prompt="<?php echo get_search_query(true); ?>"
Here are some customizations that you might be interested in. Your web developer might also have many ideas on how to integrate the widget into your website.
What fun is a bot if it can’t be customized to your brand and personality. You want the logo to be your own. And the look-n-feel to be exciting to reflect your brand.
You can customize the logo and background to your brand settings.
Make sure you use small file sizes for these. You don’t want to download large files each time your visitors use the bot.
You can customize the initial greeting. Do something catchy and fun. Or if you want, you can change the greeting to your local language.
To guide your visitors, you can add some sample questions to get the conversation started.
This experience is most effective when it is directly integrated into the WordPress search experience.
Your WordPress developer can do this easily by integrating it into the search results page. In the above example, here is the code that was used (please replace with your own chatbot values)
<div id="customgpt_chat"></div>
<script src="https://cdn.customgpt.ai/js/embed.js" width="100%" height="500px" p_id="170" p_key="6779749f3ff3cf3f7f339a94571caa4c" div_id="customgpt_chat" prompt="<?php echo get_search_query(true); ?>"></script>And if you really want your website visitors to literally talk to your content, then you can add the Livechat widget.
This will appear in the bottom right corner (similar to common Livechat widgets) and will let your visitors chat with your content.
Quick hint: It also works great if you have helpful contact information and other data on your website. So it can serve as a customer service/lead generation for your website.
No. You can use any website you want. As long as you have a sitemap.
It uses your content to answer the questions. This process combines your content with the ChatGPT API.
They just search the general ChatGPT. They dont have any idea about your content.
Yes. We support 92 languages. And ChatGPT automatically adapts to the language that the visitors use. So your content could be in English and if the visitor asks a question in Portuguese, it will respond in Portuguese.
Please see the pricing page for the best plan that meets your needs, depending on the amount of content you have and the traffic you get.
No. You can build your bot by uploading your files. Or use your competitor’s website. Or you can build your bot from a custom collection of webpages. You can even combine ALL your company content like website, helpdesk, product manuals, documents, Excel spreadsheets, Powerpoints, etc and build one consolidated bot.
Yes – it’s coming soon. With this you can integrate the bot into your applications and create custom experiences.
Not at this time. But it’s possible enterprising developers will build plugins and use our partner program to monetize them.
In conclusion, ChatGPT is a powerful tool that can revolutionize your website’s user experience. Using your content + ChatGPT, you can create a more engaging, helpful, and conversational environment for your visitors.
What will you do with this? Share your thoughts in the comments below.
2 Comments
Alden, thanks for this helpful post. In your examples above, I note that it IS possible for your AI to crawl my website’s site map / URLs to capture the data. Does this work with a membership site where 95% of the useful content sits behind a paywall? If it doesn’t, is there a way that allows your AI to “login” to our content?
Mark, unfortunately, the crawlers cannot “login” to private content. While that is technically possible, it would also be a security issue with your private content. The better way is for you to “push” the content to our bot. We are planning a Zapier integration which should be out soon. But till then, if you can find a way to “Upload” your content, that would be the best option.