Place your order by filling out. Placing an order in your online store. Remove unnecessary fields

The form consists of the following blocks:

Order list.
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 receive order initialization buttons in your 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.

Buyer details.
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.

Control buttons.
The buyer can complete the order or return to the site to add to the form additional goods or services.

Example html code for adding a cart
copy anywhere on the page 1 time

Test code to place the BUY button
place it next to the description of the desired product Buy

You can get a ready-made personal cart code and button codes for adding goods to it in your personal account:

The advantage of the EasyNetShop order form

Our 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 ordering process.
• It’s convenient when placing an order from mobile devices because half of the data (about the product and quantity) is already 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)

According to SaleCycle, worldwide, nearly three-quarters of online shopping carts are abandoned before making a purchase. By optimizing the checkout process, you can recover a lot of money that was previously lost. Easy and intuitive design will help gain consumer loyalty and encourage customers to make repeat purchases.

This article presents important tips to design a website shopping cart, which will help increase their conversion rate.

1. Make the entire ordering process on one page

This option requires customers to complete the purchase process on one page. More and more sites are using this strategy as shoppers seek simplicity.

The one-page checkout process provides the following benefits:

• It looks compact, which encourages buyers who have little time to complete the purchase;
• Customers don't leave because it can take too long to get from one page to the next.
• Requires fewer clicks – Research shows that ideally it should take no more than seven clicks to complete a purchase.

One page form example

Many large online stores use this option to make life easier for customers. This not only reduces the number of clicks a user has to make to complete a purchase, but also improves the customer experience. On one page, customers can check if they have entered the correct delivery address, payment and other information.

Some platforms ecommerce, including, offer quick one-page options for ordering forms that are quite easy for any user to fill out.

A few tips to optimize your checkout page:

• Place fields such as name and address on the right side of the page;
• Add the ability to use a billing address as a delivery address;
• Place order contents in right side pages;
• Enable payment methods;
• Place a clear call to action button, for example, “Make an order.”

Mobile sales are expected to reach $700 billion by the end of 2017, up 300% from the past four years. However, cart abandonment rates are higher here, perhaps because people shop on the go and are more distracted environment. That's why 84% of mobile shoppers abandon their carts during the checkout process.

Tips for mobile optimization process:

• Make clickable buttons larger and more noticeable;
• Reduce image size to reduce loading time;
• Display trust indicators such as “This is a secure payment using 256-bit SSL encryption”;
• Vertically align forms to make navigation easier;
• Remove distractions such as ads and pop-ups to ensure that shoppers are not interrupted from completing the process;
• Consider taking more simple options mobile payment like Apple Pay, where users can check out using their fingerprint.

Mobile forms that are easy to fill out increase conversions

Given the significant development mobile commerce from year to year, optimization of the ordering process for mobile devices would be a reasonable investment.

Adding checkout form fields that have nothing to do with the transaction, such as “Company,” discourages customers from completing their purchase. These forms contain an average of 23.88 fields, even though the ideal number for increasing conversion rates is 12.

It's worth reconsidering your order form.

Fields that can be removed:

• second address line;
• Name;
• surname;
• patronymic / initials.

You might also want to consider using Google Autofill. A significant number of customers use Chrome and Android to make purchases. Their personal information, most likely saved in Google to save time on data entry. Using Google Autofill will help the store get closer to sites that allow you to make a purchase in one click thanks to stored information.

Google Autofill helps customers check out quickly

Function automatic filling helps clients save time, especially mobile shoppers. When typing on mobile devices, you can make mistakes, get frustrated, and possibly give up on the idea. Google Autofill solves this problem by automatically filling form fields with data that customers have previously entered.

Requiring all users to register is a major barrier to conversion, especially for smaller sites. Many buyers don't want to create account on the website, especially if they are ordering there for the first time.

Every 4th user will abandon their cart if they are required to register. Instead, you should offer customers checkout as a guest.

Many big brands provide this opportunity.

Guest checkout is an option offered to new customers.

Once customers click on this option, you need to take them straight to the checkout page. Once they complete the transaction, you should give them the option to save their details, but not force them to register. Instead, it's worth asking, "Do you want to save your data for next time?" This increases the likelihood that customers will opt in for a faster checkout in case they shop from that store again in the future.

5. Display safety signs during checkout

Previously, it was all about speed and simplicity, but shoppers often abandon carts because of security concerns. They may go to competitors if they don't see the trust marks on the checkout page that most major online retailers have.

Security symbols such as the Verisign or Norton Secured logo must be displayed. They indicate that the online store is safe and reliable. Research shows that 6 out of 10 shoppers abandoned their carts due to a lack of security guarantees.

The profitability of any online store primarily depends on how comfortable the conditions are created on the site. Any buyer wants to find what they are looking for as quickly as possible and at the same time spend a minimum of effort. Statistically, most customers don't like the checkout process. That is why, if you want to increase the number of sales, you need to simplify the ordering system on your website.

