Subscription Plan Details

The Subscription plan details app block shows the terms of the subscription plan a customer selects on the product page. It covers what they pay and when, the plan they chose, how much they save, and whether the plan renews. It also links to your subscription policy.

Shopify asks subscription stores to show these terms on the product page, close to the Add to cart button. This block shows them for you and updates as customers change their selection. It stays hidden while One-time purchase is selected.

Before you begin

Install Awtomic and assign at least one Awtomic subscription plan to the product. See Assigning subscription plans to products.
Use a theme that supports app blocks (an Online Store 2.0 theme).
Add your subscription policy in Shopify admin under Settings → Policies → Subscription policy, if you haven't already. The block links to it.
Customers choose a plan with the Subscription Widget or your theme's own subscription picker. The block also follows a plan preselected with a ?selling_plan= link.

Add the block to your theme

In Shopify admin, go to Online Store → Themes and click Customize on the theme you want to update.
Open the product template, for example Products → Default product.
In the product information section, click Add block and select Awtomic's Subscription plan details from the Apps list.
Drag the block below the Subscription Widget and above the Add to cart button.
Configure the settings described below, then click Save.

📘
Keep the block in the product section
Place the block in the same section as the product's variant picker and Add to cart button. The block reads the selected variant and plan from that section's product form.

In the theme editor, a dashed placeholder marks the block's position while no subscription plan is selected. Customers don't see the placeholder.

On product templates, the block uses the product being viewed. On other pages, such as a landing page with a featured product section, choose the product in the block's Product setting.

Settings

Setting	What it controls	Default
Heading	Optional heading above the details, for example Subscription details.	Empty
Show savings in detail line	Adds the plan's discount to the detail line, for example save 10%.	On
Show plan description	Shows the plan's Supporting text. Turn it off if the Subscription Widget already shows it, so customers don't see it twice.	On
Show subscription policy link	Shows a link to your subscription policy.	On
Policy link text	The link text. Leave it blank to use View subscription policy.	Empty
Policy URL override	Links to a different page, such as an FAQ. Leave it blank to link to your store's subscription policy.	Empty
Show currency code	Adds the currency code to prices, for example $27.00 USD.	Off
Show cents	Shows the decimal part of prices. Turn it off to show $27 instead of $27.00.	On

The block uses your theme's fonts and colors: a bold headline followed by lighter detail lines.

What customers see

When a customer selects a subscription, the block shows up to five lines:

Heading, if you set one.
Headline: what the customer pays, in bold.
Detail line: the plan name, followed by the per-delivery price for single-order prepaid plans and the savings.
Does not renew, for single-order prepaid plans only.
Description: the plan's Supporting text, if it has any.

The policy link appears below these lines.

The headline depends on the plan type:

Plan type	Headline example	Detail line example
Recurring	$27.00 per delivery	Delivery every month, save 10%
Recurring with a different first-order price	First payment $20.00, then $27.00	Delivery every month, save 25% on first order, then 10%
Recurring with a different price for the first few orders	$20.00 for the first 3 payments, then $27.00	Delivery every month, save 25% on first 3 orders, then 10%
Recurring with free first orders	Free for your first order, then $27.00 per order	Delivery every month, save 100% on first order, then 10%
Single-order prepaid	$81.00 today for 3 deliveries	Prepay for 3 months, $27.00 per delivery, save 10%
Multi-order prepaid	$162.00 paid up front	Prepay for 6 months

The block updates when the customer changes the plan, frequency or variant, and hides when they switch to One-time purchase.
Savings appear for percentage and fixed-amount discounts. Plans that set a fixed price, such as multi-order prepaid plans, show no savings.
The plan description is the Supporting text in the plan's Supportive Information section, under Tools → Subscription Plans in Awtomic.
Plans used only at checkout, such as Card Vaulting and allocation plans, never show details.
The generated lines appear in English, Spanish or French to match your storefront's language. Your heading, link text, plan names and Supporting text appear as you entered them.

Test your setup

Open a product with Awtomic subscription plans in your storefront or theme preview.
With One-time purchase selected, confirm the block is hidden.
Select a subscription and confirm the headline, plan name and savings match the plan.
Change the frequency and the variant, and confirm the details update each time.
If you sell prepaid plans, select one and confirm the total and the number of deliveries are correct.
Click the policy link and confirm it opens your subscription policy.

Troubleshooting

Issue	What to check
The block doesn't appear	Select a subscription; the block is hidden for one-time purchases. Confirm the product has an Awtomic subscription plan and the block is saved on the product template being viewed.
The details don't change when the selection changes	Move the block into the same section as the variant picker and Add to cart button.
The plan description appears twice	Turn off Show plan description, or remove the Supporting text from the plan.
The policy link is missing	Turn on Show subscription policy link, and add a subscription policy in Shopify or enter a Policy URL override.
No savings are shown	Turn on Show savings in detail line and confirm the plan has a percentage or fixed-amount discount.
Prices appear without cents	Turn on Show cents.

Contact [email protected] if you need help.