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
Description | Element | Name | Value |
---|
Account | Body | page | account |
Account Page Items
These are all elements you can use for the account page
Description | Element | Name | Value |
---|
Username | Text | account | user-name |
First Name | Text | account | user-first-name |
Last Name | Text | account | user-last-name |
Email | Text | account | user-email |
Orders Count | Text | account | user-orders-count |
Default Address | Text | account | user-default-address |
Total Spent | Text | account | user-total-spent |
Logout Link | Link | account | logout-link |
Orders
This is the list of user made Orders
Description | Element | Name | Value |
---|
Orders | Collection List Wrapper | account | orders |
Order Name | Collection List Item > Text | item | name |
Order Date | Collection List Item > Text | item | date |
Order Payment Status | Collection List Item > Text | item | payment-status |
Order Fulfillment Status | Collection List Item > Text | item | fulfillment-status |
Order Total | Collection List Item > Text | item | total |
Link to Order Page | Collection List Item > Link | item | link |
Order Page
This is the page where a user can view a specific order detail
Description | Element | Name | Value |
---|
Single Order Page | Body | page | order |
Order Page Items
These are all elements you can use for the order page
Description | Element | Name | Value |
---|
Order Name (#1) | Text | item | name |
Order Date | Text | item | date |
Date of Order Cancellation | Text | item | cancelled-date |
Cancel Reason | Text | item | cancelled-date |
Billing Address | Text | item | billing-address |
Shipping Address | Text | item | shipping-address |
Order Total | Text | item | total |
Taxes Block | Text | item | taxes |
Tax Title | Taxes Block >Text | item | tax-title |
Tax Price | Taxes Block >Text | item | tax-price |
Shipping Block | Text | item | shipping |
Shipping Title | Shipping Block >Text | item | shipping-title |
Shipping Price | Shipping Block >Text | item | shipping-price |
Discounts Block | Text | item | discounts |
Discounts Code | Discounts Block >Text | item | discount-code |
Discounts Savings | Discounts Block >Text | item | discount-savings |
Items in Order | Collection List Wrapper | item | items |
Item Title | Collection List Item >Text | item | title |
Item Tracking Company | Collection List Item >Text | item | tracking-company |
Item Tracking Url | Collection List Item >Link | item | tracking-url |
Item Sku | Collection List Item >Text | item | sku |
Item Quantity | Collection List Item >Text | item | quantity |
Item Total | Collection List Item >Text | item | total |
Item Price | Collection List Item >Text | item | price |
Link to the Item | Collection List Item >Text | item | link |
Login Page
this is the page where user can login or recover their password
Description | Element | Name | Value |
---|
Login Page | Body | page | login |
Login Form
Description | Element | Name | Value |
---|
Login Form | Form Block | account | login |
This form must have the following inputs inside
Recover Form
Description | Element | Name | Value |
---|
Recover Form | Form Block | account | recover |
This form must have the following inputs inside
Register Page
this is the page where user can register
Description | Element | Name | Value |
---|
Register Page | Body | page | register |
Register Form
Description | Element | Name | Value |
---|
Register Form | Form Block | account | register |
This form must have the following inputs inside
Reset Password Page
this is the page where user can reset his password
Description | Element | Name | Value |
---|
Reset Password Page | Body | page | reset-password |
Reset Password Form
Description | Element | Name | Value |
---|
Reset Password Form | Form Block | account | reset |
This form must have the following inputs inside
Activate Account Page
this is the page where user can activate his account
Description | Element | Name | Value |
---|
Activate Account Page | Body | page | activate |
Activate Form
Description | Element | Name | Value |
---|
Activate Form | Form Block | account | activate |
This form must have the following inputs inside
One of the submit buttons must have the following attribute
Description | Element | Name | Value |
---|
Activate Form | Form Block | item | decline |
Addresses Page
this is the page where user can view/edit his addresses
Description | Element | Name | Value |
---|
Reset Password Page | Body | page | addresses |
Addresses List
Description | Element | Name | Value |
---|
Addresses List | Collection List Wrapper | item | addresses |
Address Form | Collection List Wrapper > Form Block | | |
This form must have the following inputs inside, that will be modified and handled by Shopify
New Address
This form is used to add a new Address
Description | Element | Name | Value |
---|
New Address Form | Form Block | item | new-address |
This form must have the following inputs inside, that will be modified and handled by Shopify