Start a project

Popup, form and spin-to-win sections for Shopify

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

Install Panely free → See the demos

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.

Appointment Request Email Capture Card Feedback Widget Floating Signup Button Inline form Multi step form Newsletter Hero Poll Popup Request a Quote Request a Sample Scratch card Slide in drawer Spin to win Sticky bar

Free sections are in every plan, the free plan included. Premium sections need a paid plan.

Appointment Request

Free In page

Shoppers pick a day and a time that suits them, and leave their details. You confirm.

4 designs: Details beside, Card, Wide, Minimal. Pick one in the app, then fine-tune it with the settings below.

Settings you can change 65

Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.

Layout

Section
  • Padding top Slider, 0–200px phone & desktop
  • Padding bottom Slider, 0–200px phone & desktop
  • Max width Slider, 320–1600px phone & desktop
Layout
  • Gap between fields Slider, 4–40px phone & desktop
  • Padding inside a field Slider, 6–24px phone & desktop
Button
  • Button padding (vertical) Slider, 4–32px phone & desktop
  • Button padding (horizontal) Slider, 8–72px phone & desktop

Content

Heading
  • Kicker Text
  • Heading Text
  • Intro Text, several lines
Day and time
  • Label for what it is for Text
  • What it can be for A list of choices (up to 12): Choice
  • Label for the day Text
  • Label for the time Text
  • Times on offer A list of times (up to 16): Time
Fields
  • Fields A list of fields (up to 16): Label, Kind of answer, Hint inside the field, Choices, one per line, Must be filled in, Width Keep one "Email address" field. Your store needs it to deliver the request.
Form
  • Button label Text
  • Small print Text, several lines
  • Where the form posts Text Leave as it is unless your theme uses a different contact address.
Details beside the form
  • Heading Text
  • Text Text, several lines
After it is sent
  • Heading Text
  • Text Text, several lines

Style

Section
  • Background color Colour phone & desktop
  • Background image Image phone & desktop
Field style
  • Form background Colour phone & desktop
  • Field background Colour phone & desktop
  • Field border Colour phone & desktop
  • Field text Colour phone & desktop
  • Field corner radius Slider, 0–32px phone & desktop
  • Accent color Colour phone & desktop
Label style
  • Label font Google Font and weight phone & desktop
  • Label size Slider, 10–28px phone & desktop
  • Label color Colour phone & desktop
  • Label line height Slider, 0.8–2.4 phone & desktop
  • Label letter spacing Slider, -8–12px phone & desktop
Small print style
  • Small print font Google Font and weight phone & desktop
  • Small print size Slider, 10–24px phone & desktop
  • Small print color Colour phone & desktop
  • Small print line height Slider, 0.8–2.4 phone & desktop
  • Small print letter spacing Slider, -8–12px phone & desktop
  • Small print alignment Design default · Left · Center · Right phone & desktop
Kicker style
  • Kicker font Google Font and weight phone & desktop
  • Kicker size Slider, 10–96px phone & desktop
  • Kicker color Colour phone & desktop
  • Kicker line height Slider, 0.8–2.4 phone & desktop
  • Kicker letter spacing Slider, -8–12px phone & desktop
  • Kicker alignment Design default · Left · Center · Right phone & desktop
Heading style
  • Heading font Google Font and weight phone & desktop
  • Heading size Slider, 10–120px phone & desktop
  • Heading color Colour phone & desktop
  • Heading line height Slider, 0.8–2.4 phone & desktop
  • Heading letter spacing Slider, -8–12px phone & desktop
  • Heading alignment Design default · Left · Center · Right phone & desktop
Intro style
  • Intro font Google Font and weight phone & desktop
  • Intro size Slider, 10–40px phone & desktop
  • Intro color Colour phone & desktop
  • Intro line height Slider, 0.8–2.4 phone & desktop
  • Intro letter spacing Slider, -8–12px phone & desktop
  • Intro alignment Design default · Left · Center · Right phone & desktop
Button
  • Button text size Slider, 11–28px phone & desktop
  • Button background Colour phone & desktop
  • Button text color Colour phone & desktop
  • Button corner radius Slider, 0–40px phone & desktop
  • Button alignment Design default · Left · Center · Right phone & desktop

Email Capture Card

Free In page

A compact signup card: a line of reason, an email field and a button.

4 designs: Card, Wide strip, Filled, Coupon. Pick one in the app, then fine-tune it with the settings below.

Settings you can change 54

Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.

Layout

Section
  • Padding top Slider, 0–200px phone & desktop
  • Padding bottom Slider, 0–200px phone & desktop
  • Max width Slider, 320–1600px phone & desktop
Layout
  • Padding inside the card Slider, 12–72px phone & desktop
  • Gap between fields Slider, 4–40px phone & desktop
  • Padding inside a field Slider, 6–24px phone & desktop
Button
  • Button padding (vertical) Slider, 4–32px phone & desktop
  • Button padding (horizontal) Slider, 8–72px phone & desktop

Content

Heading
  • Badge Text A few words above the heading. Leave empty for none.
  • Heading Text
  • Intro Text, several lines
Form
  • Label for the email field Text Read out by screen readers; shown as the hint inside the field.
  • Button label Text
  • Small print Text, several lines
  • Tag for people who sign up Text Put on the customer in your store, so you can find everyone who signed up here.
  • Where the form posts Text Leave as it is unless your theme uses a different contact address.
After it is sent
  • Heading Text
  • Text Text, several lines

Style

Section
  • Background color Colour phone & desktop
  • Background image Image phone & desktop
Card style
  • Card background Colour phone & desktop
  • Card corner radius Slider, 0–40px phone & desktop
Field style
  • Field background Colour phone & desktop
  • Field border Colour phone & desktop
  • Field text Colour phone & desktop
  • Field corner radius Slider, 0–32px phone & desktop
  • Accent color Colour phone & desktop
Label style
  • Label font Google Font and weight phone & desktop
  • Label size Slider, 10–28px phone & desktop
  • Label color Colour phone & desktop
  • Label line height Slider, 0.8–2.4 phone & desktop
  • Label letter spacing Slider, -8–12px phone & desktop
