Create a custom product page

Add a custom product page to your storefront using Collections

AmmoBot avatar
Written by AmmoBot
Updated over a week ago

In addition to your AmmoReady storefront's auto-generated Catalog pages (e.g., /catalog/handguns, /catalog/magazines, etc...) you can also create custom pages that feature a Collection of products.

In this guide, we'll be using a pre-made Smart Collection. You can also make your own custom Collections for use with this guide: See how to make Collections here.

*Note: Creating a new page allows you to adjust page-specific SEO settings which isn't covered in this guide. To learn more about SEO settings, please visit: Add SEO tags to your storefront.


From your Dashboard, go to Website > Pages.

Next, click on + New Page to create a new custom page.

A new window will pop up titled New Page. Here we can Name (title) your page, as well as, add a Description that will automatically populate on your new page (under the title). Optionally, you are able to specify a URL for this new page, or a url based on the Name you choose will automatically be created. All of these settings can be changed later.

In this guide, we're going to name our page Top Selling Firearms, give it a short description and finally leave the url field blank. Click Create Page when you're done filling out the fields.

After creating the new page, you'll see a variety of settings and content options available. You'll notice on the right-bottom side of this page that our URL has been automatically generated based on the Name we gave our page.

*Note: you may also notice a variety of SEO Settings on the right side of this page. See our Add SEO tags to your storefront to go over these settings.

Next, let's focus on the auto-generated Content Area that was created. Click on the arrow dropdown to the right as shown in the image below. You'll notice that this Content Area has already been filled in with the Name and Description we gave it earlier. You can edit and change this however you wish, but for this guide we're going to leave it as is.

Now that our page has a title and short description, let's add a new Widget to handle displaying products. Click on the + Add a Widget button and then select the Collection option.

A new Collection widget will appear below our existing Content Area. Toggle the Collection on by clicking the Off/On button. Next, click the arrow dropdown to view the available options. Click on Select a Collection.

You can choose from any custom Collections you've previously created, or choose from the list of pre-generated AmmoReady Smart Collections available. We're going to select Top Selling Firearms to display our catalog's most popular firearms.

Once the Collection has been selected, we can choose from a range of filtering options. For this guide, we're going to display the sort bar (e.g., sort by low to high price, etc...), allow filtering, and then within filtering, show category (Category) and firearm type filters (Calibers, Action). These settings are all optional.

Once you've finished with your selections, check the Publish box so your page will be available on your storefront. If you wish to also link this page to your header menu, check the Show in Menu box as well. Finally, click Update Page when you're finished to save your settings.

You've now successfully created a custom product page.

Did this answer your question?