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