Small print style
  • Small print font Google Font and weight phone & desktop
  • Small print size Slider, 10–24px phone & desktop
  • Small print color Colour phone & desktop
  • Small print line height Slider, 0.8–2.4 phone & desktop
  • Small print letter spacing Slider, -8–12px phone & desktop
  • Small print alignment Design default · Left · Center · Right phone & desktop
Heading style
  • Heading font Google Font and weight phone & desktop
  • Heading size Slider, 10–72px phone & desktop
  • Heading color Colour phone & desktop
  • Heading line height Slider, 0.8–2.4 phone & desktop
  • Heading letter spacing Slider, -8–12px phone & desktop
  • Heading alignment Design default · Left · Center · Right phone & desktop
Intro style
  • Intro font Google Font and weight phone & desktop
  • Intro size Slider, 10–32px phone & desktop
  • Intro color Colour phone & desktop
  • Intro line height Slider, 0.8–2.4 phone & desktop
  • Intro letter spacing Slider, -8–12px phone & desktop
  • Intro alignment Design default · Left · Center · Right phone & desktop
Button
  • Button text size Slider, 11–28px phone & desktop
  • Button background Colour phone & desktop
  • Button text color Colour phone & desktop
  • Button corner radius Slider, 0–40px phone & desktop

Feedback Widget

Free Overlay

A tab at the edge of the screen that opens a quick feedback form: a rating and a few words.

4 designs: Tab on the edge, Bottom right, Bottom left, Bar along the bottom. Pick one in the app, then fine-tune it with the settings below.

Settings you can change 57

Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.

Layout

Layout
  • Distance from the edge Slider, 0–60px phone & desktop
  • Width of the panel Slider, 260–520px phone & desktop
  • Gap between fields Slider, 4–40px phone & desktop
  • Padding inside a field Slider, 6–24px phone & desktop
Button
  • Button padding (vertical) Slider, 4–32px phone & desktop
  • Button padding (horizontal) Slider, 8–72px phone & desktop

Content

Tab that opens it
  • Words on the tab Text
Heading
  • Heading Text
  • Intro Text, several lines
  • Name of the close button Text
Form
  • Label for the rating Text
  • Rating shown as Faces · Stars · Numbers
  • Label for the message Text
  • Label for the email field Text Your store needs an email address to deliver the feedback.
  • Button label Text
  • Small print Text, several lines
  • Where the form posts Text Leave as it is unless your theme uses a different contact address.
After it is sent
  • Heading Text
  • Text Text, several lines

Style

Section
  • Panel background Colour phone & desktop
  • Background image Image phone & desktop
Panel style
  • Panel corner radius Slider, 0–40px phone & desktop
  • Tab background Colour phone & desktop
  • Tab text Colour phone & desktop
Field style
  • Field background Colour phone & desktop
  • Field border Colour phone & desktop
  • Field text Colour phone & desktop
  • Field corner radius Slider, 0–32px phone & desktop
  • Accent color Colour phone & desktop
Label style
  • Label font Google Font and weight phone & desktop
  • Label size Slider, 10–28px phone & desktop
  • Label color Colour phone & desktop
  • Label line height Slider, 0.8–2.4 phone & desktop
  • Label letter spacing Slider, -8–12px phone & desktop
Small print style
  • Small print font Google Font and weight phone & desktop
  • Small print size Slider, 10–24px phone & desktop
  • Small print color Colour phone & desktop
  • Small print line height Slider, 0.8–2.4 phone & desktop
  • Small print letter spacing Slider, -8–12px phone & desktop
  • Small print alignment Design default · Left · Center · Right phone & desktop
Heading style
  • Heading font Google Font and weight phone & desktop
  • Heading size Slider, 10–60px phone & desktop
  • Heading color Colour phone & desktop
  • Heading line height Slider, 0.8–2.4 phone & desktop
  • Heading letter spacing Slider, -8–12px phone & desktop
  • Heading alignment Design default · Left · Center · Right phone & desktop
Intro style
  • Intro font Google Font and weight phone & desktop
  • Intro size Slider, 10–32px phone & desktop
  • Intro color Colour phone & desktop
  • Intro line height Slider, 0.8–2.4 phone & desktop
  • Intro letter spacing Slider, -8–12px phone & desktop
  • Intro alignment Design default · Left · Center · Right phone & desktop
Button
  • Button text size Slider, 11–28px phone & desktop
  • Button background Colour phone & desktop
  • Button text color Colour phone & desktop
  • Button corner radius Slider, 0–40px phone & desktop
  • Button alignment Design default · Left · Center · Right phone & desktop

Floating Signup Button

Free Overlay

A button that stays in the corner of the screen and opens a signup form when pressed.

4 designs: Bottom right, Bottom left, Tab on the edge, Bar along the bottom. Pick one in the app, then fine-tune it with the settings below.

Settings you can change 54

Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.

Layout

Layout
  • Distance from the edge Slider, 0–60px phone & desktop
  • Width of the panel Slider, 260–520px phone & desktop
  • Gap between fields Slider, 4–40px phone & desktop
  • Padding inside a field Slider, 6–24px phone & desktop
Button
  • Button padding (vertical) Slider, 4–32px phone & desktop
  • Button padding (horizontal) Slider, 8–72px phone & desktop

Content

Button that opens it
  • Words on the button Text
Heading
  • Heading Text
  • Intro Text, several lines
  • Name of the close button Text
Form
  • Label for the email field Text Read out by screen readers; shown as the hint inside the field.
  • Button label Text
  • Small print Text, several lines
  • Tag for people who sign up Text Put on the customer in your store, so you can find everyone who signed up here.
  • Where the form posts Text Leave as it is unless your theme uses a different contact address.
After it is sent
  • Heading Text
  • Text Text, several lines

Style

Section
  • Panel background Colour phone & desktop
  • Background image Image phone & desktop
Panel style
  • Panel corner radius Slider, 0–40px phone & desktop
  • Opening button background Colour phone & desktop
  • Opening button text Colour phone & desktop
Field style
  • Field background Colour phone & desktop
  • Field border Colour phone & desktop
  • Field text Colour phone & desktop
  • Field corner radius Slider, 0–32px phone & desktop
  • Accent color Colour phone & desktop
