Use the free Insert Headers and Footers or WPCode plugin — both work great and take under a minute to set up.
Log in to your WordPress admin
Go to yourwebsite.com/wp-admin and log in with your username and password.
Install the "Insert Headers and Footers" plugin
In the left menu, click Plugins → Add New. In the search box at the top right, type Insert Headers and Footers. Click the Install Now button next to the plugin by WPBeginner, then click Activate.
Alternatively, search for WPCode — it's the same idea and works just as well.
Open the plugin settings
In the left menu, click Settings → Insert Headers and Footers. (If you installed WPCode instead, click Code Snippets → Headers & Footers.)
Copy your InstantBot code
Copy the code below — this is your personal InstantBot snippet.
This is your unique code. Don't share it with anyone else.
Paste the code into the "Scripts in Footer" box
On the plugin settings page, find the box labelled "Scripts in Footer" (the bottom section). Click inside that box and paste your code (press Ctrl+V on Windows or Cmd+V on Mac).
Click Save
Scroll down and click the Save button. That's it!
Now visit your website in a new browser tab — you should see the InstantBot chat button in the corner of your page.
You'll add the code directly to your Shopify theme. This sounds technical but Shopify makes it straightforward — just follow these steps exactly.
Log in to your Shopify store admin
Go to yourstore.myshopify.com/admin and log in.
Go to Online Store → Themes
In the left sidebar, click Online Store. A submenu will appear — click Themes.
Click "Edit code" on your current theme
You'll see your active theme at the top. Click the three-dot menu (⋯) or the dropdown arrow next to the Customize button, then click Edit code.
Open the theme.liquid file
On the left side of the code editor, you'll see a list of files. Look for a folder called Layout and click on theme.liquid inside it.
Copy your InstantBot code
Find </body> and paste just before it
In the code editor, press Ctrl+F (Windows) or Cmd+F (Mac) to open the search box. Type </body> and press Enter. This will highlight the closing body tag near the bottom of the file.
Click just before the </body> text, then paste your InstantBot code (Ctrl+V / Cmd+V).
Click Save
Click the Save button in the top-right corner of the code editor. Visit your store — you should see the InstantBot button!
Wix has a built-in "Custom Code" feature in the site settings that lets you add code to every page on your website without any technical knowledge.
Log in to your Wix account
Go to wix.com, click Log In, and enter your credentials. Then click Edit Site on your website.
Open Settings
Once inside the Wix Editor, look for the top menu bar. Click on the Settings option (it may appear as a gear icon or in the left panel).
Go to Advanced → Custom Code
In the Settings panel, scroll down to find Advanced. Click on it, then click Custom Code.
Click "Add Custom Code"
On the Custom Code page, click the + Add Custom Code button.
Copy your InstantBot code
Configure and paste the code
A panel will slide in. Paste your code in the large text box. Then:
- Give it a name like InstantBot
- Set "Add Code to Pages" to All Pages
- Set "Place Code in" to Body - end
Click Apply, then Publish your site
Click the Apply button to save the code, then click the big Publish button to make it live on your website.
Squarespace has a "Code Injection" feature that lets you add code to every page of your site at once. It's available on Business and Commerce plans.
Log in to your Squarespace account
Go to squarespace.com and log in. Click on your website to open the editor.
Go to Settings
In the left sidebar menu, click Settings (the gear icon).
Click Advanced, then Code Injection
In the Settings menu, scroll down and click Advanced. Then click Code Injection.
Copy your InstantBot code
Paste into the Footer box
You'll see two boxes — one for the Header and one for the Footer. Click inside the Footer box and paste your InstantBot code there.
Click Save
Click the Save button at the top of the page. Your InstantBot will now appear on every page of your Squarespace site!
In Webflow, you add custom code through the Project Settings. This adds InstantBot to every page of your site automatically.
Open your Webflow project
Log in at webflow.com and open your project in the Designer.
Go to Project Settings
Click the Webflow logo (the "W" icon) in the top-left corner of the Designer. Then click Project Settings.
Click the "Custom Code" tab
In Project Settings, click the Custom Code tab at the top of the settings panel.
Copy your InstantBot code
Paste into "Footer Code"
Scroll down to find the Footer Code section (below the Head Code section). Click inside the box and paste your InstantBot code.
Save and publish
Click Save Changes. Then go back to the Designer and click the Publish button to push the changes live to your website.
If your website is built with plain HTML, or you're using a platform not listed above, you can add InstantBot by pasting one line of code into your HTML file. If you have a web developer, just send them this page.
Open your website's HTML file
Open your main HTML file (usually called index.html) in a text editor. You can use Notepad (Windows), TextEdit (Mac), or any code editor like VS Code.
Copy your InstantBot code
Find </body> in your file
Use your text editor's Find feature (Ctrl+F or Cmd+F) and search for </body>. This tag is usually near the very bottom of the file.
Paste the code just before </body>
Click just before the </body> tag and paste your InstantBot code. It should look something like this:
Save the file and upload it
Save the file (Ctrl+S / Cmd+S). Then upload the updated file to your web server using FTP or your hosting control panel (like cPanel or Plesk).
Don't want to do it yourself?
Our team sets up InstantBot on your website for you — completely done for you. No technical knowledge needed.
Get the Komplett-Service →Send to your web developer
Have someone who manages your website? Send them these instructions.