Skip to main content
VoiceSolution Request a Solution Buy Website Chatbot
VoiceSolution Open menu

Install guide · Voice AI for your website

How to add a voice AI chatbot to your website

One line of code adds the voice and text assistant to every page. Copy it from the VoiceSolution app, paste it in the right place for your website builder, and test it.

The code

Copy your install code

In the VoiceSolution app, open your widget and copy the install code. It already contains your widget ID. It looks like this:

Paste just before </body>, on every page
<script src="https://app.voicesolution.si/widget.js" data-widget-id="YOUR_WIDGET_ID"></script>

Where to paste it

Your website builder, step by step

  • WordPress

    Use a "header and footer code" plugin and paste the code into the footer box, or add it to your theme's footer.php just before </body>.

  • Shopify

    Online Store → Themes → Edit code → layout/theme.liquid, and paste the code just before </body>.

  • Wix

    Settings → Custom code → Add code, choose "Body - end" and "All pages", then paste the code.

  • Squarespace

    Settings → Advanced → Code injection, and paste the code into the Footer box.

  • Webflow

    Site settings → Custom code, and paste the code into "Footer code". Publish the site.

  • Drupal

    Add the code to your theme's html.html.twig before </body>, or attach it as a theme library.

  • Google Tag Manager

    New tag → Custom HTML, paste the code, trigger on All Pages, then submit and publish the container.

  • Any HTML website

    Open each page's HTML (or your shared footer file) and paste the code just before </body>.

After installing

Check that it works

  1. Open your website

    Reload the page. The chat button appears in the corner.

  2. Ask by text

    Ask a question your pages answer, such as your opening hours.

  3. Ask by voice

    Tap the microphone, allow microphone access, and ask out loud.

  4. Try another language

    Ask in Tamil or Hindi and check the answer comes back in the same language.

Questions

Install questions

The chat button does not appear. What should I check?

Make sure the code is on the page (view the page source), that your site is published, and that your website address is added to your widget in the app.

Will it slow down my website?

The script loads after your page content, so your text and images appear first.

Can I show it only on some pages?

Yes. Paste the code only on those pages, or use a Google Tag Manager trigger for the pages you choose.

Does voice need HTTPS?

Yes. Browsers only allow the microphone on secure (https://) pages.

Ready to add voice to your website?

Start the 14-day free trial and get your install code.