Label style
  • Label font Google Font and weight phone & desktop
  • Label size Slider, 10–28px phone & desktop
  • Label color Colour phone & desktop
  • Label line height Slider, 0.8–2.4 phone & desktop
  • Label letter spacing Slider, -8–12px phone & desktop
Small print style
  • Small print font Google Font and weight phone & desktop
  • Small print size Slider, 10–24px phone & desktop
  • Small print color Colour phone & desktop
  • Small print line height Slider, 0.8–2.4 phone & desktop
  • Small print letter spacing Slider, -8–12px phone & desktop
  • Small print alignment Design default · Left · Center · Right phone & desktop
Heading style
  • Heading font Google Font and weight phone & desktop
  • Heading size Slider, 10–60px phone & desktop
  • Heading color Colour phone & desktop
  • Heading line height Slider, 0.8–2.4 phone & desktop
  • Heading letter spacing Slider, -8–12px phone & desktop
  • Heading alignment Design default · Left · Center · Right phone & desktop
Intro style
  • Intro font Google Font and weight phone & desktop
  • Intro size Slider, 10–32px phone & desktop
  • Intro color Colour phone & desktop
  • Intro line height Slider, 0.8–2.4 phone & desktop
  • Intro letter spacing Slider, -8–12px phone & desktop
  • Intro alignment Design default · Left · Center · Right phone & desktop
Button
  • Button text size Slider, 11–28px phone & desktop
  • Button background Colour phone & desktop
  • Button text color Colour phone & desktop
  • Button corner radius Slider, 0–40px phone & desktop

Inline form

Free In page

A form in the page. Define exactly which fields you want.

4 designs: Stacked, Two column, Inline, Boxed. Pick one in the app, then fine-tune it with the settings below.

Settings you can change 61

Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.

Layout

Section
  • Padding top Slider, 0–200px phone & desktop
  • Padding bottom Slider, 0–200px phone & desktop
  • Max width Slider, 480–1600px phone & desktop
Layout
  • Gap between fields Slider, 4–40px phone & desktop
  • Input padding Slider, 4–28px phone & desktop
Submit button
  • Button padding (vertical) Slider, 4–32px phone & desktop
  • Button padding (horizontal) Slider, 8–72px phone & desktop

Content

Heading
  • Kicker Text
  • Heading Text
  • Intro text Text, several lines
Form fields
  • Form fields A list of fields (up to 24): Label, Name attribute, Type, Placeholder, Dropdown options (separate with |), Required, Width
Form
  • Where the form posts Text
  • Consent note Text
Submit button
  • Button label Text
  • Button link Link

Style

Section
  • Background color Colour phone & desktop
  • Background image Image phone & desktop
Heading
  • Kicker font Google Font and weight phone & desktop
  • Kicker size Slider, 10–96px phone & desktop
  • Kicker color Colour phone & desktop
  • Kicker line height Slider, 0.9–2.4 phone & desktop
  • Kicker letter spacing Slider, -3–8px phone & desktop
  • Kicker alignment Design default · Left · Center · Right phone & desktop
  • Heading font Google Font and weight phone & desktop
  • Heading size Slider, 10–96px phone & desktop
  • Heading color Colour phone & desktop
  • Heading line height Slider, 0.9–2.4 phone & desktop
  • Heading letter spacing Slider, -3–8px phone & desktop
  • Heading alignment Design default · Left · Center · Right phone & desktop
  • Intro text font Google Font and weight phone & desktop
  • Intro text size Slider, 10–96px phone & desktop
  • Intro text color Colour phone & desktop
  • Intro text line height Slider, 0.9–2.4 phone & desktop
  • Intro text letter spacing Slider, -3–8px phone & desktop
  • Intro text alignment Design default · Left · Center · Right phone & desktop
Field style
  • Field label font Google Font and weight phone & desktop
  • Field label size Slider, 10–96px phone & desktop
  • Field label color Colour phone & desktop
  • Field label line height Slider, 0.9–2.4 phone & desktop
  • Field label letter spacing Slider, -3–8px phone & desktop
  • Field label alignment Design default · Left · Center · Right phone & desktop
  • Input text font Google Font and weight phone & desktop
  • Input text size Slider, 10–96px phone & desktop
  • Input text color Colour phone & desktop
  • Input text line height Slider, 0.9–2.4 phone & desktop
  • Input text letter spacing Slider, -3–8px phone & desktop
  • Input background Colour phone & desktop
  • Input border color Colour phone & desktop
  • Input corner radius Slider, 0–24px phone & desktop
  • Input text alignment Design default · Left · Center · Right phone & desktop
  • Consent note font Google Font and weight phone & desktop
  • Consent note size Slider, 10–96px phone & desktop
  • Consent note color Colour phone & desktop
  • Consent note line height Slider, 0.9–2.4 phone & desktop
  • Consent note letter spacing Slider, -3–8px phone & desktop
  • Consent note alignment Design default · Left · Center · Right phone & desktop
Submit button
  • Button text size Slider, 11–28px phone & desktop
  • Button background Colour phone & desktop
  • Button text color Colour phone & desktop
  • Button corner radius Slider, 0–40px phone & desktop
  • Submit button alignment Design default · Left · Center · Right phone & desktop

Multi step form

Free In page

The same fields asked a screen at a time, with back and forward controls.

4 designs: Steps, Numbered, Progress, Minimal. Pick one in the app, then fine-tune it with the settings below.

Settings you can change 68

Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.

Layout

Section
  • Padding top Slider, 0–200px phone & desktop
  • Padding bottom Slider, 0–200px phone & desktop
  • Max width Slider, 480–1600px phone & desktop
Layout
  • Gap between fields Slider, 4–40px phone & desktop
  • Input padding Slider, 4–28px phone & desktop
Submit button
  • Button padding (vertical) Slider, 4–32px phone & desktop
  • Button padding (horizontal) Slider, 8–72px phone & desktop

Content

Heading
  • Kicker Text
  • Heading Text
  • Intro text Text, several lines
Steps
  • Steps A list of steps (up to 8): Step title, Fields (one per line: "Label | name | type")
