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.

Compatibility FAQ

Detailed information about how Smart Prefetch works with your existing Shopify apps and tools.

No. Smart Prefetch optimizes the delivery of the HTML document. Once the user clicks, the page loads instantly, and your review apps (Judge.me, Loox, Okendo) will initialize exactly as normal without delay.

Shopify Speed Optimization FAQ

Common questions about improving Shopify store performance with predictive prefetching.

Unlike traditional caching that optimizes the first page load, Smart Prefetch uses AI-driven predictive prefetching to preload pages in the background. On mobile, this eliminates navigation latency, ensuring instant transitions and higher conversion rates.