Adding chatbots to your GoDaddy website

Adding a chatbot to your GoDaddy website is quick and easy. You have three different options:

  • Standalone chatbotDon't want to fuss with code and installation? No problem! Send your customers and leads straight to your chatbot with a simple link. 
  • Pop-up chatbotA chatbot that pops up after a visitor clicks a specific button or link on your website. Engage with visitors in specific areas of your website, so you can learn more about them and qualify them further. All visitors to the page see this button or link and can click it to access the pop-up chatbot. Added to the html body of your site.
  • Targeted chatbot: Uses Audiences, defining which type of visitors you want to target with a chatbot. You can show another Audience a different chatbot with different interactions. Added to the header.

Note

Adding custom javascript requires a GoDaddy Business or Commerce plan.

Offer a standalone chatbot

No installation required in GoDaddy! Simply create a new standalone chatbot and copy the link. 

  1. Go to Chatbots on the left.
  2. Click on the Create chatbot button and select Standalone chatbot.

Create the chatbot as you prefer, either from scratch or using a template. 

If an existing standalone chatbot is close to what you're wanting, you can duplicate that one instead by clicking the three-dot menu by that chatbot and selecting Duplicate.

When you've added the interactions you want, routed them, and designed the chatbot t as you like, navigate to the Publish tab. You'll find a standalone chatbot link you can copy.

Figure 1: Copy the link for your standalone chatbot

That's it! Send this link to whomever you wish, or use it in an ad or email campaign.

Add a pop-up chatbot to your website

Create the chatbot

  1. Go to Chatbots on the left.
  2. Click on the Create chatbot button and select Pop-up chatbot.

Create the chatbot as you prefer, either from scratch or using a template. 

If an existing targeted chatbot is close to what you're wanting, you can duplicate that one instead by clicking the three-dot menu by that chatbot and selecting Duplicate.

When you've added the interactions you want, routed them, and designed the chatbot as you like, navigate to the Publish tab.

Lightbox option

Although OnceHub offers two ways to view the pop-up box, both Lightbox and Widget options, for GoDaddy you should select the Lightbox option. This is because GoDaddy's limitations on its custom code field doesn't allow the widget to display. 

The Lightbox opens over the whole website when clicked by the visitor and captures their attention completely.

Install the code

In OnceHub

You'll grab the code you need for GoDaddy.

  1. On the Publish page, choose the Lightbox publishing option.
  2. Copy the code.

Figure 2: Select the publishing option you want

In GoDaddy

You'll add a custom code section to your website, on each individual page where you want a chatbot. This creates an iframe on the page, where your chatbot will appear.

  1. Edit your website in the Website Builder.
  2. In the place you want to add your pop-up chatbot link, add a custom code section.
  3. Go to Files & Web HTML and select Add
  4. Paste the code from OnceHub into the Custom Code field and adjust as needed (for instance, the text for the link).
  5. Make sure the Forced Height field is high enough to display the Lightbox.  
  6. Save your website. 

That's it! Your website can now display your pop-up chatbot in the place you added it.

The default code you copied displays a link with the text "Start chat". You can adjust this text however you like. 

Use a button instead of a link

If you want a button for your pop-up chatbot rather than a link, you can use this code, adjusting relevant parts to identify your specific chatbot and define your preferences: 

<!-- ChatOnce embed START -->
<script id="co-index" src="https://cdn.oncehub.com/co/widget.js?website_id=WEB-##########&bot_type=2" defer></script>
<a 
style="
background-color: #006bb1;
border-radius: 50px;
padding: 10px;
color: #ffffff;
font-family: "Arial";
font-size:18px;
font-weight: normal;
text-decoration: none;
"
data-co-bot-display="pop-up" data-co-bot="BOT-##########" href="#" >Start chat</a>
<!-- ChatOnce embed END --> 

Items for updating in the button code:

  • Website ID code (REQUIRED) - This starts with WEB-, followed by an alphanumeric sequence you can grab from your chatbot's code on the Publish tab. 
  • Bot ID code (REQUIRED) - This starts with BOT-, followed by an alphanumeric sequence you can grab from your chatbot's code on the Publish tab.
  • Optional styling:
    • background-color - Match your website's branding color
    • border-radius - The roundness of the button corner
    • padding - Size of the button around the text
    • color - Text color
    • font-family - The font you want the text to use
    • font-size - Size of font
    • font-weight - Normal, bold, etc.
    • text-decoration - Add an underline or other styling to the text
      • Keep in mind this will show at all times, whether hovering over the button or not


Add a targeted chatbot to your website

Create the chatbot

  1. Go to Chatbots on the left.
  2. Click on the Create chatbot button and select Targeted chatbot.

Create the chatbot as you prefer, either from scratch or using a template. 

If an existing targeted chatbot is close to what you're wanting, you can duplicate that one instead by clicking the three-dot menu by that chatbot and selecting Duplicate.

When you've added the interactions you want, routed them, and designed the chatbot as you like, navigate to the Publish tab.

Install code

Installing the code is quick and easy. 

In OnceHub

You'll grab the code you need for GoDaddy.

  1. Go to Chatbots on the left.
  2.  On the left, go to Targeted chatbot settings Installation
  3. Select to Install it yourself or Send to a teammate
  4. Copy the code.

Figure 3: Installation code for a targeted chatbot

In GoDaddy

You'll add the code to your header

  1. Edit your website.
  2. In the left panel, click Settings
  3. Click Head HTML. Learn more
  4. Add the code to the Head HTML section and click Save.

That's it! Your website can now display your targeted chatbot on the pages you want, according to the Audience rules you set.


Was this article helpful?
Thank you for your feedback!