Form
  • Where the form posts Text
  • Next button label Text
  • Back button label Text
Submit button
  • Button label Text

Style

Section
  • Background color Colour phone & desktop
  • Background image Image phone & desktop
Heading
  • Kicker font Google Font and weight phone & desktop
  • Kicker size Slider, 10–96px phone & desktop
  • Kicker color Colour phone & desktop
  • Kicker line height Slider, 0.9–2.4 phone & desktop
  • Kicker letter spacing Slider, -3–8px phone & desktop
  • Kicker alignment Design default · Left · Center · Right phone & desktop
  • Heading font Google Font and weight phone & desktop
  • Heading size Slider, 10–96px phone & desktop
  • Heading color Colour phone & desktop
  • Heading line height Slider, 0.9–2.4 phone & desktop
  • Heading letter spacing Slider, -3–8px phone & desktop
  • Heading alignment Design default · Left · Center · Right phone & desktop
  • Intro text font Google Font and weight phone & desktop
  • Intro text size Slider, 10–96px phone & desktop
  • Intro text color Colour phone & desktop
  • Intro text line height Slider, 0.9–2.4 phone & desktop
  • Intro text letter spacing Slider, -3–8px phone & desktop
  • Intro text alignment Design default · Left · Center · Right phone & desktop
Field style
  • Field label font Google Font and weight phone & desktop
  • Field label size Slider, 10–96px phone & desktop
  • Field label color Colour phone & desktop
  • Field label line height Slider, 0.9–2.4 phone & desktop
  • Field label letter spacing Slider, -3–8px phone & desktop
  • Field label alignment Design default · Left · Center · Right phone & desktop
  • Input text font Google Font and weight phone & desktop
  • Input text size Slider, 10–96px phone & desktop
  • Input text color Colour phone & desktop
  • Input text line height Slider, 0.9–2.4 phone & desktop
  • Input text letter spacing Slider, -3–8px phone & desktop
  • Input background Colour phone & desktop
  • Input border color Colour phone & desktop
  • Input corner radius Slider, 0–24px phone & desktop
  • Input text alignment Design default · Left · Center · Right phone & desktop
Submit button
  • Button text size Slider, 11–28px phone & desktop
  • Button background Colour phone & desktop
  • Button text color Colour phone & desktop
  • Button corner radius Slider, 0–40px phone & desktop
  • Submit button alignment Design default · Left · Center · Right phone & desktop
Step style
  • Step title font Google Font and weight phone & desktop
  • Step title size Slider, 10–96px phone & desktop
  • Step title color Colour phone & desktop
  • Step title line height Slider, 0.9–2.4 phone & desktop
  • Step title letter spacing Slider, -3–8px phone & desktop
  • Step title alignment Design default · Left · Center · Right phone & desktop
  • Step counter font Google Font and weight phone & desktop
  • Step counter size Slider, 10–96px phone & desktop
  • Step counter color Colour phone & desktop
  • Step counter line height Slider, 0.9–2.4 phone & desktop
  • Step counter letter spacing Slider, -3–8px phone & desktop
  • Step counter alignment Design default · Left · Center · Right phone & desktop
  • Progress colour Colour phone & desktop

Newsletter Hero

Free In page

A large opening with an email signup built into it.

4 designs: Centered, Picture beside, Picture behind, Minimal. Pick one in the app, then fine-tune it with the settings below.

Settings you can change 63

Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.

Layout

Section
  • Padding top Slider, 0–200px phone & desktop
  • Padding bottom Slider, 0–200px phone & desktop
  • Max width Slider, 320–1600px phone & desktop
  • Minimum height Slider, 0–100% phone & desktop A share of the screen height.
Form
  • Also ask for a first name On / off
Picture
  • Darken the picture Slider, 0–90% phone & desktop
Layout
  • Gap between fields Slider, 4–40px phone & desktop
  • Padding inside a field Slider, 6–24px phone & desktop
Button
  • Button padding (vertical) Slider, 4–32px phone & desktop
  • Button padding (horizontal) Slider, 8–72px phone & desktop

Content

Heading
  • Kicker Text
  • Heading Text
  • Intro Text, several lines
Picture
  • Picture Image
Form
  • Label for the email field Text Read out by screen readers; shown as the hint inside the field.
  • Label for the name field Text
  • Button label Text
  • Small print Text, several lines
  • Tag for people who sign up Text Put on the customer in your store, so you can find everyone who signed up here.
  • Where the form posts Text Leave as it is unless your theme uses a different contact address.
After it is sent
  • Heading Text
  • Text Text, several lines

Style

Section
  • Background color Colour phone & desktop
  • Background image Image phone & desktop
Picture
  • Text color over the picture Colour phone & desktop
Field style
  • Field background Colour phone & desktop
  • Field border Colour phone & desktop
  • Field text Colour phone & desktop
  • Field corner radius Slider, 0–32px phone & desktop
  • Accent color Colour phone & desktop
Label style
  • Label font Google Font and weight phone & desktop
  • Label size Slider, 10–28px phone & desktop
  • Label color Colour phone & desktop
  • Label line height Slider, 0.8–2.4 phone & desktop
  • Label letter spacing Slider, -8–12px phone & desktop
Small print style
  • Small print font Google Font and weight phone & desktop
  • Small print size Slider, 10–24px phone & desktop
  • Small print color Colour phone & desktop
  • Small print line height Slider, 0.8–2.4 phone & desktop
  • Small print letter spacing Slider, -8–12px phone & desktop
  • Small print alignment Design default · Left · Center · Right phone & desktop
Kicker style
  • Kicker font Google Font and weight phone & desktop
  • Kicker size Slider, 10–96px phone & desktop
  • Kicker color Colour phone & desktop
  • Kicker line height Slider, 0.8–2.4 phone & desktop
  • Kicker letter spacing Slider, -8–12px phone & desktop
  • Kicker alignment Design default · Left · Center · Right phone & desktop
Heading style
  • Heading font Google Font and weight phone & desktop
  • Heading size Slider, 10–160px phone & desktop
  • Heading color Colour phone & desktop
  • Heading line height Slider, 0.8–2.4 phone & desktop
  • Heading letter spacing Slider, -8–12px phone & desktop
  • Heading alignment Design default · Left · Center · Right phone & desktop
