NetSuite: add LiveChat to your SuiteCommerce

Krzysztof Kraus
5 min read
updated: Jun 19, 2019
Note that LiveChat can be integrated with SuiteCommerce and SuiteCommerce Advanced.
Note that LiveChat can be integrated with SuiteCommerce and SuiteCommerce Advanced.

NetSuite LiveChat: add LiveChat to your SuiteCommerce website and gain an additional channel of communication with your website visitors. With this detailed tutorial, we will guide you through all the necessary steps of the integration process:

LiveChat for SuitCommerce requires a free Google Tag Manager account. If you don’t have one, click here to sign up!
LiveChat for SuitCommerce requires a free Google Tag Manager account. If you don’t have one, click here to sign up!

NetSuite LiveChat: Google Tag Manager

  1. First, log into your NetSuite dashboard and go to the Customization section.

NetSuite LiveChat: Log into NetSuite and go to Customization

  1. Choose SuiteBundler from the list of available options.

NetSuite LiveChat: Go to SuiteBundler

  1. Now, click on Search & Install Bundles.

NetSuite LiveChat: Click on Search & Install Bundles

  1. On the next section, type Google Tag Manager in the Keyword section and click on Search button.

NetSuite LiveChat: Look for Google Tag Manager

  1. From the list of available bundles, choose SC Google Tag Manager Editor.

NetSuite LiveChat: Choose SC Google Tag Manager Editor from the list of bundles

  1. Next section will provide you with some details about the package that you’d like to install. To proceed, click on Install button.

NetSuite LiveChat: Click on Install on Bundle's details screen

  1. You should see a little prompt, asking you to give permissions to the SC Google Tag Manager provider to perform future updates on your NetSuite account. Click on OK to grant permissions and continue.

NetSuite LiveChat: Grant permissions to SC Google Tag Manager provider

  1. You will be taken to the Preview Bundle Update section. While there, click on: Install Bundle.

NetSuite LiveChat: Click on Install Bundle button

  1. We are almost there! To finalize the installation of SC Google Tag Manager, confirm your action by clicking on OK button.

NetSuite LiveChat: Click on OK to finalize the process of installing SC Google Tag Manager

Done! Now that SC Google Tag manager bundle is installed, it is time to link your Google API OAuth client ID with NetSuite. To learn how to get your OAuth clientID and how to use it in NetSuite, check out the chapter below.

NetSuite LiveChat: Google API OAuth clientID + NetSuite

Creating your Google OAuth clientID

OK, so this is a tricky part but don’t worry! We will guide you through each required step.

  1. First, click here to log into Google API Credentials Console. While there, click on Create credentials button.

NetSuite LiveChat: Click on Create Credentials button in Google Console

  1. From the list of available options, choose OAuth client ID.

NetSuite LiveChat: Choose OAuth client ID from the list of available options

  1. Pick Web application as a type of app that you want to create.

NetSuite LiveChat: pick Web application as your application type

  1. Now it’s time to set up the Authorized JavaScript origins and Authorized redirect URIs. To do that, copy the values from below and paste them, one by one, into the corresponding fields.
  • Authorized JavaScript origins

Your NetSuite account URL
https://system.netsuite.com
https://system.na1.netsuite.com
https://system.na2.netsuite.com
https://system.na3.netsuite.com
https://system.eu1.netsuite.com
https://system.eu2.netsuite.com
https://system.eu3.netsuite.com

NetSuite LiveChat: add Authorized JavaScript origins

  • Authorized redirect URIs

Your NetSuite account URL
https://system.netsuite.com
https://system.na1.netsuite.com
https://system.na2.netsuite.com
https://system.na3.netsuite.com
https://system.eu1.netsuite.com
https://system.eu2.netsuite.com
https://system.eu3.netsuite.com

NetSuite LiveChat: add Authorized redirect URIs

  1. After pasting all the addresses, click on Create to continue.

NetSuite LiveChat: Click on Create to continue

  1. All that is left is to copy the client ID generated for your account.

NetSuite LiveChat: copy client ID

And that’s it: your client ID is now ready, and we can link it with NetSuite. Let’s see how to do that.

  1. Now, go back to your NetSuite dashboard. While there, go to Setup section.

NetSuite LiveChat: Go to Setup section of your NetSuite

  1. From the options available in Setup Manager, choose Company β†’ General Preferences.

