Start a project

Panely sections for Shopify, with live demos

57 sections in eight categories, each in several designs. Every demo on these pages is rendered by the same engine as the Panely editor, so what you see is what goes on your store.

Install Panely free → How it works

Panely is a library of theme sections for Shopify: FAQ accordions, countdown timers, bundle builders, comparison tables, popups, sliders, charts and more. You pick a section, style it in the app with a live preview, and place it in any Online Store 2.0 theme with one app block. Your theme’s code is never edited.

The sections are organised by shape, not by purpose. One icon and text row serves features, guarantees, care steps and delivery terms, depending on what you type into it. Pick a category to see every section in it running live, switch between its designs, and see every setting you can change.

9 sections

Data-shaped

Sections that give numbers, places and dates a proper shape: charts, counters, timelines, a map with pins, calendars and clocks. You type the values, and the section draws them.

Chart · Progress meters · Stat counters · Map with pins · Horizontal timeline · Vertical timeline · Availability calendar · Clock · Current date See the demos → 7 sections

Forms & capture

Contact and sign-up forms, popups, drawers, sticky bars and prize games. Every form submits to Shopify itself, never to a third-party server.

Sticky bar · Inline form · Multi step form · Popup · Slide in drawer · Spin to win · Scratch card See the demos → 6 sections

Grids

Grids that go beyond equal columns: mixed-size bento cells, masonry, collages, grids you filter with chips, and tables for comparing products or plans.

Filterable grid · Bento grid · Mosaic collage · Comparison table · Pricing tiers · Masonry grid See the demos → 12 sections

Interactive

Sections shoppers open, switch, drag and answer: an FAQ accordion, tabs, a countdown timer, a product quiz, a before/after slider, image hotspots and more. Most of them work without JavaScript.

Before / after slider · Countdown timer · Accordion · Expandable read more · Tabs · Multi-step quiz · Mega menu · Lightbox gallery · Flip cards · Hover reveal · Image hotspots · Toggle switch See the demos → 5 sections

Motion & carousel

Sections that move: a full-width slideshow, a seamless logo marquee, a ticker strip, cards you flick through and a gallery that travels sideways as the page scrolls.

Draggable Card Stack · Advance Slideshow · Infinite Marquee · Ticker Strip · Scroll-triggered gallery See the demos → 6 sections

Overlay & split layouts

The big, page-defining layouts: hero banners with text over an image or a video, split screens, angled splits, sticky-scroll stories and cards that break their own grid.

Image with text overlay · Offset cards · Text over video · Sticky scroll · Diagonal split · Split screen See the demos → 6 sections

Product structures

Sections built from your own catalogue: a bundle builder, product grids and carousels, quick-add rows, a single product with swatches, and a 3D viewer.

Bundle Builder · Quick Add Rows · Single Product · Product Carousel · Product Grid · 3D Product Viewer See the demos → 6 sections

Typographic treatments

Sections made of words, set well: customer reviews, an icon row for features and guarantees, checklists, numbered steps, a pull quote and one big statement.

Oversized Statement · Checklist · Icon And Text · Numbered Steps · Single Quote · Multiple Reviews See the demos →

How to add a Panely section to your Shopify store

  1. Install Panely from the Shopify App Store. It works with Online Store 2.0 themes, and your theme files are never edited.
  2. Pick a section and press Add. Choose a design, and change the settings in the editor with a live preview beside them. You get a short section code.
  3. Place it once. In the theme editor, add the Panely block where you want the section, and paste the code into its Section code field.
  4. Edit any time. Change the section in Panely and save. Your store shows the change on its next page load, with nothing to paste again.

Each Add is its own copy with its own settings, so you can use the same section on as many pages as you like. Panely must stay installed for its sections to show. If you uninstall, they disappear, and your theme is left exactly as it was.

Start building with Panely

Install Panely from the Shopify App Store, pick a section and place it in your theme in a couple of minutes. A free plan is available.

Install Panely free →