Checkout step
Login
The checkout flow now begins with a new login step designed to encourage account registration. Customers who are not logged in will first be directed to this step, where all authentication options are presented along with the option to continue as a guest. Returning customers who are already logged in will automatically skip this step and move on to the next step of checkout.
Contact
Customers will need to enter their addresses in this step. Still, the address form corresponds with the Dynamic form set up.
New setting
- BillingAddress under Orderflow features in Settings
o If a setting is off, only the shipping address form will appear in customer information step.
o If a setting is on, both shipping address form and billing address form will appear in customer information. A setting to set billing address same as shipping address will appear.
Shipment
Note: Step 3 isn’t available for Ticket and Digital products.
- Description of shipment method selection is from a content of OrderflowShippingMethodDescription page.
- All available shipping methods for that order will appear to select in this step.
o The display order depends on shipping method’s order.
o The default shipping method is the cheapest option.
Payment
If any of the items can pay with down payment, Step 4 will start with a selection to pay with full amount or down payment. After customers select payment option, all available payment methods will appear.
If the transaction isn’t fulfilled yet, customers will remain on this page with status “pending” and be able to proceed to select the payment option and method again within the order’s reserved time (based on a company behavior > Cancel order after).
- Description of pending status is from a content of OrderIsPendingDescription page.
Confirmation
After customers have made a payment successfully, they will be redirected back to the confirmation step of an orderflow. On a page, a summary of details of an order appears including the following information:
- Order status
- Shipping and billing address
- Shipment details
o Shipment status
o Shipping method
o Expected delivery date
o Code
o Ticket
- Order item details
- Price summary
If the order is in processing status, description of processing status is from a content of OrderIsProcessingDescription page.
Display of order items
To maintain a standardized display of order items, customization features are not supported in Orderflow V2. Once all shops have switched to Orderflow V2, these features will be removed entirely. The affected features are as follows:
1. DisableAutoFillAddress
2. RootEditionsAlwaysOpen
3. ShowEditionTags
4. ShowOnlyChildEditionsOfConfigurableProduct
5. ShowConfigurableProductWithRootEdition
Other functional orderflow features for customizing a display of order item:
1. Display3DProductScreenshot
· If on,
a. for products implemented with 3D render service, use 3D render for product image
b. for products aren’t implemented with 3D render service, use client screenshot for product image.
· If off, use a first product image for product image.
2. HideShipmentDetailsOnConfirmation
· If on, hide shipment section from a confirmation step.
· If off, show shipment section on a confirmation step.
3. HideTotalAmountFirstPage
· If on, hide price summary on a contact step.
· If off, show price summary on a contact step.
The display will follow a single standard format, with variations only depending on product type. The order item section will always expand, while the edition details collapse by default.
Physical
The edition details are displayed in pairs of parent and child editions without prices.
- Parent edition: Child level 1: Child level 2: …
Digital
No edition details.
Ticket
Single edition details are displayed without prices.
Note:
- If every edition of that product is 1 amount, the edition amount will not display.
Shop notifications
In orderflow V2, we support Bar-message and Icon-message notification style.
Translation keys
The translation keys used on Orderflow V2 are provided below. A list consists of both existing keys and new keys. We suggest that you add the keys and translation to the live environment because the translation updates require longer time on test environment. Please double check your translation keys before enabling Orderflow V2.
- cf-BackToTheShop (At back to shop button)
- cf-Back (To go back to previous step)
- cf-Next (To go to next step)
Login step
o cf-Login (At progress line and page heading)
o cf-LoginWithOneCORE (At option to log-in with oneCORE)
o cf-LoginWithFacebook (At option to log-in with Facebook)
o cf-LoginWithGoogle (At option to log-in with Google)
o cf-LoginWithApple (At option to log-in with Apple)
o cf-LoginWithTelegram (At option to log-in with Telegram)
o cf-LoginWithAuth0 (At option to log-in with Auth0)
o cf-ContinueAsGuest (At option to continue without log-in)
Contact step
o cf-Contact (At progress line and page heading)
o cf-ContactDescription (At page description)
o cf-DeliveryDetail (At customer information heading)
o cf-DeliveryAddressDescription (Above contact form description)
o cf-DeliveryAddress (Above shipping address form)
o cf-ChangeAddress (At a button to change address)
o cf-BillingAddress (Above billing address form)
o cf-BillingAddressIsTheSameAsDeliveryAddress (At checkbox for using billing address same as shipping address)
o cf-AcceptTermRequiredMessage (To warn when Accept term is not marked)
o cf-NewslettersRequiredMessage (To warn when Newsletter subscription is not marked)
o cf-ShippingAddressRequireMessage (To warn when proceeding with no shipping address)
o cf-BillingAddressRequireMessage (To warn when proceeding with no billing address)
o cf-FirstNameRequiredMessage (To warn when proceeding with no first name)
o cf-LastNameRequiredMessage (To warn when proceeding with no last name)
o cf-AddressRequiredMessage (To warn when proceeding with no address)
o cf-AddressNumberRequiredMessage (To warn when proceeding with no address number)
o cf-AddressNumberSuffixRequiredMessage (To warn when proceeding with no address suffix)
o ac-ZipCodeRequiredMessage (To warn when proceeding with no zipcode)
o cf-CityRequiredMessage (To warn when proceeding with no city)
o cf-EmailRequiredMessage (To warn when proceeding with no email)
o cf-ConfirmEmailRequiredMessage (To warn when proceeding with no email confirmed)
o cf-TelephoneRequiredMessage (To warn when proceeding with no phone number)
o cf-VatNumberRequiredMessage (To warn when proceeding with no VAT number)
o cf-Private (At customer type)
o cf-Company (At customer type)
o cf-TermsAndConditions (Redirect to Terms and conditions page)
o cf-PrivacyPolicy (Redirect to privacy policy page)
o cf-EmailAdressesDontMatch (warning when the confirmed email doesn’t match)
o cf-TelephoneNumbersDontMatch (warning when the confirmed phone number doesn’t match)
o cf-EmailIsInvalid (warning when email is invalid)
Address management pop-up
o cf-AddressInformation (At heading of contact form pop-up when creating new address)
o cf-AddressInstruction (At description of contact form pop-up when creating new address)
o cf-ChooseADeliveryAddress (At heading of contact form pop-up)
o cf-SelectYourAddressBelow (At sub-heading of contact form pop-up)
o cf-SelectAddress (To select an address)
o cf-Default (At default address)
o cf-MarkAsDefault (To make address a default address)
o cf-Edit (To edit address)
o cf-Delete (To delete address)
o cf-Yes (To confirm delete address)
o cf-No (To confirm not to delete address)
o cf-Deleting (While processing address deletion)
o cf-AreYouSure (To confirm after customers click delete an address)
o cf-AddNewAddress (To add a new address)
o cf-SomethingWentWrongPleaseTryAgain (When it’s error to save address)
o cf-Cancel (To cancel when adding or editing new address)
o cf-Save (To save address when adding new address)
o cf-NoAdresss (At the pop-up when there is no address)
Shipment step
o cf-Shipments (At progress line and page heading)
o cf-ShipmentDescription (At page description)
o cf-ReadMore (To expand shipping method description)
o cf-ReadLess (To collapse shipping method description)
o cf-Cost (At shipping cost)
Payment step
o cf-Payment (At progress line and page heading)
o cf-PaymentDescription (At page description)
o cf-PaymentMethod (At payment method heading)
o cf-PleaseSelectPaymentDepositType (At sub-heading when select payment type)
o cf-PleaseSelectPaymentMethod (At sub-heading when select payment method)
o cf-PaymentOption (At payment type)
o cf-FullPayment (At full payment option)
o cf-Deposit (At deposit payment option)
o cf-DownPayment (At downpayment option)
o cf-Cost (At transaction cost)
o cf-Free (At free transaction cost)
o cf-Pending (At payment status - Pending)
o cf-Started (At payment status - Started)
o cf-Uncleared (At payment status - Uncleared)
o cf-Declined (At payment status - Declined)
o cf-AwaitingInvoice (At payment status – awaiting invoices)
o cf-Paid (At payment status - paid)
o cf-Refunded (At payment status - refunded)
o cf-Expired (At payment status - expired)
o cf-Error (At payment status - error)
o cf-Chargeback (At payment status - chargeback)
o cf-Cancelled (At payment status - cancelled)
o cf-PartialRefund (At payment status – partial Refund)
o cf-Shipping (At payment status – shipping)
o cf-Completed (At payment status – completed)
o cf-InvalidPaymentMethod (Warning when there is no payment method)
Admin action required
o cf-AdminActionRequired (At page heading)
o cf-AdminActionRequiredDescription (At page description)
o cf-AdminVerificationStatus (At payment status - Admin action required)
Payment pending
o cf-PaymentPending (At page heading)
o cf-PaymentPendingDescription (At page description)
o cf-YourTransaction (At heading of transaction)
o cf-PayAgain (At a button to pay again)
o cf-Confirm (To confirm the payment method selection)
o cf-OrderReservedFor (In front of order’s reserved time)
o cf-Hours (At remaining hours in reserved time)
o cf-Minutes (At remaining minutes in remaining reserved time)
o cf-Seconds (At remaining seconds in remaining reserved time)
o cf-SelectYourBank (At bank selection)
o cf-SelectBank (At placeholder of bank selection)
o cf-BankRequiredMessage (Warning when bank selection is required)
o Cf-Includes (Bank options includes)
o Cf-Cost (Transaction cost)
o cf-OrderStatus (At heading of the page before displaying order status)
o cf-ReadMore (To expand order pending description)
o cf-ReadLess (To collapse order pending description)
o cf-Copied (after copy order number)
o cf-Date (At date when transaction is created)
o cf-TotalPrice (order’s total price)
o cf-Outstanding (At outstanding price)
o cf-YourTransaction (At heading of all transactions in this order)
o cf-PaymentMethod (At payment method)
o cf-Price (At order price)
o cf-Status (At transaction status)
o cf-NoTransaction (Appear when no transaction in this order)
o cf-PayAgain (To pay again)
o cf-Confirm (To confirm the selection)
Cancelled
o cf-Cancelled (At progress line and page heading)
o cf-CancelledDescription (At page description)
Confirmation step
o cf-Confirm (At progress line and page heading)
o cf-ConfirmDescription (At page description)
o cf-OrderStatus (At order status)
o cf-OrderNumber (At order number)
o cf-OrderDate (At order date)
o cf-Copy (To copy order number)
o cf-Copied (After copy order number)
o cf-Processing (At order status - processing)
o cf-Finished (At order status – finished)
o cf-PreCreated (At order status – pre-created)
o cf-FraudCheck (At order status – fraudcheck)
o cf-Declined (At order status – declined)
o cf-Cancelled (At order status – cancelled)
o cf-ReadMore (To expand order processing description)
o cf-ReadLess (To expand order processing description)
o cf-ShipmentIsCreating (While shipment is creating)
o cf-Shipments (At heading of shipment details)
o cf-AwaitingFulfillment (At shipment status – Awaiting fullfillment)
o cf-AwaitingPayment (At shipment status – Awaiting payment)
o cf-AwaitingPickup (At shipment status – Awaiting pickup)
o cf-ReadyForShipment (At shipment status –Ready for shipment)
o cf-Shipped (At shipment status – shipped)
o cf-Delivered (At shipment status – delivered)
o cf-DeliveryFailed (At shipment status – delivery failed)
o cf-OutForDelivery (At shipment status – out for delivery)
o cf-Returned (At shipment status – returned)
o cf-Cancelled (At shipment status – cancelled)
o cf-DownloadInvoice (To download invoice)
Physical
o cf-DeliveryBy (At order’s shipping method)
o cf-ExpectedDeliveryDate (At order’s expected delivery date)
o cf-ShippingMethod (at shipping method)
Digital
o cf-DeletedCode (At deleted code)
o cf-ViewInstruction (To view instruction)
o cf-InvalidCode (At invalid code)
o cf-Unlock (To unlock the code)
o cf-Unlocking (When unlocking the code)
o cf-InvalidCode (At invalid code)
o cf-KeyCode (In front of the code)
o cf-ViewCode (To view the code)
o cf-YourCode (At the code)
o cf-ViewInstruction (To view instruction)
o cf-ImageWillExpireIn (Warning for expiry period)
o cf-EmailVerificationStatus (At email verification status)
o cf-EmailVerification (Heading of email verification page)
o cf-EmailVerificationDescription (Description of email verification page)
o cf-Days (At expiry days)
Ticket
o cf-AddSpecialEvents (To go to add special event)
Credit card verification/Fraud check
A page which instructs customers how to verify their card.
o cf-CreditCardVerification (At the heading of the page)
o cf-CreditCardVerificationDescription (At the description of the page)
o cf-DirectUpload (Option 1 – direct upload)
o cf-UploadAnImageDi5rectlyOnlineAsShownInTheIllustration (instruction description for option 1)
o cf-Uploading (while uploading)
o cf-FileHasBeenUploaded (after uploading)
o cf-UploadFailed (when upload fails)
o cf-SendViaWhatsapp (Option 2 – upload via whatsapp)
o cf-SendAnImageByWhatsappAsShownAsShownInTheIllustration (instruction description for option 2)
o cf-SendViaEmail (Option 3 – send via email)
o cf-SendAnImageByEmailAsDisplayedInTheIllustration (instruction description for option 3)
Error page
o cf-Error (At progress line and page heading)
o cf-ErrorCode (Appear in front of error code)
o cf-UnknowError (Heading of error page with unknown error)
o cf-UnknowErrorMessage (Description of error page with unknown error)
o cf-Retry (Button to retry creating an order or refresh error page)
o cf-CreateOrderError (Heading of error page when it’s error to create an order)
o cf-CreateOrderErrorMessage (Description of error page when it’s error to create an order)
o cf-EmptyBasketError (Heading of error page when no item is in order)
o cf-EmptyBasketErrorMessage (Description of error page when no item is in order)
o cf-NotAllowAccessError (Heading of error page when accessing an order you don’t have permission)
o cf-NotAllowAccessErrorMessage (Description of error page when accessing an order you don’t have permission)
o cf-PageNotFound (Heading of error page when an order doesn’t exist)
o cf-PageNotFoundDescription (Description of error page when an order doesn’t exist)
o cf-NotFound (Heading of the error page when an order doesn’t exist)
o cf-NotFoundDescription (Description of error page when an order doesn’t exist)
Shop notification
o cf_ExpectedTimeRemaining (At a countdown time)
o cf_Close (To close shop notification)
Order item summary
o cf-OrderSummary (Heading of Order item summary)
o cf-Edition (Above edition details)
o cf-SummaryTotal (heading of order price breakdown)
o cf-ServiceFee (order’s service fee)
o cf-ShippingCost (order’s shipping cost)
o cf-TotalItem (order’s total item amount)
o cf-Deposit (downpayment price)
o cf-OutstandingAmount (outstanding price)
o cf-TotalPrice (order’s total price)
o cf-Discount (order’s discount)
o cf-TransactionCost (At transaction cost)
o cf-TotalItems (At total items)
o cf-ExcludeVat (At excluded VAT price)
Back to shop
The Back to shop button will redirect customers back to the specified page in company settings.
o At management menu, navigate to “Settings”
o Go to Company behavior > Order flow back to shop redirect
o There are 3 options – Home, shopping cart and custom
o If “custom” is selected, you can enter the URL which customers will redirect to.