Back to library
Conversion Shopify sections
Conversion sections for CTAs, bundles, pricing and offers. Built to sit on homepages, landing pages and product pages.
22 copy-paste Liquid files
- Bundle OffersBundle cards with badge, price + compare-at price
- Countdown TimerPromo countdown banner with CTA, dark/light schemes
- Announcement BarDismissible top announcement bar, accent/dark schemes
- Brutal CTAFull-width yellow band with oversized button
- Brutal Product CardSingle product card with price sticker
- CTA BannerFull-width accent CTA banner, oversized heading
- CTA Gradient CardGradient-border CTA card with glow + trust avatars
- CTA Image CardRounded image CTA card with gradient overlay
- CTA MinimalUltra-minimal oversized text-link CTA
- Luxe ProductProduct spotlight with concierge promises
- Neon CTAGlass panel CTA with pulsing gradient button
- Pop BannerElectric-blue promo band with checkerboard edges
- Print CatalogNumbered catalog list with dotted leaders + prices
- Print CouponDashed coupon with scissors + code block
- Purchase CTAImage + heading + CTA buttons + benefit icons
- Sticky CTA BarFixed bottom conversion bar with price + dismiss
- Us vs ThemUs vs Them checklist table with highlighted brand column
- Brutal Pricing3 outlined plans, rotated BEST DEAL sticker
- Neon PricingGlass plans, gradient-border popular card
- Pricing Cards3-tier pricing cards with highlighted plan
- Pricing SimpleSingle centered offer with included list
- Pricing TogglePricing with monthly/annual billing toggle
- Bundle Offers套装优惠卡片:三列 bundle 卡,含角标(Most popular)、现价 / 划线价与按钮,悬停浮起,提升客单价利器。
- Countdown Timer促销倒计时横幅:文案 + 天/时/分/秒计时 + CTA 按钮。深色/浅色两种配色,到期自动显示结束文案。
- Announcement Bar顶部公告栏:促销文案 + 链接 + 可选关闭按钮(当次会话记住关闭状态),强调色 / 深色两种配色。
- Brutal CTA全宽荧光黄 CTA 横幅:超大标题 + 白底黑框大按钮 + ✦ 角标装饰,上下 4px 粗黑边。
- Brutal Product Card单品聚焦卡:黑框硬投影产品图 + NEW 贴纸,黄色块现价 + 删除线原价 + 加购大按钮。
- CTA Banner全宽强调色 CTA 横幅:超大白色粗体标题 + 白色胶囊按钮,四角斜纹装饰,视觉冲击力最强的转化模块。
- CTA Gradient Card渐变描边 CTA 卡片:深色底上的圆角卡片带渐变边框与光晕,内含标题、双按钮与头像信任行。
- CTA Image Card图片卡片 CTA:容器内圆角大图 + 左向渐变遮罩 + 左对齐文案按钮,高度可调,适合活动导流。
- CTA Minimal极简大字 CTA:留白 + 超大标题 + 一条带长箭头的下划线文字链接,箭头悬停滑动,适合高级感品牌。
- Luxe Product单品聚焦:左大图右窄栏(serif 品名 + 金色价格 + 方角按钮 + 三行服务承诺细线分隔),高客单陈列。
- Neon CTA居中玻璃大面板 CTA:双光晕背景 + 渐变标题 + 脉冲发光大按钮,页尾高转化钩子。
- Pop Banner电蓝促销横幅:上下棋盘格边带 + 黄色描边大字 + 圆角大按钮,Y2K 促销energy。
- Print Catalog老目录式产品列表:No. 编号 + serif 品名 + 点线填充 + 价格,一行一品,复古商品索引。
- Print Coupon虚线优惠券:四角剪刀符号 + 大号 serif 折扣数字 + 字距拉开的优惠码色块 + 细则小字。
- Purchase CTA大图 + 标题 + 富文本 + 主/次双按钮 + 三个保障图标(配送 / 退货 / 质保)。图片可切换左右布局。
- Sticky CTA Bar底部悬浮购买条:固定在页面底部的转化条,缩略图 + 标题 + 现价/划线价 + 按钮 + 可关闭(会话内记忆)。
- Us vs ThemUs vs Them 差异化对比表:我方列强调色高亮,每行特性用勾 / 叉直观对比,DTC 品牌页经典转化模块。
- Brutal Pricing三列黑框价格卡,推荐卡黄底 + 旋转 BEST DEAL 贴纸,超大 900 字重价格数字。
- Neon Pricing玻璃价格卡三列,推荐卡渐变边框 + MOST POPULAR 等宽标签 + 渐变按钮,深色 SaaS 感定价。
- Pricing Cards三列定价卡:推荐方案深色高亮放大 + 角标,特性对勾清单 + 按钮,主题编辑器可配置全部文案。
- Pricing Simple单方案极简定价:居中超大价格 + 两列包含清单 + 大按钮与保障说明,适合单品或单一套餐。
- Pricing Toggle月付/年付切换定价:胶囊开关切换所有方案价格(含省 20% 角标),适合订阅制耗材/滤芯计划。