Klenzo Apps Documentation

Welcome to the official developer and merchant documentation for Klenzo Shopify apps. Our apps are built natively for Shopify using theme-extension architecture to guarantee peak performance, zero speed loss, and 100% theme compatibility.

AI Section Hub — Complete Documentation

AI Section Hub is a feature-rich Shopify embedded app designed for modern e-commerce merchants who want to build high-converting, visually stunning storefronts — without writing a single line of code.

The app provides:

• A library of 25+ professionally designed theme sections that can be installed directly into any Shopify 2.0 theme
• A full AI Studio with 13 intelligent tools powered by Google Gemini and Groq AI
• An Instagram Reels Feed manager that scrapes and displays your public reels beautifully on your store
• Bundle & Save discount configurations for product pages
• A Grow & Rewards system with community voting, monthly free sections, custom requests, and store showcase
• Conversion Blocks — high-performance product page buy-boxes
• Real-time Live Human Support chat (Tawk.to)

Who is it for?

• Shopify store owners who want premium design without hiring a developer
• D2C brands wanting to boost AOV (average order value)
• Merchants who want to leverage AI for marketing copy, SEO, and store audits
• Social commerce stores wanting to turn Instagram Reels into shoppable content

Theme Compatibility

Works with all Shopify Online Store 2.0 themes including Dawn, Sense, Craft, Refresh, Horizon, Debut, and most third-party themes that support app blocks.

Key Features Overview

Section Library

The Section Library is the heart of AI Section Hub — a curated catalog of 25+ professionally designed Shopify Liquid sections you can install in one click.

How It Works

1. Browse the section catalog with live previews inside the app.
2. Click "Add to Theme" — the section file is dynamically injected into your active Shopify theme files.
3. Open the Shopify Theme Editor > Click "Add Section" > Find your section under "Apps".
4. Drag, drop, and customize colors, fonts, images, and content.

Available Sections Catalog

Free Sections

Growth Plan Sections

Premium Sections

Core Library Features

• One-Click Install: Injects natively into your active theme.
• Zero Performance Impact: Made with native Shopify Liquid, HTML, and CSS (no heavy external Javascript runtimes).
• Theme Customizer Compatible: Fully customizable colors, headings, images, and text.
• Mobile Responsive: Completely optimized layouts for mobile, tablets, and desktop.

AI Studio

The AI Studio is a full-featured suite of 13 AI-powered tools built directly into the app, powered by Google Gemini 2.5 Flash (for text, vision, and code) and Groq models (llama-3.3-70b-versatile and llama-4-scout-17b) for rapid processing.

All AI results can be saved to local history (15 entries per tool) and restored at any time.

13 Available AI Tools

1. Brand Scanner

Analyzes your live Shopify store — reads your theme colors, top products, shop name, currency, and product count — then generates a complete Brand Identity Profile (Primary and accent colors, Recommended font pairings, Brand tone of voice, Brand positioning summary).

2. Section Builder (Text to Liquid)

Type a description of any custom section you want, and AI generates a complete, production-ready Shopify Liquid section with CSS, Javascript, and Shopify schema settings ready to inject to your theme.

3. Vision AI (Image to Liquid)

Upload a screenshot or design mockup — AI analyzes the layout and generates the matching Shopify Liquid code. Recreate competitor designs or Canva/Figma mockups instantly.

4. Copy AI (Marketing Copy Generator)

Generates high-converting marketing copy variations for headlines, product descriptions, social media captions, email subject lines, and ad banners.

5. Section Recommender

AI analyzes your store elements and suggests which templates from our library would boost your conversion scores.

6. Bundle Names Generator

Generates creative, brandable names for your product bundles (e.g. "Moisturizer + SPF + Serum" → "The Glow Trio").

7. Color Palette Generator

Generates complete brand color palettes based on your niche, mood, or brand keywords in HEX codes.

8. FAQ Generator

Auto-generates relevant FAQ questions and answers based on your store niche and products.

9. Product Description Writer

Writes compelling, SEO-optimized product descriptions using product metadata fetched from your store.

10. SEO Meta Tags Generator

Generates optimized title, meta description, Open Graph, and Twitter Card tags.

11. Store Audit

Runs a comprehensive SEO + UX + Conversion audit of your store and returns detailed reports with actionable recommendations.

12. Push Notification Copy Generator

Generates compelling push notifications for promotions, abandoned carts, restocks, and flash sales.

13. Manage AI Sections

View, toggle active states, or completely delete all sections generated and injected by AI Studio.

Instagram Reels Feed Manager

Display your video reels beautifully on your store without going through Instagram's complex API approval process. Simply connect your public Instagram handle to get started.

Multi-Layer Fallback Scraping Strategy

We use a robust fallback structure to fetch public feeds reliably:

