Subscription Page

You can create an order page that will be accessible only through the link present inside the Customer Orders element.

This page should be created in Webflow inside the account folder with slug subscription.

Subscription Page

This is a pre-made page of the single subscription.

Copy Element

Is greatly suggested to start from the Subscription Page elements that contains all relevant functionalities of a subscription page, it’s made by different Custom Elements.

Subscription Page Wrapper

This Custom Element is basically the wrapper of all the subscription functionalities and has the tag ```subscription-page``

Inside this element you can add the following elements:

Name

Subscription name is an unique number associated to your subscription, you can add it to any text element with the following attribute:

subscription

name

Status

Is a label that indicates the status of the subscription, you can add it to any text element with the following attribute:

subscription

status

<script>
window.SmootifyStatusLabels = {
  "LABEL_TO_CHANGE": "My Label"
}
</script>

Next Billing Date

Is the extimated next billing date for the subscription formatted based on the Browser settings

subscription

nextBillingDate

Billing Interval

Is the interval of the subscription (like 1 week, 1 month, etc... )

subscription

billingInterval

Billing Address

Is the address used for billing by the customer, you can add it to any text element with the following attribute:

subscription

billingAddress

Shipping Address

Is the address used for shipping by the customer, you can add it to any text element with the following attribute:

subscription

shippingAddress

Processed At

Is the date in the current browser format for the order, you can add it to any text element with the following attribute:

subscription

processedAt

Shipping Price

Is shipping price of the order, you can add it to any text element with the following attribute:

subscription

shippingPrice

Subtotal Price

Is the subtotal price of the order, you can add it to any text element with the following attribute:

subscription

subtotalPrice

Total Price

Is the total price of the order, you can add it to any text element with the following attribute:

subscription

totalPrice

Total Tax

Is the total tax of the order, you can add it to any text element with the following attribute:

subscription

totalTax

Status Url

Is the url that will go directly to the Shopify new customers account dashboard for that specific order, you can add it to any link element with the following attribute:

subscription

statusUrl

Customer Url

Is the url that will go directly to the Shopify new customers account dashboard on the profile page, you can add it to any link element with the following attribute:

subscription

customerUrl

Subscription Url

Is the url that will go directly to the page you created in Webflow with the purpose of being a subscription page, you can add it to any link element with the following attribute:

subscription

url

Subscription Line Items

This Custom element with tag subscription-line-item will be duplicated once per each product purchased inside the order

Inside the line item you can add the following elements:

Name

Is the name of the subscription, you can add it to any text element with the following attribute:

line-item

name

Image

Is the image of the purchased subscription, you can add it to any img or div element with the following attribute:

line-item

Image

Quantity

Is the quantity purchased of the subscription, you can add it to any text element with the following attribute:

line-item

quantity

Total Price

Is the price of the purchased subscription, you can add it to any text element with the following attribute:

line-item

price

Activate Subscription

This form will appear only if the subscription is in Failed or Paused State.

Activate Subscription

This form allow logged in user to activate their subscritpion.

Copy Element

Cancel Subscription

This form will appear only if the subscription is in Active or Paused State.

Cancel Subscription

This form allow logged in user to cancel their subscritpion.

Copy Element

Pause Subscription

This form will appear only if the subscription is in Active State.

Pause Subscription

This form allow logged in user to pause their subscritpion.

Copy Element