Installing Subiz on Websites

1
BV
CT
Last updated last month

What is Subiz Chat?

Subiz Chat is a channel for you to interact with visitors on your website. After integrating Subiz widget into your web, you can interact, follow and convert visitors into customers.

How to integrate Subiz on your website

To integrate Subiz widget into your website, please follow these three steps below:

Step 1: Get Subiz’s embed code

To integrate Subiz chat widget into website, you just need to copy the embed code (mustn’t change any part of it) and paste into pages you want to place the chat widget.

To get embed code, follow steps below:

  1. Sign in to app.subiz.com

  2. Click Settings > Account > Installation

  3. At Subiz Chat Widget > Subiz Embed Code, click Copy code to copy the embed code quickly.

Embed code

Every single account has different embed code so when you change the account you have to re-install embed code.

Step 2: Place embed code into website

Subiz supports almost all platforms so the installation is very simple. Copy the code and Embed into every pages you want to place the chat widget. Subiz code must be pasted before </body> tag.

Place embed code into website

Step 3: Check Subiz’s widget on website

After finishing integration, come back to your website and see if the chat widget displays at the bottom of the right corner or not.

If you still don’t see the chat widget, you can take some more steps to check it in Dashboard:

  1. Sign in app.subiz.com

  2. Click into Settings > Account > Installation

  3. Paste your website’s URL and click Check

Check the embed code in your website

If not successfully, check the code again or contact Subiz support center.

Integrate Subiz on other Website platform

If your website is built on other platforms, find installation guide in the list below and enable the integration in your website’s control panel.

WordPress
Shopify
Wix
Magento
Joomla
  1. Open WordPress Admin Panel > Appearance > Editor

  2. Go to footer.php file in the right column > Open it

  3. Paste Subiz widget code into footer.php (Right before </body> tag)

Integrating Subiz on WordPress Platform
  1. From your Shopify, go to Online Store > Themes.

  2. Find the theme you want to edit and click the Actions button for the theme. Select Edit code

  3. Find theme .liquid file on the side menu. Embed Subiz widget code before the </body> tag. Click Save.

Integrating Subiz on Shopify
  1. From your Dashboard, go to Manage & Edit Site

  2. Click Edit Site > Add button > More > HTML iframe. Dragging the newly added iframe to the footer (can adjust the position of the iframe)

  3. Click Add code and paste embed code. Click Save

To embed Subiz code on your Magento, go to your Magento them files and check if the file indicated exists or not, so please refer two options below:

Option 1

  1. Look for your Magento tempale in app/design/frontend/{template}/page/html/head.phtml. If this file doesn’t exist, then you will need to check if the app/design/frontend/{template}/default/page/html/head.phtml file exists.

  2. Paste Subiz embed code right before the </head> section of the file.

Option 2

You only need to do this option if the template files described in the option 1 don’t exist. This situation due to some custom Magento templates might not have a head.phtml file and the template would be using the base template file.

  1. Copy the app/design/frontend/default/page/html/head.phtml file from your default base template to your custom template folder at app/design/frontend/{template}/page/html/head.phtml.

  2. Open the file and paste Subiz chat code before the </head>

  1. Open Joomla Admin > Template Manager > Choose your Template and Filter by site

  2. Choose your templte > Open Index.php file

  3. Paste Subiz embed code right before </body> tag > Finish

Integrating Subiz on Joomla

Integrate Subiz via Google Tag Manager

Subiz works with Google Tag Manager

When you use Google Tag Manager on your website, you can integrate Subiz chat into your website through Google Tag Manager according to the following steps:

  • Select website account will integrate Subiz chat at All account

  • Create new Tag: At WORKSPACE, select Tags> NEW

Create new Tag
  • Untitled Tag: Edit Tag name to understand Tag function

  • Tag Configuration: Select tag type: Custom HTML> Copy the embed code Subiz and paste it into the HTML box

  • Tick (choose) Support document.write

  • Triggering: Select All Pages if you want to display the Subiz chat window on all pages of the website

Tag Subiz chat on Google Tag Manager

Note: The trigger tells the tag to fire when the specified event like form submissions, button clicks, or page views is detected. For examples:

  • All Pages will display the Subiz chat window.

  • Only some pages will display the Subiz chat window.

  • Visitors have a specific event such as a pageview, a click on a button, a form submission, .... will display the Subiz chat window.

  • Select SAVE > select SUBMIT in the right corner of the screen > Enter the description in Publish and Create Version > select PUBLISH to complete.

Now, go to the website and select F5 reload the page, check the display of Subiz chat window Subiz on your website.

We are here for you help. Let us know if you have any questions via email Support@Subiz.com