Intro style
  • Intro font Google Font and weight phone & desktop
  • Intro size Slider, 10–40px phone & desktop
  • Intro color Colour phone & desktop
  • Intro line height Slider, 0.8–2.4 phone & desktop
  • Intro letter spacing Slider, -8–12px phone & desktop
  • Intro alignment Design default · Left · Center · Right phone & desktop
Button
  • Button text size Slider, 11–28px phone & desktop
  • Button background Colour phone & desktop
  • Button text color Colour phone & desktop
  • Button corner radius Slider, 0–40px phone & desktop

Poll

Free Interactive

One question, a few answers, and a vote. Each vote reaches you with the voter's email address.

4 designs: Bars, Cards, Pills, Minimal. Pick one in the app, then fine-tune it with the settings below.

Settings you can change 66

Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.

Layout

Section
  • Padding top Slider, 0–200px phone & desktop
  • Padding bottom Slider, 0–200px phone & desktop
  • Max width Slider, 320–1600px phone & desktop
Answers
  • Show the results after a vote On / off From the "Votes so far" you type in, plus the shopper's own vote. They are not counted for you.
Layout
  • Gap between fields Slider, 4–40px phone & desktop
  • Padding inside a field Slider, 6–24px phone & desktop
Button
  • Button padding (vertical) Slider, 4–32px phone & desktop
  • Button padding (horizontal) Slider, 8–72px phone & desktop

Content

Heading
  • Kicker Text
  • The question Text
  • Intro Text, several lines
Answers
  • Answers A list of answers (up to 8): Answer, Votes so far
  • Word for votes Text
Form
  • Label for the email field Text Your store needs an email address to deliver each vote.
  • Button label Text
  • Small print Text, several lines
  • Where the form posts Text Leave as it is unless your theme uses a different contact address.
After it is sent
  • Heading Text
  • Text Text, several lines

Style

Section
  • Background color Colour phone & desktop
  • Background image Image phone & desktop
Field style
  • Answer background Colour phone & desktop
  • Field background Colour phone & desktop
  • Field border Colour phone & desktop
  • Field text Colour phone & desktop
  • Field corner radius Slider, 0–32px phone & desktop
  • Accent color Colour phone & desktop
Label style
  • Label font Google Font and weight phone & desktop
  • Label size Slider, 10–28px phone & desktop
  • Label color Colour phone & desktop
  • Label line height Slider, 0.8–2.4 phone & desktop
  • Label letter spacing Slider, -8–12px phone & desktop
Small print style
  • Small print font Google Font and weight phone & desktop
  • Small print size Slider, 10–24px phone & desktop
  • Small print color Colour phone & desktop
  • Small print line height Slider, 0.8–2.4 phone & desktop
  • Small print letter spacing Slider, -8–12px phone & desktop
  • Small print alignment Design default · Left · Center · Right phone & desktop
Answer style
  • Answer font Google Font and weight phone & desktop
  • Answer size Slider, 10–40px phone & desktop
  • Answer color Colour phone & desktop
  • Answer line height Slider, 0.8–2.4 phone & desktop
  • Answer letter spacing Slider, -8–12px phone & desktop
Kicker style
  • Kicker font Google Font and weight phone & desktop
  • Kicker size Slider, 10–96px phone & desktop
  • Kicker color Colour phone & desktop
  • Kicker line height Slider, 0.8–2.4 phone & desktop
  • Kicker letter spacing Slider, -8–12px phone & desktop
  • Kicker alignment Design default · Left · Center · Right phone & desktop
Heading style
  • Heading font Google Font and weight phone & desktop
  • Heading size Slider, 10–120px phone & desktop
  • Heading color Colour phone & desktop
  • Heading line height Slider, 0.8–2.4 phone & desktop
  • Heading letter spacing Slider, -8–12px phone & desktop
  • Heading alignment Design default · Left · Center · Right phone & desktop
Intro style
  • Intro font Google Font and weight phone & desktop
  • Intro size Slider, 10–40px phone & desktop
  • Intro color Colour phone & desktop
  • Intro line height Slider, 0.8–2.4 phone & desktop
  • Intro letter spacing Slider, -8–12px phone & desktop
  • Intro alignment Design default · Left · Center · Right phone & desktop
Button
  • Button text size Slider, 11–28px phone & desktop
  • Button background Colour phone & desktop
  • Button text color Colour phone & desktop
  • Button corner radius Slider, 0–40px phone & desktop
  • Button alignment Design default · Left · Center · Right phone & desktop

Request a Quote

Free In page

A quote request with fields you choose, and what happens next spelled out beside it.

4 designs: Steps beside, Stacked, Boxed, Wide. Pick one in the app, then fine-tune it with the settings below.

Settings you can change 65

Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.

Layout

Section
  • Padding top Slider, 0–200px phone & desktop
  • Padding bottom Slider, 0–200px phone & desktop
  • Max width Slider, 320–1600px phone & desktop
Layout
  • Gap between fields Slider, 4–40px phone & desktop
  • Padding inside a field Slider, 6–24px phone & desktop
Button
  • Button padding (vertical) Slider, 4–32px phone & desktop
  • Button padding (horizontal) Slider, 8–72px phone & desktop

Content

Heading
  • Kicker Text
  • Heading Text
  • Intro Text, several lines
Fields
  • Fields A list of fields (up to 16): Label, Kind of answer, Hint inside the field, Choices, one per line, Must be filled in, Width Keep one "Email address" field. Your store needs it to deliver the request.
Form
  • Button label Text
  • Small print Text, several lines
  • Where the form posts Text Leave as it is unless your theme uses a different contact address.
What happens next
  • Heading Text
  • Steps A list of steps (up to 6): Title, Text
After it is sent
  • Heading Text
  • Text Text, several lines

Style

Section
  • Background color Colour phone & desktop
  • Background image Image phone & desktop
Field style
  • Form background Colour phone & desktop
  • Field background Colour phone & desktop
  • Field border Colour phone & desktop
  • Field text Colour phone & desktop
  • Field corner radius Slider, 0–32px phone & desktop
  • Accent color Colour phone & desktop
