Product Page Overview

The Tapcart Product Page Builder is a drag-and-drop editor that allows you to customize your mobile app for optimal conversion. Each block offers the ability to upload unique content to create an experience unique to your brand. Our goal is to provide a tool that best allows you to create a product page that will increase your in-app conversion rate.

Any changes you make to your Product Page Layout will update your live app in real-time, allowing you to offer promotions, display branded content, and keep your app fresh and up to date. Please note that any changes made to your product page will be made across all products. You cannot customize individually per product.

The functionality and blocks vary based on your Tapcart plan.

  • Tapcart Enterprise has access to Dynamic Layouts for flexible product pages and Nosto product recommendation blocks

  • Tapcart Plus has access to 1 fixed layout to apply

  • Tapcart Core must upgrade to Plus or Enterprise to use Product Page Builder

For more information on plans, check out our pricing page. If you are interested in exploring the benefits of our plans, please book a demo with our Brand Experience team.

Before using the product page, you will be prompted to approve permissions in your Shopify dashboard. This feature will ask for permissions under “Manage Other Data” with “product tags.”

Setting Up the Product Page

Before using the product page, you will be prompted to approve permissions in your Shopify dashboard. This feature will ask for permissions under “Manage Other Data” with “product tags.”

PLEASE NOTE: You must be the Shopify account owner to set up the account. If you are not the account owner, you will run into an error.

Screen_Shot_2021-02-24_at_5.10.44_PM.png

Select “Approve” and you are ready to begin!

Product Page Walkthrough

After setting your permissions and navigating to the Product Page builder page, you are ready to begin customization.

When you navigate to the product page, you will see one of your products displayed on the right hand side. This is your default view that is populated by your best selling product. However it is important to note that the product page builder customization applies to all products.

Screen_Shot_2021-02-24_at_5.12.53_PM.png

For the example above, the Melton Wool Shirt is displayed, but the page you build will apply to every product.

If you would like to see what the page will look like with other products, simply click the shuffle icon or the page icon in the top right hand corner of the product and select the product you would like to view.

Screen_Shot_2021-02-24_at_5.15.52_PM.png

Once you are confident in your new dashboard page, move on to customizing your pages!

Customizing Your Product Page

On the left-hand side of your Product Page is your block bank. Simply click and drag your blocks into your product page display to update your app in real time. Below is a summary of each block in your block bank.

Image Banner

With the Image Banner Block, you can upload a banner that will appear on the Product Detail Page of your mobile app. The banner can remain static or link to a collection or an in-app webpage.

Screen_Shot_2021-02-24_at_5.21.02_PM.png

For Enterprise Merchants: Add Dynamic Layouts powered by Shopify Product Tags to add flexibility to your product page layout. A Dynamic Layouts block will appear in your app’s product page layout only if a product has any of the tags associated with the block.

Have more questions about how Dynamic Layouts work? Check out our resource guide below.

A Dynamic Layouts will allow you to display content for limited promotions, product line content, and much, much more!

Screen_Shot_2021-02-24_at_5.21.47_PM.png

Video Banner

Screen_Shot_2021-02-24_at_5.26.39_PM.png

With the Video Banner Block, you can upload a video and choose a thumbnail image as a banner on the Product Page layout.

To upload a video or image, simply click on the icon and select the video or image file. We recommend videos under 5 MB’s for optimized load times in the app when using LTE/device data.

Product Video

The Product Video block displays the video media you have uploaded on your Shopify product listing pages.

Screen_Shot_2021-02-24_at_5.28.17_PM.png

Note: This block does not play videos uploaded to YouTube. It only plays the videos you have manually uploaded to your Shopify product media.

Screen_Shot_2021-02-24_at_5.32.07_PM.png

Share

Share functionality will now have its own block, and allow customers to share your products with other users. Drag it into your layout to encourage your customers to share the products they love with the ones they love.

Screen_Shot_2021-02-24_at_5.33.13_PM.png

Product Description

