Most form and email-capture apps send what shoppers type through their own servers. Panely’s form sections don’t. Every form posts to your store’s own Shopify contact form, the one your theme’s contact page uses, so submissions reach you through Shopify and Panely never sees them. You choose exactly which fields to ask for, and you can add a consent note under the form.
Choose how the form appears: in the page, a screen at a time, in a popup opened by a button, in a drawer that slides in from the edge, or in a bar pinned to the top or bottom of the screen. Spin to win and the scratch card make the sign-up a small game, with the prize drawn in the shopper’s browser from the weights you set.
PrizesA list of prizes (up to 12): Prize, Discount code, How often it comes up, Dot colour
Card
Cover textText
Text before the drawTextHidden under the cover until a shopper reveals it.
Layout
Email placeholderText
TermsText
Reveal button
Button labelText
Style
Section
Background colorColourphone & desktop
Background imageImagephone & desktop
Heading
Kicker fontGoogle Font and weightphone & desktop
Kicker sizeSlider, 10–96pxphone & desktop
Kicker colorColourphone & desktop
Kicker line heightSlider, 0.9–2.4phone & desktop
Kicker letter spacingSlider, -3–8pxphone & desktop
Kicker alignmentDesign default · Left · Center · Rightphone & desktop
Heading fontGoogle Font and weightphone & desktop
Heading sizeSlider, 10–96pxphone & desktop
Heading colorColourphone & desktop
Heading line heightSlider, 0.9–2.4phone & desktop
Heading letter spacingSlider, -3–8pxphone & desktop
Heading alignmentDesign default · Left · Center · Rightphone & desktop
Intro text fontGoogle Font and weightphone & desktop
Intro text sizeSlider, 10–96pxphone & desktop
Intro text colorColourphone & desktop
Intro text line heightSlider, 0.9–2.4phone & desktop
Intro text letter spacingSlider, -3–8pxphone & desktop
Intro text alignmentDesign default · Left · Center · Rightphone & desktop
Card
Card corner radiusSlider, 0–40pxphone & desktop
Card backgroundColourphone & desktop
Cover colourColourphone & desktop
Cover text colourColourphone & desktop
Field style
Input text fontGoogle Font and weightphone & desktop
Input text sizeSlider, 10–96pxphone & desktop
Input text colorColourphone & desktop
Input text line heightSlider, 0.9–2.4phone & desktop
Input text letter spacingSlider, -3–8pxphone & desktop
Input backgroundColourphone & desktop
Input border colorColourphone & desktop
Input corner radiusSlider, 0–24pxphone & desktop
Input text alignmentDesign default · Left · Center · Rightphone & desktop
Reveal button
Button text sizeSlider, 11–28pxphone & desktop
Button backgroundColourphone & desktop
Button text colorColourphone & desktop
Button corner radiusSlider, 0–40pxphone & desktop
Reveal button alignmentDesign default · Left · Center · Rightphone & desktop
Prize style
Prize fontGoogle Font and weightphone & desktop
Prize sizeSlider, 10–96pxphone & desktop
Prize colorColourphone & desktop
Prize line heightSlider, 0.9–2.4phone & desktop
Prize letter spacingSlider, -3–8pxphone & desktop
Prize alignmentDesign default · Left · Center · Rightphone & desktop
Prize list fontGoogle Font and weightphone & desktop
Prize list sizeSlider, 10–96pxphone & desktop
Prize list colorColourphone & desktop
Prize list line heightSlider, 0.9–2.4phone & desktop
Prize list letter spacingSlider, -3–8pxphone & desktop
Prize list alignmentDesign default · Left · Center · Rightphone & desktop
Terms fontGoogle Font and weightphone & desktop
Terms sizeSlider, 10–96pxphone & desktop
Terms colorColourphone & desktop
Terms line heightSlider, 0.9–2.4phone & desktop
Terms letter spacingSlider, -3–8pxphone & desktop
Terms alignmentDesign default · Left · Center · Rightphone & desktop
How to add a Panely section to your Shopify store
Install Panely from the Shopify App Store. It works with Online Store 2.0 themes, and your theme files are never edited.
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.
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.
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.
Questions about forms & capture sections
Where do form submissions go?
To your store’s Shopify contact form, exactly like your theme’s own contact page. Panely never receives or stores what shoppers type.
Will the popup interrupt shoppers when the page loads?
No. Panely’s popup opens only when a shopper presses its button. If you want something always visible, use the sticky bar instead.
How does spin to win pick a prize?
You list the prizes, each with a discount code and a weight. The wheel draws a winner by those weights in the shopper’s browser and reveals the code. Create the discount codes in Shopify first, so the code the shopper sees works at checkout.
Add these sections to your store
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.