Orders how to place an order. Changing payment fields based on card selection
Colleagues, in this article we want to tell you how to place an order, pay for it and deliver it.
Let's start with the fact that you can place an order in our convenient online store, which is located in the Main Menu of the site in the tab -
And so, you went to the Store section and select the product category you are interested in: “Film”, “Equipment”, “ Optional equipment", "Consumables"or "Chrome". The entire range presented is in stock! By clicking on the picture of any product, you will see detailed characteristics and a big photo of him. You need to order the product you like; to do this, just click on the “Buy” button and you will see how it will be added to your “Basket”. You can add an unlimited number of such products to your cart.
When you have chosen what you wanted, click the “Checkout” button in the “Basket” and automatically go to the page for filling out the data and choosing a payment method. Here you fill in your delivery information: Full name, Delivery address, contact number, Email – this data is needed to place and subsequently send your order. You will also see the “Comments on the order” field - in this field you can leave your wishes and comments on the order, or ask the manager to contact you and answer the remaining questions.
So, you have filled out your details, all that remains is to choose a convenient payment method for your order. You can do this on the same page - there are 11 payment methods to choose from. Let's talk about some of them in a little more detail:
- Transfer to a Sberbank card – Our card details for payment will be sent to your email address. You can make payment at any branch or terminal of Sberbank, or, for example, by transfer through your online bank.
- Issue an invoice for payment – An invoice for payment for the goods you ordered will be sent to your email. You can pay this bill at any bank branch or by bank transfer.
- “Online” payment methods are highlighted separately - the most quick ways payment. Money for your order is received instantly and you don’t need to go anywhere! For example, when paying for an order using this method, you can use any by bank card VISA or MASTERCARD or system money transfers QIWI, electronic money WebMoney, Yandex.Money, or choose another online payment method convenient for you in the Yandex.Checkout service.
If none of these payment methods suits you or you still have any questions, you can ask our online consultant or contact us by phone hotline 8-800-200-51-21 – for Russia (free call), for other countries +7-927-010-37-58, Viber or WhatsApp +7-927-711-33-66.
After you have filled out all the fields and chosen a payment method, click the “Place an order” button at the bottom of the page. Next, you will see that your order has been assigned a number and a notification that payment details and confirmation of our receipt of your order have been sent to your email.
And so, you placed your order. They paid for it. What happens next with your order?
After admission Money The order is immediately transferred to the warehouse for preparation! At the same time, our logistics department is working on best option delivery of the order (minimum terms - price / quality), agrees, if necessary, on the shipping method and on the same day your order is delivered to our courier. All orders are shipped within 24 hours of payment! We monitor this and ship even on Saturdays. And immediately after sending the order, we will send you an SMS notification to specified number With complete information about the shipment, which will indicate the name of the carrier (which transport company sent your order or by mail) and the shipment tracking number.
The cost of standard delivery of materials is about 400-600 rubles, delivery time is 3-4 days, a little more to remote regions, but we monitor the deadlines and choose the best carrier option.
The flexibility and mobility of our company allows us to send orders to everyone accessible ways! We carry out shipments by any transport companies, Russian Post, express courier delivery, intercity buses, long-distance trains.
Upon arrival of the order in your city, representatives of the transport company will contact you by phone number that you indicated in the order and inform you where you can receive it. You can get acquainted with the Order Pickup Points using the example of the transport company "PEK".
You can select a product and start placing an order right now - Go to the store
Good examples were selected according to usability principles. It is also worth noting that some examples are unique and will not be suitable for every site. Always test and improve elements on the checkout page.
If there are doubts about the approaches - .
What makes ordering enjoyable?Easy to use. While users do not have an account, they must enter their address and payment information to place an order. Good form should simplify this process: enter as little information as possible from the keyboard.
Useful features:
- Address search or predictive text input.
- Copying the delivery address to the payment information address.
- The request to create an account appears at the end when the user is ready to make purchases.
- Placing an order without registration.
- Clear error messages so that the user can quickly fix them.
Sources of problems:
- Forced registration before placing an order.
- Too many steps.
- Unnecessary form fields.
- Unclear error messages.
- Problems with form confirmation. For example, strict time format rules.
Domino's website has placed an emphasis on mobility. It recognizes device types and adapts to them.
The order form is nice and easy to use: no registration, simple fields to fill out, saved payment information for repeat customers.
Even if the user forgets the password, but uses the same one email address, then he will still be able to place an order. In such situations, many sites simply return the registration form asking you to reset your password. And this is not always convenient.
They also have an app where you can order with one click. Just open the app, wait 10 seconds, and your pizza is sent to you.
Lowe'sRegistration can become an obstacle to making purchases. This extra step before placing an order may be overwhelming for many users.
On the other hand, registration allows you to simplify the purchasing process in the future. It is also convenient for users
Offer to register at the end of the checkout process. You can register on the Lowe's website before clicking the 'make an order' button. There shouldn't be any difficulties here.
Excellent ordering form. The user is immediately taken to a page with a shopping cart and payment information. You can place an order without registering, by the way.
The entire order form is on one page. And it's very convenient.
It's easy to make repeat purchases on Amazon. Of course, first you will have to fill out information about yourself, but then Amazon will remember them once and for all.
This minimizes the number of clicks and steps. The process from adding an item to your cart to confirming your order takes three steps. Not everyone can handle that much. Plus, spontaneous buyers will disappear.
On their website at the order form great design. One improvement they should make is to make the checkout form stand out from the rest of the content on the page.
There is a progress indicator, total number of products, price and delivery terms. You can also enter the address using autofill, which is very convenient.
Their team understands the importance of usability and is constantly improving it.
Look at the screenshot below to see the beauty of this page:
- Safety. At the top is a confirmation that the page is secure and the company's contact information.
- Notification about delivery and return of goods. Three points above the checkout form remind users about good conditions delivery, discounts and simple process
- return of goods.
- Progress indicator. Helps users understand how many steps to expect. And the fact that there are three of them already suggests that this is a fast process. Easy registration.
- Schuh not interested in registering for
- at this stage
- , he will offer it later.
You don't need to make these links at the bottom too noticeable, but they should be there if the user needs them.
Centered shape.
There are a few distracting elements on the page, but the focus is on making a purchase.
The form has a beautiful and simple design. Everything is arranged logically, every field is marked. There is a progress indicator and there are no distracting elements on the page. Nordstrom A good example of a one-page order form. It has one advantage - it seems to the user that placing an order is much faster. And it doesn't matter whether it's true.
Nordstrom's website has information about the product and its price, plus empty fields are highlighted in red so the user doesn't miss anything important. 
After this, he is sent to beautiful shape placing an order (although this is not entirely convenient for users who want to add more than one item to the cart).
What’s noteworthy is that the Superbalist website adds a lot of small text that explains the delivery terms and what to enter in the fields.
AO.com did Good work. On this page you can select the time and date of delivery, and it’s very easy:
The payment page is great. The order amount, delivery date, quantity of goods, etc. are displayed. AO left his contact information so that any user can call immediately if he has any questions.
Another site with beautiful design order forms - Joseph Joseph. The page that was chosen as an example is the registration form/checkout without registration.
What they do right: give the customer choice. Some will want to register, while others will not, and they will have the opportunity to place an order without additional procedures.
Zappos website - good example, they focus on customer service and loyalty.
However, the checkout process is not perfect. Account creation - required condition, which will not suit all users.
Perhaps in the case of Zappos, brand reputation removes this barrier. I wonder if they tried something different.
After registering, users are redirected to the cart page, which is not very convenient.
In addition, the order form is not highlighted. She gets lost in the background navigation menu, search bar, alphabetical index, etc. There are too many distracting elements that will make users reluctant to place an order.
Highlighting your checkout form doesn't mean luring users in, it means making it easier for them to buy.
This checkout form is the worst one out there.
What's bad here: the user must write his address twice - when filling out payment information and delivery information. Using the same default address − good way reduce the form filling time that many sites use.
The forms may not be similar to each other, but each of them has useful features that you can use when creating your website.
What do each of these forms have in common? They aim to make things easier for users. For example, when you want a user to register, it's better to add one or two steps at the end of the checkout rather than at the beginning.
Do you have any examples of checkout forms that are better than those presented? If yes, share them with us in the comments below the post...
The form consists of the following blocks:
So that a visitor to your site does not have to manual mode indicate in the form the name of the product or service that he wishes to order; the data is automatically included here when you click on the button to add a product to the form. You can get order initialization buttons in personal account. An order can simultaneously contain as many trade items as a site visitor decides to order.
If the price is specified in the product settings, the form will automatically calculate the cost of the entire order. And if in the product settings the attribute “it is possible to order several products” is set, then the quantity will be displayed in the form, and the total cost of the order will be calculated from this quantity.
At the final stage of the order, the visitor enters his data during checkout. The number of fields and their names are arbitrary and can be configured in your personal account of the EasyNetShop service. In this case, each field can be set to “Required” and the order form will not be sent until the required field is filled in.
The buyer can complete the order or return to the site to add additional products or services to the form.
Example html code for adding a cart
copy anywhere on the page 1 time
Test code for placing a BUY button
place it next to the description of the desired product Buy
Ready personal code You can get the basket and button codes for adding products to it in your personal account:
The advantage of the EasyNetShop order formOur order form is made using the technology of a basket of goods; before placing an order, you need to collect it. This technology has a number of advantages over the traditional form, which drops out when you click on the button next to the product and does not form an order:
A few more positive points in the EasyNetShop order form: - Constantly reminds you of the unfinished action to place an order.
- Convenient when placing an order with mobile devices because half of the data (about product and quantity) has already been automatically filled in.
- Allows you to calculate not only the order amount, but also the delivery cost, as well as a discount.
- Saves data when you return to the site again if the order has not been completed.
- Allows you to organize the online payment process for a completed order.
The completed and submitted order form remains a formality even if a return response is received that the application has been received. This does not give the buyer 100% confidence that the purchase has been made. Having not received an answer and not understanding whether he should wait for it (how long), the buyer will continue to search for the product on other sites. It’s a completely different matter if the buyer placed an order through a shopping cart and received the same automatic response stating that order No.... has been completed. This is no longer a formality.
There is a certain expected model of buyer behavior on the site, developed by typical online stores, and almost any buyer will look for the familiar “add to cart” button, and then the cart itself to complete the order. Having an order form for purchasing a product is a departure from typical buyer behavior and can cause an uncertain reaction (from difficulties to leaving the site)