In online stores, in order to buy a product, the client must fill out an order form, which is installed on the site using special scripts, modules or plugins. When creating an order form, adhere to the following rules.

1. Simplicity is the key to effectiveness.

As practice shows, if a buyer encounters any problem when placing an order, he most often leaves the resource for fear of encountering this problem again. If your order form has a few simple steps and is easy to fill out, you are guaranteed consistent sales. It is worth noting that the main thing is not to overdo it with simplicity; always take into account the specifics of your project. The order form on the website should collect a minimum necessary information to complete the order.

2. Use clear examples.

A person always needs clear example, especially when filling out the order form. Try to create a web form that even a complete beginner can fill out.

3. In total, show the progress of the order to your client.

The client should always see how many stages he has completed and how many still remain to be completed. is of particular importance from a psychological point of view. The classic ordering process takes place in 3-4 stages. The first stage is when the user creates an order list. The second stage - the buyer enters his contact information. The third stage is information verification. The fourth stage is the deal.

4. Dispel all doubts of clients.

In our country, the law on the protection of personal data has recently come into force, but many users do not know about it. IN html form When ordering, be sure to include a non-disclosure notice personal information. This will significantly increase the trust of your customers.

5. No! registrations.

Almost all buyers have a negative attitude towards any registration, due to the fact that this process can take a long time (in their opinion). Therefore, even if you register on your website without confirming your profile, delete it or make the ordering process available to unregistered users. It is worth noting that in some cases registration, on the contrary, is necessary. For example, when you intend to create a quality customer base. In this case, register on the site via social media. It's very simple.

All of the above rules and tips undoubtedly increase the efficiency of the order form on the site, but you should always remember that a lot depends on the specifics of the topic. Only by trial and error can you really increase website conversion.

Friends, before placing an order, we suggest you first familiarize yourself with the possible options in the LeChugia online boutique:

The first option is to place an order on the website yourself .

1. If you chose to place an order yourself, then to confirm the order you need to enter:

1) your name (if it is delivery by Russian Post, then you must indicate your full name);

2) Your full address (if you are arranging for pickup, the address is optional);

3) address Email;

4) payment method (cash on delivery, cash to courier, Sberbank card, Yandex.Money or WebMoney);

5) delivery method (courier service, Russian Post or pickup);

6) Your telephone number for communication.

2. After confirming the order, you will receive an email with information about the order; after completing the order, our manager will contact you to agree (availability of goods, delivery time).

Important! All products added to the cart are stored indefinitely, so you can return to checkout several times.

The second option is to place an order by phone or email.

If you are not comfortable placing an order on the website yourself, then you can call +7-903-688-35-99 and our manager will take the order

You can also leave a request on our email address info@site, indicating your request and telephone number for contact.

Minimum order amount from 500 rub. for new customers (not including shipping costs).

Delivery options:

1. If you arrange delivery by Russian Post, then we send parcels using a valuable 1st class parcel with declared value and cash on delivery. After sending your order, you will be sent a shipment number (ID), by which you can track the parcel on the Russian Post website.

2. We offer 3 courier delivery options: delivery within Moscow, delivery to the metro station, delivery outside the Moscow Ring Road. Any of these options are available for delivery.

3. If you choose self-pickup, then in the comments to the order, please indicate the approximate date of pickup within 7 days.

Additional information about registering a personal account on the website

If you intend to have access to information about the status of your order in the future and receive the order amount, we recommend that you register when placing an order. Personal Area(to do this, you will only need to enter a password), where the entire history of your orders and contact information will be stored.

Cancellations:

1. If you have placed an order and for some reason cannot pick it up or receive it, please inform us by mail or by phone about your decision. The manager will cancel your order.

2. Orders with pick-up status are stored in the warehouse for 7 calendar days; if you do not arrive, the order will be disbanded.

Please note that the LeChugia online boutique trusts you and hopes for your understanding of our open store policy.

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. A good form should simplify this process: enter as little information as possible from the keyboard.

Useful features:

• • Search for an address or predictive input text.

• • 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 rules time format.

Best examples of Domino's checkout forms

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 filling, saved payment information for repeat customers.

Even if the user forgets the password, but uses the same email address, he will still be able to place an order. In such situations, many sites simply return registration form with a request 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's

Registration 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.

Threadless

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.

Amazon

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.

The checkout form on their website has a 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.

Schuh

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.

Links to important information.

You don't need to make these links at the bottom too noticeable, but they should be there if the user needs them.

Payment Methods. A visual reminder of how users can pay for their order.

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.

Superbalist.com

This site made the registration form in the form of a novel - as soon as the user adds an item to the cart, he is prompted (in the form of a pop-up window) to create an account using email or a Facebook account, or log in to an existing one.

The user is then asked to create a password before continuing.

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

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.

Joseph Joseph

Another site with a beautiful checkout form design is 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.

Good examples, but there is room for improvement...

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.

Boots

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.

Conclusion

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...