Label style
  • Label font Google Font and weight phone & desktop
  • Label size Slider, 10–28px phone & desktop
  • Label color Colour phone & desktop
  • Label line height Slider, 0.8–2.4 phone & desktop
  • Label letter spacing Slider, -8–12px phone & desktop
Small print style
  • Small print font Google Font and weight phone & desktop
  • Small print size Slider, 10–24px phone & desktop
  • Small print color Colour phone & desktop
  • Small print line height Slider, 0.8–2.4 phone & desktop
  • Small print letter spacing Slider, -8–12px phone & desktop
  • Small print alignment Design default · Left · Center · Right phone & desktop
Step style
  • Step font Google Font and weight phone & desktop
  • Step size Slider, 10–40px phone & desktop
  • Step color Colour phone & desktop
  • Step line height Slider, 0.8–2.4 phone & desktop
  • Step letter spacing Slider, -8–12px phone & desktop
Kicker style
  • Kicker font Google Font and weight phone & desktop
  • Kicker size Slider, 10–96px phone & desktop
  • Kicker color Colour phone & desktop
  • Kicker line height Slider, 0.8–2.4 phone & desktop
  • Kicker letter spacing Slider, -8–12px phone & desktop
  • Kicker alignment Design default · Left · Center · Right phone & desktop
Heading style
  • Heading font Google Font and weight phone & desktop
  • Heading size Slider, 10–120px phone & desktop
  • Heading color Colour phone & desktop
  • Heading line height Slider, 0.8–2.4 phone & desktop
  • Heading letter spacing Slider, -8–12px phone & desktop
  • Heading alignment Design default · Left · Center · Right phone & desktop
Intro style
  • Intro font Google Font and weight phone & desktop
  • Intro size Slider, 10–40px phone & desktop
  • Intro color Colour phone & desktop
  • Intro line height Slider, 0.8–2.4 phone & desktop
  • Intro letter spacing Slider, -8–12px phone & desktop
  • Intro alignment Design default · Left · Center · Right phone & desktop
Button
  • Button text size Slider, 11–28px phone & desktop
  • Button background Colour phone & desktop
  • Button text color Colour phone & desktop
  • Button corner radius Slider, 0–40px phone & desktop
  • Button alignment Design default · Left · Center · Right phone & desktop

Request a Sample

Free In page

Shoppers tick the samples they want and say where to send them.

4 designs: Swatches, List, Side by side, Compact. Pick one in the app, then fine-tune it with the settings below.

Settings you can change 61

Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.

Layout

Section
  • Padding top Slider, 0–200px phone & desktop
  • Padding bottom Slider, 0–200px phone & desktop
  • Max width Slider, 320–1600px phone & desktop
Samples
  • The most a shopper may choose Slider, 0–12 0 sets no limit.
Layout
  • Gap between fields Slider, 4–40px phone & desktop
  • Padding inside a field Slider, 6–24px phone & desktop
Button
  • Button padding (vertical) Slider, 4–32px phone & desktop
  • Button padding (horizontal) Slider, 8–72px phone & desktop

Content

Heading
  • Kicker Text
  • Heading Text
  • Intro Text, several lines
Samples
  • Above the samples Text
  • Samples A list of samples (up to 24): Name, Note (optional), Color of its swatch, Picture (optional)
Fields
  • Fields A list of fields (up to 16): Label, Kind of answer, Hint inside the field, Choices, one per line, Must be filled in, Width Keep one "Email address" field. Your store needs it to deliver the request.
Form
  • Button label Text
  • Small print Text, several lines
  • Where the form posts Text Leave as it is unless your theme uses a different contact address.
After it is sent
  • Heading Text
  • Text Text, several lines

Style

Section
  • Background color Colour phone & desktop
  • Background image Image phone & desktop
Field style
  • Form background Colour phone & desktop
  • Field background Colour phone & desktop
  • Field border Colour phone & desktop
  • Field text Colour phone & desktop
  • Field corner radius Slider, 0–32px phone & desktop
  • Accent color Colour phone & desktop
Label style
  • Label font Google Font and weight phone & desktop
  • Label size Slider, 10–28px phone & desktop
  • Label color Colour phone & desktop
  • Label line height Slider, 0.8–2.4 phone & desktop
  • Label letter spacing Slider, -8–12px phone & desktop
Small print style
  • Small print font Google Font and weight phone & desktop
  • Small print size Slider, 10–24px phone & desktop
  • Small print color Colour phone & desktop
  • Small print line height Slider, 0.8–2.4 phone & desktop
  • Small print letter spacing Slider, -8–12px phone & desktop
  • Small print alignment Design default · Left · Center · Right phone & desktop
Kicker style
  • Kicker font Google Font and weight phone & desktop
  • Kicker size Slider, 10–96px phone & desktop
  • Kicker color Colour phone & desktop
  • Kicker line height Slider, 0.8–2.4 phone & desktop
  • Kicker letter spacing Slider, -8–12px phone & desktop
  • Kicker alignment Design default · Left · Center · Right phone & desktop
Heading style
  • Heading font Google Font and weight phone & desktop
  • Heading size Slider, 10–120px phone & desktop
  • Heading color Colour phone & desktop
  • Heading line height Slider, 0.8–2.4 phone & desktop
  • Heading letter spacing Slider, -8–12px phone & desktop
  • Heading alignment Design default · Left · Center · Right phone & desktop
Intro style
  • Intro font Google Font and weight phone & desktop
  • Intro size Slider, 10–40px phone & desktop
  • Intro color Colour phone & desktop
  • Intro line height Slider, 0.8–2.4 phone & desktop
  • Intro letter spacing Slider, -8–12px phone & desktop
  • Intro alignment Design default · Left · Center · Right phone & desktop
Button
  • Button text size Slider, 11–28px phone & desktop
  • Button background Colour phone & desktop
  • Button text color Colour phone & desktop
  • Button corner radius Slider, 0–40px phone & desktop
  • Button alignment Design default · Left · Center · Right phone & desktop

Scratch card

Premium Overlay