Screen_Shot_2021-02-24_at_5.34.30_PM.png

The Product Description block allows you to display all other relevant information for your products. Change the title or main content as you see fit (e.g. Product Details, Product Information, etc.).

Screen_Shot_2021-02-24_at_5.35.18_PM.png

Choose how you want your content to be displayed by selecting an accordian view, or a new modal view. A modal view will bring up a new block that displays the content, while an accordian will display the content as a drop down.

Screen_Shot_2021-02-24_at_5.35.43_PM.png

Link Block

The Link Block allows for any miscellaneous information that you may want to display, such as a return policy. You have the option to display this section as an image or text.

Screen_Shot_2021-02-24_at_5.36.26_PM.png

Edit the title to explain what information this block will present, or edit the content to add any additional description to the block.

Screen_Shot_2021-02-24_at_5.37.29_PM.png

Tags Block

Powered by Shopify Product Tags, use this block to call attention to important information on your products. For instance, you may tag your Shopify products for a new product line or promotion or sale. See examples below.

Screen_Shot_2021-02-24_at_5.38.12_PM.png

A maximum of 3 tags will show on any given product page and display will be prioritized based on the order they were added.

Screen_Shot_2021-02-24_at_5.38.55_PM.png

Variant Blocks

A variant block allows your users to select a variant of a product, such as size or color. There are two types of variant block displays to choose from: The dropdown or the modal.

The Dropdown Variant Block allows your users to select their variants by modal selection and minimizes screen real estate.

Screen_Shot_2021-02-24_at_5.39.44_PM.png

The Inline Variant Block allows your users to view and select all their variant options in rows.

Screen_Shot_2021-02-24_at_5.40.25_PM.png

Installment Provider Block

The Installment Provider block will appear only if you have one of the following Installment providers enabled:

  • QuadPay

  • Afterpay

  • Klarna

  • Affirm

  • Sezzle

Screen_Shot_2021-02-24_at_5.41.23_PM.png

An installment provider will allow your users to spread out their payments for a certain order. Use this block in your Product Page layout to help increase your Average Order Values.

Recently Viewed

The Recently Viewed products block allows your users to see the last 12 product detail pages they have viewed. Use this feature to prompt returning customers and recurring orders.

Screen_Shot_2021-02-24_at_5.42.28_PM.png

FourSixty Shoppable Instagram

NEW! Now you can bring the power of your user generated content from FourSixty on to your product detail page. Four Sixty allows you to display dynamic content from your social platforms to drive conversion.

Screen_Shot_2021-02-24_at_5.43.29_PM.png

Reviews

The reviews block will be displayed if you have either Yotpo, Stamped, or Trustspot reviewsintegrated. Use this block to arrange the placement of your reviews and harness the power of your social proof for optimal conversion.

Screen_Shot_2021-02-24_at_5.44.25_PM.png

Nosto Product Recommendations

Screen_Shot_2021-02-24_at_5.44.57_PM.png

For Enterprise Merchants: If you have Nosto enabled, now you can have up to 4 Nosto product recommendation carousels in your product detail page layout, representing each of the following Nosto relationship types.

Screen_Shot_2021-02-24_at_5.45.25_PM.png

Dynamic Layouts Block Visibility (Enterprise Customers Only)

Add Dynamic Layouts powered by Shopify Product Tags to add flexibility to your product page layout. A Dynamic Layouts block will appear in your app’s product page layout only if a product has any of the tags associated with the block.

A Dynamic Layout will allow you to display content for limited promotions, product line content, and much, much more!

In order to add Dynamic Layout, simply click on the block and add the tag under the conditional tag section.

Screen_Shot_2021-02-24_at_5.46.39_PM.png

Multiple tags can be added to each block. If this block had the tags “Men”, “Small”, and “Red”, the block would appear if a user searched any one of those words.

For more information and tips on how to use this feature, check out this blog article: Boost Product Page Conversion with a Shopify Mobile App.

Did this answer your question?