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

Our new product line

Our new product line

Introducing Vizaport's New Suite of AI-Powered Data Visualization Tools In today’s rapidly evolving technological landscape, data visualization is not just a tool but a necessity for businesses across various sectors. At Vizaport, we are proud to unveil our redesigned...

Network Visualizer – Configuration Options

Network Visualizer – Configuration Options

New Options for Internet Service Providers In Vizaport's latest release, we've added new configuration options for our Network Visualizer, used by Internet Service Providers to allow customers to view proximity to fiber and cable lines. We'll highlight all of the...

Vizaport AI Chatbot – Now With Google Gemini

Vizaport AI Chatbot – Now With Google Gemini

From Zero to Chatbot in 3 minutes…that’s all it takes with Vizaport’s latest WordPress Plugin update. Version 1.2 now comes with an option to choose Google Gemini. You still have the option to use OpenAI, but choosing Gemini bypasses the requirement of obtaining a...