How to Embed Google Gemini in your Website

In this article we're going to show you how you can easily embed Google Gemini into your website in 5 minutes.  The embedded Gemini chatbot is fully customizable, you can pick any of the latest models from Google to use with your chatbot.  Train Gemini on all of your website data in one click, upload product specs, spreadsheets or other data to use as training content.

With your embedded Gemini Chatbot, set up human escalation to invite in your team as needed by integrating  Google Chat, Microsoft Teams,Slack, Zoom or Webex.  So you can keep using the tools you already use to answer website chats as needed.  Set up keywords that trigger human escalation and monitor active chats so your company can respond to your website visitors at the appropriate time in the chatbot conversations.  Create custom AI Actions in your Gemini Chatbot to connect real-time data like order info, schedule demos, and much more.

Here are some things you can do with your embedded Gemini Chatbot in your website:

  • Pre-qualify your leads with a chatbot
  • Train your Gemini chatbot on website data
  • Choose your Gemini model including Gemini 2.5 Pro and all recent models
  • Set up initial System messages for the Gemini API
  • Setup Human Escalation Trigger phrases that will invite agents to your visitor conversations
  • Set up Questions and Answers about your business for additional chat context
  • Lookup customer information using custom AI Actions to access API data
  • Register leads to your CRM, mailing list, or ticket system with a chatbot
  • Direct your website visitors to website information with Gemini

Embed Claude AI in Website

Here's a step by step guide to embedded Gemini in your website with Google + Social Intents.

High Level Steps

  1. Create your Gemini Account and API Key
  2. Create your Social Intents Free Trial
  3. Train your Chatbot on your data

Step 1.  Create your Gemini account and create your API Key

If you haven't already, sign up for your Google Gemini AI account here: https://ai.google.dev/

AI Google Gemini Home

Click on the Explore model in Google AI Studio if this is your first time, then select Get API Key as in the screenshot below:

Gemini Chatbot API Key

Now click the Create API Key in existing project or create a new project for the key.  Copy the API Key for use in the Social Intents settings in the next step.

Create Gemini API Key Screenshot

Step 2. Create a Social Intents Free Trial

If you don't already have an account with Social Intents, simply register for a Free Trial.

Once you sign up, select  'Create an AI Chatbot'.

Signup Create AI Chatbot

Step 3. Train your Chatbot on your Website Data

Next, enter your website URL and click Add to add your website pages to your training data.

Claude Chatbot Training Website Data

Click 'Train all data', to train your new chatbot on your website data then click 'Next'

Claude Chatbot Trained

That's it!  Your Chatbot is now trained on your website data and ready to deploy.  You can grab your code snippet to embed in your website now or copy it later.

Step 4.  Copy your Live Chat Code Snippet to your Website

Now just copy the Live Chat code snippet to your website to embed your Gemini chatbot on your site.

And grab your code to add to your website pages or template:

Step 5.  Add your Gemini API Key to your Chatbot Settings

Click into your Live Chat settings and head over to the AI Chatbot tab.  The first field you'll see is your AI Model - this is where you can pick the best Gemini Model to use for your Chatbot.  Finally, enter your API Key that you configured in Step 1 above from Gemin into the API Key section and Save.

Gemini Chatbot Settings

That's it!  Your Gemini AI Chatbot is added on your website!

Now you're ready to test your chatbot powered by Google Gemini and your chat is enabled on your website and is ready to answer your visitor questions using Claude AI!

Embedded Claude Chatbot

Ready to Integrate Google Chat, Slack or Microsoft Teams for Agent Escalation?

Optionally, you can add additional integrations for your agents to answer chats, or visitors to start chats from WhatsApp or Messenger in addition to the website chat.

Claude Chatbot Integrations

Ready to Get Started by Embedding a Gemini Chatbot in your website?

Start our free 14-day Trial to add a website enabled live chat widget powered by Google Gemini to your website.