A covered prize card: one weighted draw, revealed when a shopper scratches it.

3 designs: Card, Ticket, Panel. Pick one in the app, then fine-tune it with the settings below.

Settings you can change 75

Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.

Layout

Section
  • Padding top Slider, 0–200px phone & desktop
  • Padding bottom Slider, 0–200px phone & desktop
  • Max width Slider, 480–1600px phone & desktop
Card
  • Show what can be won On / off
  • Card width Slider, 200–600px phone & desktop
  • Card height Slider, 80–400px phone & desktop
Layout
  • Ask for an email first On / off
  • Input padding Slider, 4–28px phone & desktop
Reveal button
  • Button padding (vertical) Slider, 4–32px phone & desktop
  • Button padding (horizontal) Slider, 8–72px phone & desktop

Content

Heading
  • Kicker Text
  • Heading Text
  • Intro text Text, several lines
Prizes
  • Prizes A list of prizes (up to 12): Prize, Discount code, How often it comes up, Dot colour
Card
  • Cover text Text
  • Text before the draw Text Hidden under the cover until a shopper reveals it.
Layout
  • Email placeholder Text
  • Terms Text
Reveal button
  • Button label Text

Style

Section
  • Background color Colour phone & desktop
  • Background image Image phone & desktop
Heading
  • Kicker font Google Font and weight phone & desktop
  • Kicker size Slider, 10–96px phone & desktop
  • Kicker color Colour phone & desktop
  • Kicker line height Slider, 0.9–2.4 phone & desktop
  • Kicker letter spacing Slider, -3–8px phone & desktop
  • Kicker alignment Design default · Left · Center · Right phone & desktop
  • Heading font Google Font and weight phone & desktop
  • Heading size Slider, 10–96px phone & desktop
  • Heading color Colour phone & desktop
  • Heading line height Slider, 0.9–2.4 phone & desktop
  • Heading letter spacing Slider, -3–8px phone & desktop
  • Heading alignment Design default · Left · Center · Right phone & desktop
  • Intro text font Google Font and weight phone & desktop
  • Intro text size Slider, 10–96px phone & desktop
  • Intro text color Colour phone & desktop
  • Intro text line height Slider, 0.9–2.4 phone & desktop
  • Intro text letter spacing Slider, -3–8px phone & desktop
  • Intro text alignment Design default · Left · Center · Right phone & desktop
Card
  • Card corner radius Slider, 0–40px phone & desktop
  • Card background Colour phone & desktop
  • Cover colour Colour phone & desktop
  • Cover text colour Colour phone & desktop
Field style
  • Input text font Google Font and weight phone & desktop
  • Input text size Slider, 10–96px phone & desktop
  • Input text color Colour phone & desktop
  • Input text line height Slider, 0.9–2.4 phone & desktop
  • Input text letter spacing Slider, -3–8px phone & desktop
  • Input background Colour phone & desktop
  • Input border color Colour phone & desktop
  • Input corner radius Slider, 0–24px phone & desktop
  • Input text alignment Design default · Left · Center · Right phone & desktop
Reveal button
  • Button text size Slider, 11–28px phone & desktop
  • Button background Colour phone & desktop
  • Button text color Colour phone & desktop
  • Button corner radius Slider, 0–40px phone & desktop
  • Reveal button alignment Design default · Left · Center · Right phone & desktop
Prize style
  • Prize font Google Font and weight phone & desktop
  • Prize size Slider, 10–96px phone & desktop
  • Prize color Colour phone & desktop
  • Prize line height Slider, 0.9–2.4 phone & desktop
  • Prize letter spacing Slider, -3–8px phone & desktop
  • Prize alignment Design default · Left · Center · Right phone & desktop
  • Prize list font Google Font and weight phone & desktop
  • Prize list size Slider, 10–96px phone & desktop
  • Prize list color Colour phone & desktop
  • Prize list line height Slider, 0.9–2.4 phone & desktop
  • Prize list letter spacing Slider, -3–8px phone & desktop
  • Prize list alignment Design default · Left · Center · Right phone & desktop
  • Terms font Google Font and weight phone & desktop
  • Terms size Slider, 10–96px phone & desktop
  • Terms color Colour phone & desktop
  • Terms line height Slider, 0.9–2.4 phone & desktop
  • Terms letter spacing Slider, -3–8px phone & desktop
  • Terms alignment Design default · Left · Center · Right phone & desktop

Slide in drawer

Free Overlay

A panel that slides in from the edge — size guides, care notes, anything that would crowd the page.

4 designs: Right, Left, Bottom sheet, Wide. Pick one in the app, then fine-tune it with the settings below.

Settings you can change 55

Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.

Layout

Section
  • Drawer width Slider, 260–800px phone & desktop
Trigger button
  • Button padding (vertical) Slider, 4–32px phone & desktop
  • Button padding (horizontal) Slider, 8–72px phone & desktop
Layout
  • Padding Slider, 12–72px phone & desktop

Content

Trigger button
  • Button label Text
Heading
  • Kicker Text
  • Heading Text
  • Intro text Text, several lines
Drawer
  • Body Text, several lines
  • Rows A list of rows (up to 30): Label, Value

Style

Section
  • Backdrop color Colour phone & desktop
Trigger button
  • Button text size Slider, 11–28px phone & desktop
  • Button background Colour phone & desktop
  • Button text color Colour phone & desktop
  • Button corner radius Slider, 0–40px phone & desktop
  • Trigger button alignment Design default · Left · Center · Right phone & desktop
Heading
  • Kicker font Google Font and weight phone & desktop
  • Kicker size Slider, 10–96px phone & desktop
  • Kicker color Colour phone & desktop
  • Kicker line height Slider, 0.9–2.4 phone & desktop
  • Kicker letter spacing Slider, -3–8px phone & desktop
  • Kicker alignment Design default · Left · Center · Right phone & desktop
  • Heading font Google Font and weight phone & desktop
  • Heading size Slider, 10–96px phone & desktop
  • Heading color Colour phone & desktop
  • Heading line height Slider, 0.9–2.4 phone & desktop
  • Heading letter spacing Slider, -3–8px phone & desktop
  • Heading alignment Design default · Left · Center · Right phone & desktop
  • Intro text font Google Font and weight phone & desktop
  • Intro text size Slider, 10–96px phone & desktop
  • Intro text color Colour phone & desktop
  • Intro text line height Slider, 0.9–2.4 phone & desktop
  • Intro text letter spacing Slider, -3–8px phone & desktop
  • Intro text alignment Design default · Left · Center · Right phone & desktop
