How Product Blocks Can Increase Sales in Your Shopify Mobile App

Product blocks can increase sales in your Shopify mobile app by putting products on the Home screen where shoppers land, letting them add to the cart without leaving it, and giving them more to browse the longer they scroll. This post explains how, which block to use where, and how to check the effect in your own numbers.

Short answer: every tap between opening your app and seeing a product is a chance to lose the shopper. A Product Grid, a Product Slider and an endless Product Feed on Home show products at once, and buy buttons on the cards take out the trip to the product page.

Prefer to watch? This video tutorial shows the whole setup.

---

What product blocks are

In MobiCart, the Home page of your app is built from blocks you add in the Builder. Three of them show products:

• Product Grid: rows of product cards, 1 to 4 columns.
• Product Slider: one row of cards that shoppers swipe sideways.
• Product Feed: product cards at the very bottom of Home that keep loading as shoppers scroll.

Each one can show your best sellers, your newest products, a collection, or products you pick yourself, and the cards update from your Shopify store on their own.

---

How product blocks affect sales

Four things change for the shopper. Each one takes out a step between wanting something and paying for it.

1. Products are the first thing shoppers see

A Home screen with only a banner and a menu asks shoppers to go looking. A slider of new arrivals or a grid of best sellers shows products right away, so a shopper who opened the app for a quick look sees something to buy before they decide where to tap.

2. The right products for the moment

A block can show one collection, sorted the way you choose, with sold-out products left out and a price range if you want one. That lets Home follow your store’s calendar: a sale collection sorted by price during a sale, new arrivals at the start of a season. Shoppers see what is relevant now instead of the same products every visit.

3. Add to cart without leaving Home

With buy buttons on, a round + beside the price adds the product to the cart at once, or a button row under the price offers Add to cart and, if you switch it on, Buy now. Buy now opens checkout for that one product. A product with options, such as sizes, opens a picker first, so shoppers never add the wrong variant.

4. Home never runs out

The Product Feed sits at the bottom of Home and keeps loading products, 24 at a time, as shoppers scroll. A shopper who scrolls past your banners and blocks still finds products instead of the end of the page. With Sort and Filter pills pinned at the top of the feed, they can narrow it down without leaving Home.

---

What we cannot tell you

We don’t have a study that says product blocks lift sales by a set percentage, and we won’t make one up. What they do is remove steps: from Home to a product, and from a product to the cart. How much that is worth depends on your products, your prices and how shoppers use your app. The section on measuring below shows how to find out for your own store.

---

Every option and why it matters for sales

Option	What it does	Why it matters for sales
Show: Best selling, Newest, A collection, Products I pick	Chooses the products	Put proven sellers, new stock or a campaign in front of shoppers
Sort by, In stock only, price range	Shapes a collection	Lead with what you want to sell, never show what can’t be bought
Show View more link	Opens the whole collection	One tap from a preview to the full range
Columns or Card size	How many cards fit	Bigger photos sell looks; more columns show range
Show sale price and badge	Old price struck through and a Sale badge	Discounts are visible without opening the product
Buy buttons	+ button, or Add to cart and Buy now	Shoppers can buy from Home
Let shoppers filter and sort (Feed)	Sort and Filter pills beside the feed’s title	Shoppers find what they want in a long list
List layout (Feed)	One product a row with details	Product type or a key detail at a glance

---

Which to choose for your store

Store type	Near the top	Middle of Home	Bottom
Fashion and apparel	Slider of new arrivals	Grid of a sale collection, sorted by price	Feed, 2 columns, filters on
Beauty and wellness	Slider of best sellers	Grid of bundles, + buttons	Feed of all products
Electronics and big catalogs	Slider of products you pick	Grid of a collection with View more	Feed in List layout, filters on
Small catalog	Grid of products you pick	Slider of new arrivals	Feed of all products

Two rules hold for every store:

1. Lead with the products most likely to sell. Best sellers or a live campaign go near the top, where every shopper sees them.
2. End Home with the feed. Shoppers who keep scrolling are interested; give them products, not a dead end.

---

How to set it up in MobiCart

1. In the MobiCart App Builder, open Home and click Add blocks.
2. Under Product blocks, pick Product Grid, Product Slider or Product Feed.
3. Under Products, choose what it shows with Show, and how many.
4. Style the cards under Layout and turn on Buy buttons if you want them.
5. Click Save as Draft, then check it on your phone with Live preview.
6. Click Publish to send Home to your customers’ apps.

For every setting, read the full guide: Add product blocks to your Shopify mobile app’s Home page.

---

Mistakes that cost sales

The same products everywhere. A slider and a grid both on Best selling show shoppers the same items twice. Give each block a different source.

Sold-out products up front. A collection full of sold-out items wastes the best spot on Home. Turn on In stock only.

Cards too small to read. Four columns show range, but on a phone the photos and prices get tiny. Two columns, or a slider with medium cards, suit most stores.

Hiding the sale. With Show sale price and badge off, a discount is invisible until the product page. Leave it on.

---

How to tell if it is working

Compare a few weeks before and after you change your Home page.

• Product views from Home. More products on Home should mean more product pages opened.
• Add-to-cart rate in the app. Buy buttons should show up here first.
• Orders from the app. The number that matters in the end.

Change one block at a time, so you know which change made the difference.

---

Frequently asked questions

Do product blocks really increase sales?

They can, by showing products sooner and letting shoppers buy from Home. We have no percentage to promise; compare your add-to-cart rate and app orders before and after.

Should I use a Product Grid or a Product Slider?

Use a slider when space on Home is tight or you want to tease a collection, and a grid when you want shoppers to compare several products at once. Many stores use both, with different products.

Is an endless product feed good for sales?

It gives shoppers who keep scrolling something to buy instead of the end of the page. With filters on, they can narrow a long list without leaving Home.

Can shoppers buy without opening the product page?

Yes, with buy buttons on. The + button adds to the cart, and Buy now opens checkout for that product. Products with options open a picker first.

Will my product blocks stay up to date?

Yes. The app reads your products from your Shopify store, so new products, prices and sale prices show without changing the block.

How many products should a block show?

A Grid or a Slider shows up to 20. Six to eight is usually enough for a block near the top; let the feed at the bottom carry the rest.

---

Try it on your own store

Building and previewing your app in MobiCart is free, so you can try every product block on your own phone before you decide anything. See pricing for what each plan includes when you publish.

Planning the rest of your app? Read How a Category Browser Can Increase Sales in Your Shopify Mobile App and How Brand Colors Can Increase Sales in Your Shopify Mobile App.