Back to Knowledge Base

Shopify Integration

Integrate Smart Prefetch with your Shopify store in just a few clicks. No coding required.

1. Quick Installation

Integrating with Shopify is seamless. Our app handles the script injection automatically.

  1. Install the Smart Prefetch app from the Shopify App Store.
  2. Once installed, the app will automatically enable prefetching for your store.
  3. Wait for traffic to start flowing to see performance metrics in your dashboard.
Install Shopify App

2. Video Guide

3. Detailed Configuration

Install from Shopify App Store

  1. Navigate to the Smart Prefetch app listing on the Shopify App Store.
  2. Click the “Add app” button.
  3. Follow the prompts to approve the app’s permissions and complete the installation.

Activate App Embed in Theme Customizer

This is a crucial step to ensure Smart Prefetch can inject its necessary code into your store.

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find your current theme and click the “Customize” button.
  3. In the theme customizer, look for the “App embeds” section. This is usually located on the left-hand sidebar or within the settings menu (it might look like a puzzle piece icon).
  4. Locate the “Smart Prefetch” toggle.
  5. Enable the “Smart Prefetch” toggle.
  6. IMPORTANT: Click the “Save” button in the top right corner of the theme customizer to apply your changes.
How to enable Smart Prefetch app embed in Shopify Theme Customizer

4. Verification (Optional)

You can skip this step if you are not comfortable with developer tools. The dashboard will automatically update once traffic is detected.

To confirm Smart Prefetch is active and working correctly immediately:

  1. Open your Shopify store in a web browser.
  2. Right-click anywhere on the page and select “Inspect” (or “Inspect Element” / “Developer Tools”).
  3. Navigate to the “Network” tab within the developer tools.
  4. Refresh the page.
  5. In the network requests filter box, type index.min.js.
  6. Look for a script named index.min.js originating from https://pub-cdn.smartprefetch.link/.

If you see this script loading, Smart Prefetch is successfully integrated!

5. Compatibility with Apps You Already Use

Smart Prefetch is compatible with most of the apps you use on the Shopify store. No additional settings are needed. We have reviewed some of the related performance apps that you can explore:

  • Booster Review – You can use both. We have explained how to use Smart Prefetch to fill the “Mobile Gap” that Booster leaves behind.
  • Hyperspeed Review – Using Smart Prefetch on a site unoptimized by Hyperspeed wastes data. Using Hyperspeed without Smart Prefetch still leaves users waiting for network connections on every click. You need both for the ultimate competitive edge.