You can replace the Progus widget with your own product-page block because Progus plans are available through Shopify selling plan allocations.
Step 1: Place the block
Build the block inside the product form, before its add-to-cart button.
Step 2: Read the plans
Loop through each product variant and its selling_plan_allocations.
Step 3: Render the choices
Render each allocation with allocation.selling_plan.id in data-selling-plan-id, allocation.selling_plan.name as its label and allocation.price as its price.
Disable the options for a variant that is unavailable.
Step 4: Send the selection to the cart
When the customer selects a subscription, put its selling plan ID in an enabled hidden input named selling_plan inside the product form.
For a one-time purchase, disable that input and remove its name.
Step 5: Hide an empty block
Hide the block when the product has no selling plan groups.
What to do next
Use Test a subscription before going live to check the cart and checkout.
Read The widget does not show on my product page if plans do not appear.
Stuck on any of this? Open the chat in the bottom right corner of the app and we will help you set it up.
Last verified on 2026-10-16 against progus-subscriptions a09533ad (kb-ref: use-your-own-theme-block-with-progus-plans).