Shopify App Setup Tutorials with Storefront Examples
See the result before you build it. These 54 tutorials show useful ways to set up TableFlow, Table Master, COLY, KOBU, and BlueCart. Each page has a storefront example, the settings used, setup steps, and checks with sample data.
The 23 TableFlow and COLY guides also include setup screenshots from the app editors. Follow the images to find the controls, or open them at full size for a closer look.
Choose your task
Product specification tutorials · 15
TableFlow: Set up clear product specifications with example rows, suggested metafield keys, product and variant scopes, and checks for missing values. Includes setup screenshots.
Table setup tutorials · 19
Table Master: Try interactive table examples for parts lookup, comparison, grouped variants, product data, schedules, and column totals. Follow the settings and setup steps.
Product order form tutorials · 8
COLY: Set up product forms with clear field labels, required inputs, conditions, and order checks for engraving, gifts, measurements, and other custom orders. Includes setup screenshots.
Visual menu tutorials · 6
KOBU: Build useful visual menus with sample labels, destination plans, image choices, and mobile checks for product discovery and store navigation.
Cart campaign tutorials · 6
BlueCart: Set up cart rewards with worked examples, message drafts, boundary tests, and checkout checks for free shipping, discounts, quantities, and cart upsells.
How to use a tutorial
- Choose the customer task you need to support. Try the storefront example and check its phone layout.
- Follow the setup steps. Use the listed fields, choices, goals, and display settings to reproduce the example in a test product or page.
- Replace sample content with checked store data. Confirm collection links, product compatibility, order details, and reward eligibility.
- Run the page’s checks in your theme. Include a missing value, an unavailable option, a changed quiz answer, or a cart below its goal.
The tutorials stay useful while you work: the settings, sample content, and checks are available as page text. You do not need a file download to follow them.
Start with an example
- Show furniture dimensions from product and variant metafields.
- Build a parts lookup with linked filters.
- Show engraving fields only when the customer needs them.
- Build a gift finder with questions and collection results.
- Create and test a free shipping progress bar.
About these examples
Activory builds the five apps used here. These tutorials were prepared with AI assistance from the app guides and source code. The embedded examples use copies of the app storefront files and render templates, with sample data in place of Shopify services. Tutorial controls, such as a sample cart amount or phone-width button, sit outside the app display.
The examples show a configured result. They are not a prediction of every theme or the first screen after installation. Follow each tutorial’s settings, enable the required app embed or block, and test in your theme. Fonts, section width, and your content can affect appearance.
The product facts, codes, prices, and destinations are teaching data. Cart controls do not place orders. Result links show a sample destination. A progress message does not establish that checkout grants the reward. Check the relevant shipping or discount rule before publication.
Each article keeps its setup instructions and sample content in readable HTML. The separate example windows are excluded from search indexing to avoid duplicate pages. The update date records a tutorial revision. It does not certify every app release or merchant theme.
Read the app guides, check current app plans, or send a correction with the page and step that need attention.