• Shopify Section

Pricing table

Pricing table
The "Pricing table" section creates a sophisticated, responsive comparison table that's perfect for showcasing different product tiers, service packages, or membership levels. It's designed to help customers easily compare features and make informed decisions about which option best suits their needs.

What makes this section special is its flexibility and mobile-friendly design:
  • On desktop, it displays multiple pricing columns side by side for easy comparison
  • On mobile, it transforms into a smooth horizontal slider with intuitive next/prev navigation buttons
Each column can be customized with:
  • Images or icons at the top
  • Custom headings and text blocks
  • Collapsible content sections for feature details
  • Custom-styled buttons for calls-to-action
  • Dividers and spacers for visual organization
  • The section includes thoughtful design features like:
  • Box shadow options for visual depth
  • Customizable button styles with hover effects
  • Smooth scroll-snap behavior on mobile
  • Optional entrance animations when the section comes into view
  • Flexible text alignment and typography options
  • Support for custom CSS on both desktop and mobile
Each pricing column can be built using a variety of content blocks that stack vertically, giving you complete control over the layout and information hierarchy. The section comes preset with example content that you can easily modify to match your offerings, and all styling can be customized to match your brand's design language.
Install this section

Included in all Design Packs plans. Try free for 14 days.
Install now — free trial →
  • Works with any Shopify theme
  • Customize in Shopify editor
  • No developer required

19.99/month

  • Lorem ipsum dolor sit amet.
  • Et Quis iste et quidem consequatur cum
  • Veniam dicta non unde pariatur est saepe
  • Consequatur minima.
Buy now

Lorem ipsum dolor

Eos voluptatem obcaecati et natus nihil et officiis consequatur.

Lorem ipsum dolor

Eos voluptatem obcaecati et natus nihil et officiis consequatur.

29.99/month

  • Lorem ipsum dolor sit amet.
  • Et Quis iste et quidem consequatur cum
  • Veniam dicta non unde pariatur est saepe
  • Consequatur minima.
Buy now

Lorem ipsum dolor.

Eos voluptatem obcaecati et natus nihil et officiis consequatur.

Lorem ipsum dolor

Eos voluptatem obcaecati et natus nihil et officiis consequatur.

49.99/month

  • Lorem ipsum dolor sit amet.
  • Et Quis iste et quidem consequatur cum
  • Veniam dicta non unde pariatur est saepe
  • Consequatur minima.
Buy now

Lorem ipsum dolor

Eos voluptatem obcaecati et natus nihil et officiis consequatur.

Lorem ipsum dolor

Eos voluptatem obcaecati et natus nihil et officiis consequatur.

• Style variations

Same section. Completely different stores.

Every example below uses the same Pricing table section just configured differently in the Shopify editor.

19.99/month

  • Lorem ipsum dolor sit amet.
  • Et Quis iste et quidem consequatur cum
  • Veniam dicta non unde pariatur est saepe
  • Consequatur minima.
Buy now

Lorem ipsum dolor

Eos voluptatem obcaecati et natus nihil et officiis consequatur.

Lorem ipsum dolor

Eos voluptatem obcaecati et natus nihil et officiis consequatur.

29.99/month

  • Lorem ipsum dolor sit amet.
  • Et Quis iste et quidem consequatur cum
  • Veniam dicta non unde pariatur est saepe
  • Consequatur minima.
Buy now

Lorem ipsum dolor.

Eos voluptatem obcaecati et natus nihil et officiis consequatur.

Lorem ipsum dolor

Eos voluptatem obcaecati et natus nihil et officiis consequatur.

49.99/month

  • Lorem ipsum dolor sit amet.
  • Et Quis iste et quidem consequatur cum
  • Veniam dicta non unde pariatur est saepe
  • Consequatur minima.
Buy now

Lorem ipsum dolor

Eos voluptatem obcaecati et natus nihil et officiis consequatur.

Lorem ipsum dolor

Eos voluptatem obcaecati et natus nihil et officiis consequatur.