How to insert entire collection into a page or blog post in Shopify

Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy the first month of Shopify for $1.

You want to display all products in a collection into an article on your blog in Shopify but you don’t how to do. Don’t worry! Hura Product Showcase Builder will helps you.

Hura Product Showcase Builder is a Shopify app, that helps you display products (from a collection) in a grid view on your store. It is designed for simplicity. You can add the products anywhere on site, whether its a product details page, blog post, index page or a separate dedicated page for products grid.

LIVE DEMO

Follow the below steps to know how to embed a Products Grid layout for blog post or a separate dedicated page.

Step 1: Install Hura Product Showcase Builder app

Install this app if you haven’t already. You can search for Hura Product Showcase Builder from Shopify App Store.

INSTALL

Step 2: Generate embed code

Go to app dashboard and select a collection from the list:

Customize the required parameters

Click GET CODE button to generate embed code.

Step 3: Add embed code into your site

When adding embed codes provided by Hura Product Showcase Builder, please note that you need to be in HTML or code view, otherwise the products grid will not work.

From your Shopify admin, go to Online Store > Blog Posts (or Pages). Click Add blog post (or Add page) to create a new post or click the title of the post to edit an exist post (or page).

After you open this web page you’ll see the Visual Editor. There you should press “<>” (show HTML).

After you press “<>” you will be able to manage the chosen web page in HTML. Paste the code in Step 2 into the needed area and click Save button.

LIVE DEMO

Looking for Shopify Experts?

Hura Apps can help you take your store to the next level

Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.

Get in touch

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *