Quick start

Create, design, and place your first storefront table in a few steps.

Written By Floris de Vries

Last updated About 2 hours ago

Follow these steps to publish your first table with Tables, Specs & Comparisons.

Example table type preview from the app

Step 1: Create a table

  1. Open the app from Apps → Tables, Specs & Comparisons.

  2. Click Create table.

  3. Choose Start from scratch or Generate with AI (describe or upload a screenshot).

  4. Pick a table type (Size chart, Product Specs, Comparison, Tabbed, or Us vs Them).

Step 2: Build Structure

  1. Add groups, modules, tabs, or measurement blocks depending on the type.

  2. Prefer Shopify-backed modules (Weight, Price, options, metafields) when values should stay live.

  3. Use Refine with AI if you want to rebuild structure from text or an image.

Step 3: Design

  1. Pick a template and adjust colors, fonts, and chrome (popup, tray, tabs).

  2. Optional: Refine with AI using a brand URL or screenshot.

Step 4: Settings

  1. Enable the table for the storefront.

  2. Set product visibility (all products or selected products) where applicable.

Step 5: Place on the theme

  1. Enable the app embed (Theme settings → App embeds).

  2. Add the matching theme app block, or rely on auto-placement for Size charts / Compare.

  3. Save the theme and verify on the storefront.

Tip: See Overview of table types for visual examples of each type.