CaffenzaDocs

Subscriptions

Sell coffee on subscription with “Subscribe & save” on cards and product pages.

Subscription options on the product page.
Subscription options on the product page.

Caffenza supports Shopify subscriptions. Shoppers choose between one-time purchase and subscription on the product page, and cards can show “Subscribe & save 10%”.

Step 1 · Install a subscription app

Subscriptions need an app, for example the free Shopify Subscriptions app or another subscription app from the Shopify App Store. Create your plans in the app (for example “Every 2 weeks, save 10%”) and add products to them.

Step 2 · Theme settings

Important

Only promise what your subscription app really allows. If the app does not let customers pause, do not say “pause anytime”.

Subscription section

How to add it

  1. In Shopify admin, go to Online Store → Themes and click Customize.
  2. Open the Home page from the page picker at the top of the editor.
  3. In the sidebar, click Add section and choose Subscription.
  4. Fill in the content, then click Save.

Screenshots

Subscribe & save on a card.
Subscribe & save on a card.
Subscription plans in the app.
Subscription plans in the app.
The Subscription section.
The Subscription section.
The Subscription section on a phone.
The Subscription section on a phone.
Subscription section settings.
Subscription section settings.

Settings

SettingOptionsWhat it does
Section appearance
Color schemeColor scheme
Settings
Small printText (bold, italic, links)
Animations

Blocks

Click Add block under the section in the sidebar. Drag blocks to change their order.

Subheading up to 1

SettingOptionsWhat it does
SubheadingText (bold, italic, links)
Subheading sizeSmall · Medium · Large

Heading up to 1

SettingOptionsWhat it does
HeadingText (bold, italic, links)Italicized words switch to the Accent font from Theme settings → Typography. They stay italic and keep the color of the text around them.
Heading sizeSmall · Medium · Large · Extra large
Heading levelH1 · H2 · H3 · H4 · H5 · H6Adjust for page structure — one H1 per page. Size is controlled separately.

Text up to 1

SettingOptionsWhat it does
TextRich text
Text sizeSmall · Medium · Large

Step up to 4

SettingOptionsWhat it does
IconNone · Award · Bag · Coffee bean · Book · Building · Coffee cup · Envelope · Globe · Headset · Leaf · Lock · Refresh · Shield check · Star · Truck
Custom imageImageReplaces the icon. Shown at the icon width.
Icon width16–64 px
HeadingText (bold, italic, links)
TextRich text

Buttons up to 1

SettingOptionsWhat it does
Button labelText
LinkLink
Button stylePrimary · Secondary · Ghost · Link
Button sizeSmall · Medium · Large
Open in a new tabOn / Off
Second button labelText
LinkLink
Second button stylePrimary · Secondary · Ghost · Link
Second button sizeSmall · Medium · Large
Open second button in a new tabOn / Off

It also has the shared Animate on scroll and Section spacing settings.