NetSuite LiveChat: Go to General Preferences in your Company menu

  1. General Preferences consists of different sections that you can configure. The one that we are interested in is called Custom Preferences.

NetSuite LiveChat: Configure Custom Preferences of your Company

  1. To finalize this step, you will need to paste the Google Tag Manager client ID that you created before…

NetSuite LiveChat: Use Google Tag manager client ID

  1. And Save changes to your current configuration.

NetSuite LiveChat: Save changes to your GTM client ID configuration

It may feel like a long ride, but I promise: we’re halfway there. Now that the GTM client ID is ready, let’s link Google Tag Manager with your NetSuite domain.

  1. To link Google Tag Manager with your NetSuite domain, let’s go back to Setup manager for a bit.

NetSuite LiveChat: Go to Setup section of your NetSuite

  1. As a next step, go to SuiteCommerce Advanced section.

NetSuite LiveChat: Go to SuiteCommerce Advanced section

  1. Now proceed to the Configuration menu, where you will be able to choose which NetSuite domain would you like to link with Google Tag Manager.

NetSuite LiveChat: Go to Configuration menu to choose NetSuite domain

  1. Choose which of your NetSuite website and domain would you like to link with Google Tag Manager. Once you’ve done that, click on the Configure button.

NetSuite LiveChat: Choose and configure domain to be linked with GTM

  1. On the next screen, proceed to Integrations β†’ Google Tag Manager.

NetSuite LiveChat: Choose Google Tag Manager from the list of available Integrations

  1. As a final step, provide the ID of your Google Tag Manager and click on Save button.

NetSuite LiveChat: Provide your Google Tag Manager ID and Save changes

Now that the Google Tag Manager is linked with your NetSuite, there is one final step: adding LiveChat to your SuiteCommerce website! To learn how to do that, check out the chapter below – and this one will be our last. πŸ™‚

NetSuite LiveChat: Add LiveChat to your SuiteCommerce

  1. For the last time during the configuration, let’s proceed to the Setup section of your NetSuite dashboard.

NetSuite LiveChat: Go to Setup section of your NetSuite

  1. While there, proceed to the SuiteCommerce Advanced section.

NetSuite LiveChat: Go to SuiteCommerce Advanced section of Setup manager

  1. From the list of available options, choose Google Tag Manager Editor.

NetSuite LiveChat: Choose Google Tag Manager editor

  1. Google Tag Manager Editor will greet you with the Sign In with Google button. Click on it to proceed.

NetSuite LiveChat: Sign In with Google

  1. Now that you’re signed in, choose your Google Tag Manager account and click on the container that you want to edit.

NetSuite LiveChat: Edit the Google Tag Manager container of your choice

  1. To proceed, click on Add Service button.

NetSuite LiveChat: click on Add Service button to proceed

  1. Now, from the list of available services choose LiveChat, name your service and provide your LiveChat license number.

    After doing all that, click on Add button to proceed.

NetSuite LiveChat: Provide your LiveChat data and click on Add button

  1. It is time to Review and Publish Changes – clicking on that button will redirect you to your Google Tag Manager dashboard.

NetSuite LiveChat: Review and Publish your changes

  1. While in your Google Tag Manager, click on Submit button, available at the top right section of your dashboard.

NetSuite LiveChat: Click on Submit, available at the top right section of Google Tag Manager

  1. Google will ask you to name the change that you are about to submit and briefly describe what this change is all about. Once you’ve done that, click on Publish to continue.

NetSuite LiveChat: Describe your changes and click on Publish

Woohoo! πŸŽ‰ 🎊 πŸ™Œ The process of implementing LiveChat on your SuiteCommerce website is now finished, and you can start helping your customers right away.

Oh, and one more thing: click here to check out our official Handbook for Agents. It will not only allow you to become a force to be reckoned with (in fields of Customer Service) but will also guide you through each session available in our LiveChat application.

Was this article helpful?

Got it!

Thanks for your feedback.

Thank you!

We’re happy to help.

RELATED ARTICLES

Cloudflare: add LiveChat to your website

Learn how to add LiveChat to your website via Cloudflare. Installation takes only a few minutes and doesn't require any coding skills.

Read the article

Cloudbeds: add LiveChat to your booking page

Learn how to add LiveChat to your Cloudbeds booking page. Answer your customers' questions in real time, close more bookings with proactive chats and more.

Read the article

Start using LiveChat now!

Free 14-day trial Team plan features No credit card required

Still not convinced? Discover all LiveChat features