Manage content in Pack’s Customizer

Access Pack’s customizer to manage your storefront’s content visually.

With:

  • Real-time visual previews as you type
  • Flexible, drag-and-drop sections that you can reuse across your storefront
  • Tools for speedy content entry
  • Quick and easy publishing and scheduling workflows

Members on your account will be able to push content live and make edits to your site quickly and easily without needing to rely on a developer for every change.

This article explains how to create and manage pages, blogs, articles, and sections in the Customizer.

Customizer tools and settings

Pages

A page refers to a page on your storefront that contains content that is not directly related to individual products or collections. Examples include 'About Us', 'Contact', 'FAQ', 'Privacy Policy', and 'Terms of Service' pages.

These pages are distinct from product pages or collection pages, which are generated automatically for each product or collection you add to your store.

Creating a New Page

  1. Open the Customizer from Pack’s admin.
  2. Click on + Create in the top nav on the left.
  3. Choose Page.
  4. Fill in the page details:
    • Page Handle (unique identifier for the page, used in the page's URL).
    • SEO Title (title for search engine results).
    • SEO Description (brief description for search results).
    • No Index (prevent indexing by search engines).
    • No Follow (instruct search engines not to follow links on the page).
  5. Click "Save" to create the page.

Non-Creatable and Non-Deletable Pages
Certain pages cannot be created or deleted in the Customizer, however can be customized by changing their template and adding sections inside Customizer. These pages include:

  • Home (default necessity).
  • 404 (error page).
  • Product (automatically generated for Shopify products).
  • Collection (automatically generated for Shopify collections).
  • Duplicate URLs (you can not use the same URL for multiple pages. If you get an error when creating a page, it’s most likely because the URL is exactly the same as an existing URL)

You can rename, duplicate, or delete your page, by clicking the three dots next to the Page dropdown menu—located in the left panel at the very top.

Blogs

A blog is a dedicated section on a storefront's website that houses articles.

These articles are typically focused on content that's relevant to your store's audience, such as product announcements, usage tips, industry insights, and related stories that might interest potential customers.

Creating a New Blog

  1. Select Customizer from Pack’s admin.
  2. Click on + Create in the top nav on the left.
  3. Choose Blog.
  4. Fill your blog details:
    • Blog Handle (unique identifier for the page, used in the page's URL).
    • SEO Title (title for search engine results).
    • SEO Description (brief description for search results).
  5. Click "Save" to create the Blog.

You can edit, duplicate, or delete your blog by clicking the three dots next to the Page dropdown menu—located in the left panel at the very top.

Deleting Blogs
Articles within a blog will not be deleted when the blog is deleted, but you will need to reassign them to a new blog.

Articles

An article is a page that resides within a blog. A blog can house multiple articles on various topics, each contributing to the overarching theme or purpose of the blog.

Creating a New Article

  1. Select Customizer from Pack’s admin.
  2. Click on + Create in the left nav at the top.
  3. Choose Article.
  4. Fill in the article details:
    • Article Handle (unique identifier for the page, used in the page's URL).
    • SEO Title (title for search engine results).
    • SEO Description (brief description for search results).
    • Author
    • Blog (Assign the article to a previously created blog within your storefront)
    • Category
    • Excerpt
    • Tags
  5. Click "Save" to create the Article.

You can edit, duplicate, or delete your article by clicking the three dots next to the Page dropdown menu—located in the left panel at the top.

Sections

Learn more about sections here.

Template Sections

Template sections are replicated across all pages that share the same template. This is ideal for content that should appear on all pages of a certain type, like all product pages.

Template sections are applicable to these 5 templates:

  • /pages
  • /products
  • /collections
  • /blogs
  • /articles

For example, you might want to include a product details section every time you create a /products pages.

To add a template section:

  1. Select Customizer in Pack’s admin.
  2. Select a page with the template you want to add a section to.
  3. Click on the template name (ex. Page) — in the Template menu in the left panel.
  4. Choose + Add Section in the left panel.
  5. Select a section or metaobject
  6. Click Add Selected.
  7. This section will now appear on all pages using that template.

Note: Now that you’ve added a new section to all pages that fall within a given template (this section appears on all “Product” pages or “Article” pages), you can open each page individually to customize the section each time it appears.

If you’d like to add a section where the content updates automatically are reflected across all sections, you’ll want to create a linked section.

Local Sections

Local sections are unique to the page they're added to. When you create a section on a page, it's a local section by default, appearing only on that specific page.

  1. Select Customizer in Pack's admin.
  2. Find the Sections menu on the left panel and click the +
  3. Click Add New Section
  4. Choose the section(s) you want to add; multiple selections are possible.
  5. Advanced users have the option to add an HTML section to create a section from scratch using HTML.
  6. Click Add Selected
  7. Click on the new section to start editing it.

You can edit, duplicate, or delete, your section by clicking the three dots next to the Page dropdown menu—located at the top of the left hand panel.

Copying a Section

You can create an independent copy of an existing, populated section from another page. This process creates a distinct version of the section. When you make edits to the copy of your section, your changes will not affect the original version.

  1. Select Customizer in Pack's admin.
  2. Find the Sections menu on the left panel and click the +
  3. Select Copy Existing Section
  4. Find the section you want to copy by name and select it to create a unique copy.
  5. Click on the new section to start editing it.

Linking a Section

When you link a section, you’re adding a pre-existing, populated section from another page to your current page. This creates a link between the sections, displaying identical content on both pages.

Any edits made to a linked section will be reflected on all pages where it's displayed, due to its 'linked' nature.

  1. Select Customizer in Pack’s admin.
  2. Find the Sections menu on the left panel and click the +
  3. Select Link Existing Section
  4. Search for the existing section by name and click to link it.

When you delete a linked section, you’ll need to re-add it, customize it, and re-link it to all of your pages.

If you want to remove a linked section from a page, we recommend hiding the section instead of deleting it so that it doesn’t impact your other linked sections.

Publishing Pages

You’ll need to publish your content to make it visible to customers on your live storefront.

When you publish a page, you’ll push all the changes and updates you've made to the page in the Customizer live for your customers to see.

The time taken for this content to be visible will vary based on your caching settings.

It may take longer for changes to your site to populate depending on how you’ve set your caching policy in your Hydrogen storefront.

By default, Hydrogen storefronts are set to cache every 24 hours, which means you won’t see changes to your storefront update until 24 hours have passed. To change your caching policy, refer to the Hydrogen documentation.

To Publish a page:

  1. Select Customizer in Pack's admin.
  2. In the Page dropdown menu, select the page you wish to publish.
  3. Click the Publish button located in the upper right corner of the Customizer.
  4. The storefront will rebuild to incorporate the latest changes on that page

You can unpublish a page by following the same steps as above. The storefront will rebuild, and the page will no longer be live (regardless of whether auto-publish is enabled). You’ll still be able to access and edit pages you’ve unpublished in the customizer.

Was this page helpful?