Storefronts

Storefronts are perfect for building and managing Shopify storefronts. They’re designed to give you full control over your e-commerce site, combining the flexibility of a custom front end built on Hydrogen with the ease of use that Pack provides.

Whether you’re managing products, content, or your site layout, storefronts make it easy to interact with your site—for both marketers with a visual editor, and developers who take a full-code approach.

Why Use Storefronts?

  1. Built for Shopify Hydrogen
    There are lots of CMSs to choose from—but hardly any of them are focused exclusively on Shopify Hydrogen. Because we’ve made Hydrogen our focus, we’ve built some options into the CMS so that you can maximize speed to market and minimize the time you need to spend on architecture and integrations.

    Our integrations are rock solid—with Hydrogen, Remix, Oxygen, and metaobjects, as well as many 3rd party apps. We’ve also created a Hydrogen theme that's easy to customize so that you can get a storefront up and running quickly—even with limited developer resources.

  2. Complete Control Over Your Storefront
    With Storefronts, you can manage every aspect of your e-commerce site directly from Pack’s admin dashboard. Built on a robust platform, enhanced with our Hydrogen Blueprint theme, it provides all the tools you need to run a successful online store.

  3. Flexibility and Customization
    Built on top of Shopify Hydrogen, Storefronts offer the flexibility you need. Our custom Blueprint theme simplifies designing and managing your storefronts, removing the complexities of web development.

  4. High Performance
    By leveraging the capabilities of Shopify Hydrogen and Remix, Storefronts ensure your site is always fast, flexible, and up-to-date, giving you the power to maximize conversions and worry less about performance impacts from 3rd party apps.

  5. Built for marketers and developers
    Storefronts make teamwork easy by allowing both developers and content creators to work together seamlessly.
    For less technical stakeholders, the Customizer offers real-time previews and a library of customizable sections, making it easy to iterate quickly and launch updates faster. It’s designed to work just like a theme to minimize learning curves.
    Developers can focus 100% on code, while still getting a dynamic visual preview of their work. Instead of having to own every change to the website, they can focus on building new features.

  6. Streamlined Content Management
    Manage all your content, including pages, blogs, and articles, from a single platform. Pack’s content management system simplifies your workflows, allowing you to focus on creating great content rather than managing multiple tools.

  7. Native A/B testing
    Pack’s native A/B testing supports instant load times (thanks to Hydrogen’s server-side rendering technology) without the tell-tale screen flickers of client-side A/B testing.
    It’s easy to test anything you can edit in the customizer—copy, imagery, section order, etc—or work with a developer to test more advanced features. Use Pack’s hooks to send test data to your preferred tool to evaluate your results.

Customizer

The Customizer in Storefronts is your go-to tool for visually editing your storefronts. It offers:

  • A real-time preview of each page on your site
  • A library of pre-built sections you can customize
  • A media manager for adding images and videos
  • Editable sections for text, layout, and other properties
  • Site settings for editing your navigation and more

Products

With Storefronts, you can easily manage your products and collections, which are automatically synced from Shopify.
You also have the option to create groups and bundles for easier management and promotion of your products.

Sections

Sections are modular, reusable components that make it easy for you to add and customize content on your site. These pre-designed content templates ensure that your site looks consistent and professional, even as you make updates.

Schedules

Schedules allow you to plan ahead by scheduling content to be published at specific times. This feature is perfect for launching campaigns, new products, or timed promotions.

A/B Tests

Storefronts offer an A/B testing feature that allows you to compare different versions of your pages to determine which one performs better. This feature is essential for optimizing your campaigns and ensuring that you're getting the most out of your marketing efforts.

Guides

Setting up your storefront

Learn how to set up your storefront

Read more

Managing storefronts

Learn how to manage your storefronts

Read more

Customizer

Learn how to use the Customizer

Read more

Products

Learn how to manage your products

Read more

Content Management

Learn how to manage your content

Read more

Sections

Learn how to use sections

Read more

Schedules

Learn how to use schedules

Read more

Was this page helpful?