Installation Tip: Adding Scripts to Shopify Sites

Mar 26, 2024 | Support

Blog

Installing Javascript on a Shopify Site

This article discusses how to add a Javascript <script>, such as Vizaport’s script, to a Shopify site. This article is generic and should apply to any such script, but we will be using an example from Vizaport.

Add the Script

These next steps assume you are logged into your Shopify web site and have the appropriate permissions to modify:

  1. Select Online Store then Themes.
  2. In the Themes find the Action menu and then click Edit code (see image as the example).
  3. Go to the Sections folder and open the footer.liquid file
  4. Copy and paste your entire <script> code into the footer. You may choose the placement within the footer.  

In this example, we are using a Vizaport Chat Widget script which you get from configure widget page, but these steps should apply to any Javascript to be placed in Shopify.

Watch the Video (if you need further help)

We suggest watching the following video for detailed steps on how to add the <script> on Shopify. Although note that these steps differ from above. This video includes a CSS example (not needed) and also creates a .js file first (we chose the simpler path to add <script> code directly.

Recent Articles

A Simple Guide to Efficient Fiber Costing and Quoting

A Simple Guide to Efficient Fiber Costing and Quoting

Speed wins with fiber – not just internet speed itself, but also the turnaround time between quotation request and response. It many cases, the first reasonably priced quote wins, leaving companies with slow costing and quoting processes in the dust. Unfortunately,...