1. Instagram Clips API
2. GraphQL API (using 3 document ID fallbacks)
3. Timeline feed pagination
4. HTML script tag parsing

Storage and Features

• Storage: Up to 400 reels stored securely (80 reels x 5 Shopify Shop metafield chunks).
• Shoppable Reels: Add product overlay tags to video reels, letting customers click-to-buy directly from the video player.
• Reel URLs: Manually add individual reels via direct Instagram link.

Bundle & Save

The Bundle & Save feature lets you create product discount bundles that appear directly on your product pages — increasing average order value (AOV) without any theme code modifications.

How to Create a Bundle

1. Go to Bundle & Save in the app navigation dashboard.
2. Click "Create New Bundle".
3. Select products to include using the search bar (linked with Shopify GraphQL API).
4. Set discount tiers: Percentage discount (e.g. Save 15%) or Fixed amount discount (e.g. Save $10).
5. Save the bundle — the widget appears automatically on selected product templates.

Grow & Rewards

The Grow & Rewards page is a community engagement hub that helps you grow your store with free value and feedback tools.

• Free Monthly Section: Every month, AI Section Hub releases one premium section for free. Click "Claim Free Section" to inject it into your active theme permanently.
• Trust Badge Customizer: Customize "Powered by AI Section Hub" badges to build store credibility.
• Roadmap and Voting: Vote on upcoming section ideas. Popular proposals include:
  • Multi-Product Shoppable Video Grid (42 votes)
  • Bento Grid Promotion Layout (31 votes)
  • Sticky Drawer Cart with Progress Milestones (28 votes)
  • Dynamic Before/After Comparison Slider (24 votes)
• Custom Requests & Audits: Submit custom section requests or full Shopify store build inquiries to our development team.

Conversion Blocks

Conversion Blocks generates high-performance buy-boxes for your product page template to showcase ratings, features, quantity options, delivery estimations, and guarantee badges in a clean format.

Available Styles

Dashboard & Store Analytics

Monitor your optimization scores and track your store's optimization health dynamically inside the app dashboard.

Store Score Calculator

A dynamic scoring system that calculates 4 key metrics based on installed theme enhancements:

Revenue Chart

Displays a 31-day store revenue trend line visualization generated dynamically via SVG from your Shopify order database.

Getting Started Guide

Step 1: Install the App

Install the app from the Shopify App Store on your merchant dashboard.

Step 2: Enable App Embed

Enable the App Embed within the Shopify Theme Customizer:

1. Click the "Enable App Embed" link in the app dashboard.
2. In your Shopify theme settings editor, navigate to the App Embeds tab.
3. Toggle the AI Section Hub embed to ON.
4. Click Save in the top right.

Step 3: Browse and Install Sections

Navigate to Explore Sections, preview the templates, and click Add to Theme to inject them.

Step 4: Place Section on Page

Inside the Theme Editor, navigate to the page (e.g. Home, Product page), click Add Section in the sidebar, find your section under the Apps dropdown, and drag it to your desired location.

Frequently Asked Questions

Sections & Installation

Will sections slow down my store?
No. The sections are native Liquid templates served via Shopify CDN. They load without external Javascript runtimes and have zero impact on PageSpeed scores.

Can I use sections on multiple pages?
Yes. You can add any installed section template to multiple pages, and customize settings independently on each page template.

Can I customize section source code?
Yes. Sections are written directly into your theme's code under the Sections directory, and can be edited via Online Store > Edit Code.

AI Studio

Is my customer data shared with AI models?
No. Only store metadata (such as product name, theme colors) is shared to generate tailored designs or copy. No sensitive customer data is accessed.

Instagram Reels

Does this app require official Instagram API approval?
No. The app uses an advanced multi-fallback public scraping technique, eliminating the need to set up Facebook developer applications or request access.

Technical Specifications

Klenzo: AI Variants

Introduction

Klenzo: AI Variants replaces standard dropdown selectors with vibrant color swatches, dynamic image buttons, and responsive size blocks. Powered by AI, it reads your variant names (e.g., "Olive Green", "Charcoal Gray") and automatically fetches matching styles.

Setup Swatches

To set up swatches on your product pages:

1. Open the Klenzo Dashboard from your Shopify apps dashboard.
2. Choose your swatch styles (Color bubble, image preview, custom text button).
3. Go to the Shopify Theme Customizer, add the Klenzo Swatch block inside your Product Information section, and drag it next to the variant selector.

Customizing Color Codes

By default, Klenzo detects variant names automatically. To specify exact HEX color codes:

Open the app settings dashboard, click Color Mapping, and map custom variant names to custom colors:

{
  "Olive Green": "#6b7c3f",
  "Charcoal Gray": "#2b2b2b",
  "Ocean Blue": "#0077b6"
}