# Account

> Login, addresses, orders, subscriptions and the customer data forms.

Status: Ready (Smootify 2.0)  
URL: https://www.smootify.io/docs/astro/reference/elements/account  
Updated: 2026-10-21

| Element | What it does | Requires |
|---|---|---|
| [`create-address`](https://www.smootify.io/docs/astro/reference/elements/create-address) | Form that creates an address, with country and zone selects filled from the shop. | Customer accounts |
| [`customer-address`](https://www.smootify.io/docs/astro/reference/elements/customer-address) (template) | Address row template, cloned once per address; 2.0: the customer’s default address’s row gets is-default (:60). | Every plan |
| [`customer-addresses`](https://www.smootify.io/docs/astro/reference/elements/customer-addresses) | Lists the customer’s addresses, one row per address, with edit and delete forms armed. | Customer accounts |
| [`customer-draft-order`](https://www.smootify.io/docs/astro/reference/elements/customer-draft-order) (template) | 2.0: draft order row template, cloned once per draft order. | Every plan |
| [`customer-draft-orders`](https://www.smootify.io/docs/astro/reference/elements/customer-draft-orders) | 2.0: paged list of the customer’s draft orders (quotes: from the cart’s quote, or made for them by the merchant), the newest first, one row per draft order. Shopify lists the ones the store sent (invoice sent, then completed) and those it keeps in review: a quote still open in the admin, a cart quote included, appears once the merchant sends its invoice (checked on the E2E store, 2026-10-14). Shopify answers it with the Customer Account API’s draft orders permission (Headless channel); without it the list loads empty and sets neither has- nor no-draft-orders | Customer accounts |
| [`customer-metafields-editor`](https://www.smootify.io/docs/astro/reference/elements/customer-metafields-editor) | Form that prefills and saves the customer’s custom metafields; 2.0: once saved, the customer is read again and the form comes back 5 s after its success message. | Customer accounts |
| [`customer-order`](https://www.smootify.io/docs/astro/reference/elements/customer-order) (template) | Order row template, cloned once per order and painted like an order page. | Every plan |
| [`customer-orders`](https://www.smootify.io/docs/astro/reference/elements/customer-orders) | Paged list of the customer’s orders, one row per order. | Customer accounts |
| [`customer-subscribe-email`](https://www.smootify.io/docs/astro/reference/elements/customer-subscribe-email) | Form that subscribes the customer to email marketing. | Customer accounts |
| [`customer-subscription`](https://www.smootify.io/docs/astro/reference/elements/customer-subscription) (template) | Subscription row template, cloned once per contract. | Every plan |
| [`customer-subscriptions`](https://www.smootify.io/docs/astro/reference/elements/customer-subscriptions) | Paged list of the customer’s subscription contracts, one row per contract. | Customer accounts |
| [`customer-unsubscribe-email`](https://www.smootify.io/docs/astro/reference/elements/customer-unsubscribe-email) | Form that unsubscribes the customer from email marketing. | Customer accounts |
| [`customer-user-update`](https://www.smootify.io/docs/astro/reference/elements/customer-user-update) | Form that prefills and saves the customer’s first and last name; 2.0: once saved, the customer is read again (every [customer] binding of the page follows) and the form comes back 5 s after its success message. | Customer accounts |
| [`delete-address`](https://www.smootify.io/docs/astro/reference/elements/delete-address) | Form that deletes the address of its row and removes the row. | Customer accounts |
| [`edit-address`](https://www.smootify.io/docs/astro/reference/elements/edit-address) | Form that edits the address of its row, prefilled by the address list. | Customer accounts |
| [`line-item`](https://www.smootify.io/docs/astro/reference/elements/line-item) (template) | Order line row template, cloned once per line of the order (2.0: or of the draft order). | Every plan |
| [`logout-form`](https://www.smootify.io/docs/astro/reference/elements/logout-form) | Clears the customer session and follows Shopify’s logout url when there is one. | Every plan |
| [`order-edit-request`](https://www.smootify.io/docs/astro/reference/elements/order-edit-request) | 2.0: form where the customer asks to remove lines not yet shipped (Shopify’s orderRequestEdit, removals only: the merchant resolves or declines it in the admin). Same rows and form as order-return, without reasons | Customer accounts |
| [`order-fulfillment`](https://www.smootify.io/docs/astro/reference/elements/order-fulfillment) (template) | Fulfillment row template, cloned once per fulfillment of the order. | Every plan |
| [`order-page`](https://www.smootify.io/docs/astro/reference/elements/order-page) | Renders the single order named in the page url. | Customer accounts |
| [`order-return`](https://www.smootify.io/docs/astro/reference/elements/order-return) | 2.0: form where the customer asks to return delivered lines of its order (Shopify’s orderRequestReturn: the return reaches the admin as requested, the merchant approves it). Read once the order is painted: a request-line-item row per returnable line, with what can be returned; the form sends the rows asked for, then reads the order again. The form hides when nothing can be returned | Customer accounts |
| [`passwordless-login`](https://www.smootify.io/docs/astro/reference/elements/passwordless-login) | Starts the Customer Accounts login when its form is submitted. | Customer accounts |
| [`request-line-item`](https://www.smootify.io/docs/astro/reference/elements/request-line-item) (template) | 2.0: row template of order-return / order-edit-request, cloned once per line that can be asked for, with [line-item=”…”] (its quantity: how many can be asked for) and its fields (see the form fields). | Every plan |
| [`smootify-account-component`](https://www.smootify.io/docs/astro/reference/elements/smootify-account-component) | Embeds Shopify’s account web component (login menu) while the visitor is logged out. | Customer accounts |
| [`store-credit`](https://www.smootify.io/docs/astro/reference/elements/store-credit) | Shows the customer’s store credit balance and transactions. | Customer accounts |
| [`store-credit-transaction`](https://www.smootify.io/docs/astro/reference/elements/store-credit-transaction) (template) | Store credit transaction row template, cloned once per transaction. | Every plan |
| [`subscription-activate`](https://www.smootify.io/docs/astro/reference/elements/subscription-activate) | Form that resumes the paused contract of its wrapper and reloads the page. | Customer accounts |
| [`subscription-cancel`](https://www.smootify.io/docs/astro/reference/elements/subscription-cancel) | Form that cancels the contract of its wrapper and reloads the page. | Customer accounts |
| [`subscription-line-item`](https://www.smootify.io/docs/astro/reference/elements/subscription-line-item) (template) | Contract line row template, cloned once per line of the contract. | Every plan |
| [`subscription-page`](https://www.smootify.io/docs/astro/reference/elements/subscription-page) | Renders the single subscription contract named in the page url. | Customer accounts |
| [`subscription-pause`](https://www.smootify.io/docs/astro/reference/elements/subscription-pause) | Form that pauses the active contract of its wrapper and reloads the page. | Customer accounts |
| [`webflow-form`](https://www.smootify.io/docs/astro/reference/elements/webflow-form) | Form wrapper with a success state and a redirect, no request behind it: on submit it shows [form-done] and follows data-redirect, and sends nothing. For a form that goes somewhere, a plain form of the site’s own (its endpoint or script, its [form-done] / [form-fail] panels shown by the site), or the server forms (metaobject-creator, newsletter-subscribe: their data lands in Shopify). | Every plan |