Subscription Listing

List of subscriptions purchased by the customer

This is the list of subscriptions purchased up by the current logged in customer, the element will be automatically duplicated once for each subscription attached to your customer.

Subscription Listing

This is the list of subscriptions attached to the current logged in customer

Copy Element

The Element is made by two custom dom elements

Smootify Docs

The customer subscriptions element is the loader that will render all subscription elements, inside you will find pagination buttons and the customer subscription custom element that will be duplicated once for each subscription.

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:

Name
subscription
Value
name

Status

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

Name
subscription
Value
status

Status Labels

Shopify Status Labels are codes like 'ACTIVE' or 'EXPIRED', if you want to show up a different value you have to write a custom script

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

Where labels for Subscription Statues can be found only in the Shopify doc.

Note that you must add all labels inside the same script!

Next Billing Date

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

Name
subscription
Value
nextBillingDate

Billing Interval

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

Name
subscription
Value
billingInterval

Billing Address

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

Name
subscription
Value
billingAddress

Shipping Address

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

Name
subscription
Value
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:

Name
subscription
Value
processedAt

Shipping Price

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

Name
subscription
Value
shippingPrice

Subtotal Price

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

Name
subscription
Value
subtotalPrice

Total Price

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

Name
subscription
Value
totalPrice

Total Tax

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

Name
subscription
Value
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:

Name
subscription
Value
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:

Name
subscription
Value
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:

Name
subscription
Value
url

If you do not want to use our default page url for subscription page (/account/subscription), do not forget to inform the Smootify scripts about your configuration!

On this page