DESIGN YOUR APP: PRODUCT BLOCKS
Today we’re talking about blocks!
And, I know you may be thinking..
“We just talked about this”..
But these are ‘product blocks’..
Which are available to design your ‘Product Detail Page’ when using the PDP Editor.
In this lesson..
We’ll go over the nine categories of blocks you can use to create an impactful product detail page.
Similar to designing our app, on the app design page..
We have access to ‘Custom Image’ and ‘Custom Video Blocks’..
An addition here is the ‘Product Video Block’.
This block gives you the ability to display your brand’s ‘Shopify product videos’ on your mobile app’s ‘product detail page’.
It pulls the video directly from the Shopify product model’s media..
So, any product that has a video uploaded there..
Will display wherever we drop this block.
The ‘Share Block’ makes it easy for your customers to share products they love..
When a user taps on this from the product page..
It will open the share in iOS or Android share sheets.
The ‘Link Blocks’ provide flexibility to display additional details in the form of an image or link out to a webview.
And, we have two blocks for this..
A ‘Product Description Block’..
And, a ‘Custom Details Block’.
With the ‘Product Description Block’..
This is essentially sharing the product description from your Shopify store.
We can title this block whatever we’d like..
And edit how this is displayed..
It can either be ‘Modal’..
Meaning, it will display on a full popout page.
Meaning, it will open as a drop-down menu displayed on the same screen.
As for the ‘Custom Details Block’..
The functionality is similar..
With the difference of what can be displayed in the block.
We can either upload a custom image that is displayed as ‘Modal’ or ‘Accordion’..
Or, lead our customers to a webpage.
As for the webpage, this can only be displayed as ‘Modal’.
And, there’s one addition to this block as well..
This is ‘conditional tagging’..
Conditional tagging is amazing because this allows us to only show this custom block on products that share the same tags.
Like a ‘Featured Product’..
Or, any product types that you want to direct customers to a specific location!
The ‘Product Tags Block’ is powered by ‘Shopify Product Tags’.
You can use this block to call attention to important information on your products by simply choosing the tags you want to show..
Whether this be a ‘limited time promo’..
Or, a ‘no returns’ product.
It’s important to note that a maximum of three tags will show on the product page..
And the display will be prioritized based on the order they’re added.
Next, we have variant blocks.
These allow your users to select a variant of a product, such as a size or color.
There are two types of variant block displays to choose from..
The ‘drop-down’ variant block allows you to create a seamless shopping experience in the form of a drop-down..
And, minimizes screen real estate on your product page.
While the ‘inline’ variant selection block will display all the variant options for the product..
Without the need for a drop-down.
The Installment Provider Block will appear if you have one of the following installment providers enabled:
An installment provider will allow your users to spread out their payments for a certain order.
So, use this block in your product page layout to help increase your average order values.
Similar to the app design builder, you can utilize a ‘Recently Viewed Block’..
This allows users to see the last twelve products they have viewed.
And, they can jump over to any of the product pages for the products by tapping the product from within the block.
Integration Blocks allow a wide variety of add-ons to your product detail page.
One specifically is the ‘Reviews Block’.
This will display if you set up one of our review integrations in your dashboard.
Use this block to arrange the placement of your reviews..
And, harness the power of your social proof for optimal conversion.
This block applies to a variety of integrations such as:
Finally, we have the ‘Product Page Countdown Timer Block’.
Similar to our countdown timer in the app design section..
This block helps create a sense of urgency by adding a countdown timer directly on your product detail page.
It’s important to note that this block is available for Shopify Plus merchants only, as you will need access to ‘Shopify Scripts’ to leverage this feature.
To get this set up, we’ve linked a how-to article in our video notes below..
And, you will need to connect with our Support Team to help finalize the setup!
And, there you go — that’s everything on product blocks!
You now understand the variety of product blocks available to help you design a strategic and impactful product detail page with Tapcart.