Subscription section

The Subscription section is an email signup area. It shows a row of up to three round photos, a heading, an email field, a short paragraph and links to your social profiles, all centered. Its Horizontal layout puts the same parts in one row on a panel instead. It collects newsletter subscribers. It is not about selling products on subscription, which Sell subscriptions covers. To add one, click Add section in the editor and select Subscription.

Subscription section with three overlapping round photos above the heading Join the Brew Club, an email field, a short paragraph and social icons

The Subscription preset has four blocks: a heading, a Newsletter form, a paragraph and Social links. No preset comes with photos. Until you choose them, the section shows no photo row.

Layout

Padding top, Padding bottom, Margin top and Margin bottom add space inside and around the section. The first three are 120 px by default, and Margin bottom is None. Section layout settings describes them.

Background

The section can sit on a color, a photo or a video. Section background settings covers these settings. The thin ring between the overlapping photos shows the section's background.

Content

Layout decides how the parts stand. Vertical is the default.

Vertical centers everything in one column: the photos, then each block under the one before it.

Horizontal puts the section on a panel with rounded corners in the Surface, stronger color. The photos shrink to 88 px and sit at the left, and text aligns to the left. On screens 1,000 px and wider, the first block sits next to the photos and the last block sits at the right end of the panel, about 416 px wide. Between 768 px and 1,000 px the blocks stack to the right of the photos. On narrower screens everything stacks.

Horizontal Subscription panel with three small round photos and a heading at the left, and an email field with a Sign up button at the right

Horizontal is made for two groups of blocks, each in a Group block: one with the heading and a paragraph, and one with the Newsletter form and a note under it. With other blocks, the first one sits at the left and the last one at the right. Fang shows a Horizontal Subscription section right before its footer on every page. To do the same, add the section to the Footer group in the editor sidebar and drag it above the Footer section.

Images

Three Image pickers, one per photo. The photos sit side by side above the blocks in the order of the pickers, each one partly covering the one before it. Each photo is cropped to a circle around its center and is at most 200 px wide. Leave all three empty to hide the row.

Motion

Dark moment, Rise on scroll and Chapter title work as in every section. Section motion settings describes them.

Blocks

The section takes any theme block and app blocks. With Vertical, they are centered in a column.

Block

In the preset

Text block

The heading Join the Brew Club, and the paragraph under the email field in a lighter color.

Newsletter form block

The email field and its button. Each signup is saved as a customer in Customers in your admin, subscribed to email marketing.

Social links block

Icons that link to the profiles you enter in Social media settings. With no profiles entered, your store shows nothing in its place.

The email field and the small paragraph keep to a narrow column in the middle, about 470 px wide. Collect email signups shows the other places a signup form can go.

Was this article helpful?