Drawer style
  • Drawer background Colour phone & desktop
  • Drawer background image Image phone & desktop
  • Body font Google Font and weight phone & desktop
  • Body size Slider, 10–96px phone & desktop
  • Body color Colour phone & desktop
  • Body line height Slider, 0.9–2.4 phone & desktop
  • Body letter spacing Slider, -3–8px phone & desktop
  • Body alignment Design default · Left · Center · Right phone & desktop
  • Row label font Google Font and weight phone & desktop
  • Row label size Slider, 10–96px phone & desktop
  • Row label color Colour phone & desktop
  • Row label line height Slider, 0.9–2.4 phone & desktop
  • Row label letter spacing Slider, -3–8px phone & desktop
  • Row label alignment Design default · Left · Center · Right phone & desktop
  • Row value font Google Font and weight phone & desktop
  • Row value size Slider, 10–96px phone & desktop
  • Row value color Colour phone & desktop
  • Row value line height Slider, 0.9–2.4 phone & desktop
  • Row value letter spacing Slider, -3–8px phone & desktop
  • Row value alignment Design default · Left · Center · Right phone & desktop
  • Row divider Colour phone & desktop

Spin to win

Premium Overlay

A prize wheel that spins to a weighted winner and reveals its discount code.

3 designs: Wheel, Wheel with prize list, Wheel beside the text. Pick one in the app, then fine-tune it with the settings below.

Settings you can change 68

Grouped as they appear in the Panely editor. Settings marked phone & desktop can take a different value on phones.

Layout

Section
  • Padding top Slider, 0–200px phone & desktop
  • Padding bottom Slider, 0–200px phone & desktop
  • Max width Slider, 480–1600px phone & desktop
Layout
  • Ask for an email first On / off
  • Wheel size Slider, 160–520px phone & desktop
  • Gap between fields Slider, 4–40px
  • Input padding Slider, 4–28px phone & desktop
Spin button
  • Button padding (vertical) Slider, 4–32px phone & desktop
  • Button padding (horizontal) Slider, 8–72px phone & desktop

Content

Heading
  • Kicker Text
  • Heading Text
  • Intro text Text, several lines
Prizes
  • Prizes A list of prizes (up to 12): Prize, Discount code, How often it comes up, Segment colour
Layout
  • Email placeholder Text
  • Terms Text
Spin button
  • Button label Text
  • Button link Link

Style

Section
  • Background color Colour phone & desktop
  • Background image Image phone & desktop
Heading
  • Kicker font Google Font and weight phone & desktop
  • Kicker size Slider, 10–96px phone & desktop
  • Kicker color Colour phone & desktop
  • Kicker line height Slider, 0.9–2.4 phone & desktop
  • Kicker letter spacing Slider, -3–8px phone & desktop
  • Kicker alignment Design default · Left · Center · Right phone & desktop
  • Heading font Google Font and weight phone & desktop
  • Heading size Slider, 10–96px phone & desktop
  • Heading color Colour phone & desktop
  • Heading line height Slider, 0.9–2.4 phone & desktop
  • Heading letter spacing Slider, -3–8px phone & desktop
  • Heading alignment Design default · Left · Center · Right phone & desktop
  • Intro text font Google Font and weight phone & desktop
  • Intro text size Slider, 10–96px phone & desktop
  • Intro text color Colour phone & desktop
  • Intro text line height Slider, 0.9–2.4 phone & desktop
  • Intro text letter spacing Slider, -3–8px phone & desktop
  • Intro text alignment Design default · Left · Center · Right phone & desktop
Field style
  • Field label font Google Font and weight
  • Field label size Slider, 10–96px
  • Field label color Colour
  • Field label line height Slider, 0.9–2.4
  • Field label letter spacing Slider, -3–8px
  • Input text font Google Font and weight phone & desktop
  • Input text size Slider, 10–96px phone & desktop
  • Input text color Colour phone & desktop
  • Input text line height Slider, 0.9–2.4 phone & desktop
  • Input text letter spacing Slider, -3–8px phone & desktop
  • Input background Colour phone & desktop
  • Input border color Colour phone & desktop
  • Input corner radius Slider, 0–24px phone & desktop
  • Input text alignment Design default · Left · Center · Right phone & desktop
Spin button
  • Button text size Slider, 11–28px phone & desktop
  • Button background Colour phone & desktop
  • Button text color Colour phone & desktop
  • Button corner radius Slider, 0–40px phone & desktop
  • Spin button alignment Design default · Left · Center · Right phone & desktop
Prize style
  • Prize label font Google Font and weight phone & desktop
  • Prize label size Slider, 10–96px phone & desktop
  • Prize label color Colour phone & desktop
  • Prize label line height Slider, 0.9–2.4 phone & desktop
  • Prize label letter spacing Slider, -3–8px phone & desktop
  • Prize label alignment Design default · Left · Center · Right phone & desktop
  • Terms font Google Font and weight phone & desktop
  • Terms size Slider, 10–96px phone & desktop
  • Terms color Colour phone & desktop
  • Terms line height Slider, 0.9–2.4 phone & desktop
  • Terms letter spacing Slider, -3–8px phone & desktop
  • Terms alignment Design default · Left · Center · Right phone & desktop

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.

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.

Install Panely free →
More Panely sections
Data Shaped Availability calendar, Bubble Chart, Changelog… Grids Filterable grid, Bento grid, Mosaic collage… Interactive Before / After Slider, Countdown Timer, Accordion… Motion & carousel Draggable Card Stack, Circular Carousel, Circular Text Marquee… Overlay & split layouts Blob Split, Diagonal Split, Foreground Cutout… Product structures Bundle Builder, Product Carousel, Product Grid… Typographic treatments Oversized Statement, Checklist, Interactive Glyph Explorer…