Go to Udesly

Webflow to shopify

Account

Below you can find all the pages and elements needed for Shopify Customer Accounts functionality.
To view this pages Customer Accounts should be enabled. ‍Details

Account Page

This is the page where user can view his data and his orders

DescriptionElementNameValue
AccountBodypageaccount

Account Page Items

These are all elements you can use for the account page

DescriptionElementNameValue
UsernameTextaccountuser-name
First NameTextaccountuser-first-name
Last NameTextaccountuser-last-name
EmailTextaccountuser-email
Orders CountTextaccountuser-orders-count
Default AddressTextaccountuser-default-address
Total SpentTextaccountuser-total-spent
Logout LinkLinkaccountlogout-link

Orders

This is the list of user made Orders

DescriptionElementNameValue
OrdersCollection List Wrapperaccountorders
Order NameCollection List Item
> Text
itemname
Order DateCollection List Item
> Text
itemdate
Order
Payment Status
Collection List Item
> Text
itempayment-status
Order
Fulfillment Status
Collection List Item
> Text
itemfulfillment-status
Order TotalCollection List Item
> Text
itemtotal
Link to Order PageCollection List Item
> Link
itemlink

Order Page

This is the page where a user can view a specific order detail

DescriptionElementNameValue
Single Order PageBodypageorder

Order Page Items

These are all elements you can use for the order page

DescriptionElementNameValue
Order Name (#1)Textitemname
Order DateTextitemdate
Date of Order
Cancellation
Textitemcancelled-date
Cancel ReasonTextitemcancelled-date
Billing AddressTextitembilling-address
Shipping AddressTextitemshipping-address
Order TotalTextitemtotal
Taxes BlockTextitemtaxes
Tax TitleTaxes Block
>Text
itemtax-title
Tax PriceTaxes Block
>Text
itemtax-price
Shipping BlockTextitemshipping
Shipping TitleShipping Block
>Text
itemshipping-title
Shipping PriceShipping Block
>Text
itemshipping-price
Discounts BlockTextitemdiscounts
Discounts CodeDiscounts Block
>Text
itemdiscount-code
Discounts SavingsDiscounts Block
>Text
itemdiscount-savings
Items in OrderCollection List Wrapperitemitems
Item TitleCollection List Item
>Text
itemtitle
Item Tracking CompanyCollection List Item
>Text
itemtracking-company
Item Tracking UrlCollection List Item
>Link
itemtracking-url
Item SkuCollection List Item
>Text
itemsku
Item QuantityCollection List Item
>Text
itemquantity
Item TotalCollection List Item
>Text
itemtotal
Item PriceCollection List Item
>Text
itemprice
Link to the ItemCollection List Item
>Text
itemlink

Login Page

this is the page where user can login or recover their password

DescriptionElementNameValue
Login PageBodypagelogin

Login Form

DescriptionElementNameValue
Login FormForm Blockaccountlogin

This form must have the following inputs inside

DescriptionField TypeName
PasswordPasswordpassword
EmailEmailemail
Submit ButtonSubmit

Recover Form

DescriptionElementNameValue
Recover FormForm Blockaccountrecover

This form must have the following inputs inside

DescriptionField TypeName
EmailEmailemail
Submit ButtonSubmit

Register Page

this is the page where user can register

DescriptionElementNameValue
Register PageBodypageregister

Register Form

DescriptionElementNameValue
Register FormForm Blockaccountregister

This form must have the following inputs inside

DescriptionField TypeName
EmailEmailemail
First NameTextfirst_name
Last NameTextlast_name
PasswordPasswordpassword
Submit ButtonSubmit

Reset Password Page

this is the page where user can reset his password

DescriptionElementNameValue
Reset Password PageBodypagereset-password

Reset Password Form

DescriptionElementNameValue
Reset Password FormForm Blockaccountreset

This form must have the following inputs inside

DescriptionField TypeName
PasswordPasswordpassword
Password ConfirmationPasswordpassword_confirmation
Submit ButtonSubmit

Activate Account Page

this is the page where user can activate his account

DescriptionElementNameValue
Activate Account PageBodypageactivate

Activate Form

DescriptionElementNameValue
Activate FormForm Blockaccountactivate

This form must have the following inputs inside

DescriptionField TypeName
PasswordPasswordpassword
Password ConfirmationPasswordpassword_confirmation
Submit ButtonSubmit
Submit ButtonSubmit

One of the submit buttons must have the following attribute

DescriptionElementNameValue
Activate FormForm Blockitemdecline

Addresses Page

this is the page where user can view/edit his addresses

DescriptionElementNameValue
Reset Password PageBodypageaddresses

Addresses List

DescriptionElementNameValue
Addresses ListCollection List Wrapperitemaddresses
Address FormCollection List Wrapper > Form Block

This form must have the following inputs inside, that will be modified and handled by Shopify

DescriptionField TypeName
LabelLabel
Text FieldText
SelectSelect
Submit ButtonSubmit

New Address

This form is used to add a new Address

DescriptionElementNameValue
New Address FormForm Blockitemnew-address

This form must have the following inputs inside, that will be modified and handled by Shopify

DescriptionField TypeName
LabelLabel
Text FieldText
SelectSelect
Submit ButtonSubmit
Copied to Clipboard!