How does Roadmap work with Shopify?

Introduction

Roadmap is a native Shopify app, which means it installs directly into your Shopify store and works seamlessly with your products, checkout, and customers. Once installed, Roadmap automatically integrates into your Shopify admin — so you can manage everything in one place.

How Roadmap Connects to Shopify

Roadmap uses two main methods to work with your store:

1. Theme Code Injection

• For some features, Roadmap automatically adds small pieces of code into your store’s theme.
• This makes sure loyalty widgets, review displays, or bundle offers show up on your product pages and cart without requiring you to manually add code.
• Roadmap keeps these changes lightweight to avoid slowing down your store.

2. App Blocks (Shopify 2.0 compatible)

• Roadmap also provides app blocks, which you can add directly in the Shopify theme editor.
• App blocks give you more control — you can drag and drop Roadmap widgets (like review sections or loyalty displays) wherever you want them to appear on your storefront.
• App blocks are safe and easy to use: no coding required.

What This Means for Merchants

• Seamless integration → Roadmap works with Shopify’s native checkout, POS, and analytics.
• Flexible customization → Use the theme editor to move or style Roadmap widgets.
• Minimal maintenance → Roadmap updates automatically; you don’t need to manage scripts or worry about conflicts.

Common Questions

• Do I need to edit code to use Roadmap? (No — app blocks handle most customization. Code injection happens automatically when needed.)
• Will Roadmap affect my store’s performance? (No — Roadmap is optimized to keep your site fast and lightweight.)
• Can I remove Roadmap code from my theme if I uninstall? (Yes — Roadmap cleans up after itself when uninstalled.)
• Does Roadmap work with Online Store 2.0? (Yes — all app blocks are fully Shopify 2.0 compatible.)

Cross-Feature Links

• How do I install Roadmap on Shopify?
• Why isn’t Roadmap showing on my storefront?
• How do I customize the design of Roadmap widgets?

Summary

Roadmap works natively with Shopify by combining automatic theme code injection (for essential features) with app blocks (for flexible customization). This ensures your promotions, loyalty programs, reviews, and bundles display correctly — while still giving you control through Shopify’s theme editor.