Skip to content
Start free

How to add Instaquote to your WordPress site

This guide puts the Instaquote chat bubble on every page of your WordPress site. You'll copy your code, paste it once in your site's footer code, and add your website's address to your Sites list. You don't need to be technical.

What you need:

  • Your Instaquote console login
  • Admin access to your WordPress dashboard
  • On WordPress.com: a paid plan (see Option D)

Step 1: Copy your Instaquote code

  1. Log in to your Instaquote console.
  2. Go to the Install & origins page.
  3. Under How should it show on your site?, leave Chat bubble (recommended) selected. That's the small chat button in the bottom-right corner of every page.
  4. Click Copy code.

Your code is two short pieces: a <div> and a <script>. It looks something like this:

HTML
<div id="instaquote" data-firm-id="YOUR_FIRM_ID" data-api-url="https://api.instaquoteai.app" data-mode="chat" data-locale="en-AU" data-environment="production" data-firm-name="Your Business" data-embed="bubble"></div>
<script src="https://widget.instaquoteai.app/v1/widget.js" defer></script>

Don't type it out. Your own code has your business details in it, so always use Copy code and paste it exactly as it is.

Step 2: Paste it once, site-wide, at the end of the page

Pick one of the options below. Whichever you use, add the code in one place only. If it's already on your site another way, remove the old copy first, or the chat can load twice.

  • Not sure, or none of the others apply? Use Option A: WPCode. It's free and works on almost any WordPress site.
  • Got Elementor Pro? Option B.
  • Using the Divi theme? Option C.
  • On WordPress.com? Option D.

Don't use the block editor's Custom HTML block, and never put the code in your theme header. The chat needs to be site-wide, at the end of the page.

Option A: WPCode (free plugin, recommended)

  1. Log in to your WordPress dashboard.
  2. Go to Plugins > Add New. Search for WPCode, then click Install Now and Activate.
  3. In the left menu, go to Code Snippets > Header & Footer.
  4. Paste your Instaquote code into the Footer box. Leave the Header and Body boxes alone.
  5. Click Save Changes (top right).
  6. If you use a caching plugin, clear the cache.

Option B: Elementor Pro

You need Elementor Pro (the paid version). On free Elementor, use WPCode instead.

  1. In your WordPress dashboard, go to Elementor > Custom Code.
  2. Click Add New Custom Code and give it a title, like "Instaquote".
  3. Set Location to </body> - End.
  4. Paste your Instaquote code into the code box.
  5. Click Publish. When asked for conditions, choose Entire Site, then save.
  6. Clear your cache if you use a caching plugin.

Option C: Divi theme

  1. In your WordPress dashboard, go to Divi > Theme Options.
  2. Click the Integration tab.
  3. Make sure Enable body code is switched on.
  4. Paste your Instaquote code into the box called Add code to the < body >. Don't use the head box.
  5. Click Save Changes, then clear your cache if you use a caching plugin.

Option D: WordPress.com

WordPress.com (where WordPress hosts the site for you) only allows this kind of code on a paid plan. The free plan won't work.

  1. Make sure your site is on a paid plan. If WordPress asks you to turn on hosting features, say yes.
  2. Install the free WPCode plugin (Plugins > Add New, search "WPCode", install and activate).
  3. Follow Option A from step 3.

Step 3: Add your site to the Sites list

Instaquote only runs on websites you've approved.

  1. In your Instaquote console, go to Install & origins.
  2. Check the Sites list. Every address your site runs on must be there, exactly.
  3. If one's missing, go to Add a site, type the full address (like https://www.yourbusiness.com.au), then click Add site.

A few things to know about addresses:

  • www and non-www are two different sites. If both work, add both.
  • Include the https://, and the port if there is one.
  • Each subdomain needs its own entry.

New sites can take up to a minute to start working.

Check it's working

The chat doesn't show in the WordPress editor or in previews, so always check your live site.

  1. Make sure your changes are saved and your cache is cleared.
  2. Wait about a minute.
  3. Open your live website in a private window (Incognito in Chrome, Private in Safari).
  4. Look for the chat bubble in the bottom-right corner.
  5. Click it and ask a test question, like "How much to replace a tap?"

If it answers, you're done.

Troubleshooting

The bubble isn't showing

  • Are you looking at the editor or a preview? Check the live site in a private window instead.
  • Is your site on the Sites list, exactly as people visit it (www or not, with https://)? If it shows as Being blocked, click Add this site, wait a minute, then reload.
  • Did you clear your caching plugin's cache?
  • Is the code in the footer or body end area? It shouldn't go in the theme header, a page section or a Custom HTML block.
  • On WordPress.com, is your site on a paid plan?

The chat appears twice or acts strangely

The code is probably on your site more than once, for example in WPCode and in your theme. Remove the extra copy so it's only in one place.

The chat sits in the page, not the corner

You've got the inline version. In the console, go to Install & origins, pick Chat bubble (recommended), click Copy code, and replace the old code with the new code. Don't add a second copy.

Still stuck? Book a free 15-minute setup call and we'll walk through it with you.

Next steps

Your next job is already asking. Book a free 15-minute setup call