Interior design and design wix. Instructions for creating an online store on Wix

Launched in 2006, Wix is ​​one of the most popular free online website building services. Wix provides its 39 million-plus users with a free, easy-to-use website building platform. Whether you need a business website or a personal portfolio, Wix has hundreds of awesome templates for you.

The service editor is easy to use, uses the drag-and-drop method and does not require you to know HTML5, CSS, Flash technology or other programming languages. As you build your website, you can easily change the composition of its structure - colors, texts, background, images, etc. Wix gives you all the tools you need to build a beautiful website. All you have to do is create.

Unlike other website builders, Wix strives to make things easy for its users. Respect for people and high quality support services distinguish the service from its analogues. It is completely free, and if necessary, you can use premium options. Prices can be found in the description of premium tariffs.

Some may be skeptical. Is it possible to build a beautiful website using drag and drop? Yes! Today we will show you a selection of beautiful websites to prove our words. Every single website in the list below is built using . Enjoy watching!


















From the author: creating an online store is good business, but “putting him on his feet” is quite a difficult task. You will need a good designer who will solve all your problems associated with creating and save a lot of time and effort. Today we will tell you how to create an online store on Wix - one of the most reputable website builders, which is famous for its convenient tools and wide capabilities. However, we will not focus on laudatory statistics alone, but will try to give a comprehensive conclusion about creating an online store on Wix.

Before we look at how to create and set up an online store on Wix, let's first discuss why out of all the website builders you should choose this one.

Advantages of this website builder

Without a doubt, Wix is ​​a beautiful and convenient website builder with wide functionality. It has a whole bunch of undeniable advantages:

ease of use;

a large selection of templates - varied, high-quality and structured by categories;

a powerful visual editor, thanks to which the online store can be changed beyond recognition;

attractive product galleries;

convenient SEO settings;

possibility of creating mobile version website (and plus the ability to separately edit desktop and mobile versions);

many widgets, settings and free add-ons, with the help of which you can significantly expand the functionality of the site;

monthly updates that introduce new features for creating and customizing websites on Wix;

a large number of educational materials on own blog Wix.

You can also note the ability to organize beautiful previews, overall high quality appearance website, shopping cart convenience and impressive design templates Vix is ​​simply mesmerizing with all this entertainment. In its niche, it does the best job of providing ample opportunities for visual editing of products and the site as a whole. As a result, you will get a spectacular, cozy store with an assortment of 100-500 products.

So, by creating an online store on Wix, you:

you will have a pleasant time working with the beautiful and convenient functionality of the designer;

Get your own “tastefully” decorated store with a beautiful display window and start trading beautifully and effortlessly without unnecessary noise and dust.

In general, it seems that the creators of these delightful templates on Vicks were inspired by Apple’s Internet sites - there are similarities in expressive graphics, large images, and effects when changing frames. Minimalism, simplicity and efficiency in one bottle.

When an online store on WIX is the most suitable option:

you are planning a small online store;

you don’t have a large budget;

Are you a connoisseur of beautiful and relaxed designs?

you don’t like to “bother” too much, and in general you want to see how sales will go.

In general, this is the case when you need to quickly and easily create a good website, but you don’t want to pay a lot of money for it.

Naturally, this article was not intended to advertise Vicks, so let’s add a fly in the ointment to our “sweet” description of this designer. After all, everyone has their shortcomings, right?

Disadvantages of creating a website using the Vicks builder:

functionality can only be increased by adding widgets, which gradually overloads the admin panel;

excessive freedom of action in the visual editor can lead to disastrous results;

limited throughput website (and it can only be increased by purchasing a more expensive tariff);

in AppMarket, in addition useful applications, you can run into outright rubbish;

quite high tariff cost;

lack of export/import of goods (they have to be uploaded manually), impossibility of editing the code;

The designer is not suitable for creating large online stores.

Of course, with many Disadvantages of Wix It’s quite possible to accept it, especially since there are still more advantages. You can get used to the structure of the admin panel, as well as to the thoughtful selection of smart applications. As for the cost, you can be patient and wait for the discount. In general, skill and experience will cure all flaws.

Choosing a template is the first step on the path to your own online store

As I already mentioned, Wix's strength is its large selection of templates, which are well sorted and constantly updated, and are generally quite well made. Just one glance at any template is enough to understand that things can’t turn out badly here. You can preview each template in preview mode, and then explore and click to your heart’s content.

One cannot but be pleased with the fact that here you can find templates for a wide variety of events and areas of activity. For example, you can create a website on Wix for yoga classes, wedding planning, pizza delivery, etc. At the same time, the templates are very beautiful, you want to look at them and look at them. If website builders were judged solely on the quality of their templates, Vicks would be the undisputed leader.

Instructions for creating an online store

We go to the website of the Wix designer.

Click on the “Create site” or “Login” button.

Click on the “Create website” button.

We select a suitable template from the “Online store” category (remember that it is impossible to change one template for another during the work process). Preview the templates and choose the one to which you would like to make the minimum number of changes. There is also the option of creating your own individual design based on empty template.

To edit the template, click “Editor”. Watch the video tutorial on creating and editing an online store on Wix, then get started setting up your online store. Don't forget to click the "Save" button in the top right corner of the screen from time to time. When the site is ready to go live, click “Publish”. To preview what you've got, select the "Preview" option.

To edit a web page, select the one you want in “Pages” and click on the gear icon next to its name. Now you can edit its location, design, and SEO elements.

Register key phrases in SEO settings. For example, the “Headline” may look like this: “Women’s leather bag in Moscow”, and “Description” - “Women’s leather bag in Moscow with home delivery. Buy a women’s leather bag of high quality and inexpensively in the online store...”

The first time you save or publish, a window will appear asking you to name your online store. You can first write something like “shop” and then attach your domain name.

When publishing a site, do not forget to include sliders with permission for search engines to index your “brainchild”, as well as with optimized mobile version.

After creating and editing all web pages, start filling the online store with goods. This can be done in the "WixStores" section (bottom left). Add here a photo and description of the goods, payment and delivery methods, indicate the currency, etc.

Once the site is up and running, attach a domain name to it. To do this, pay for the eCommerce tariff for a month or a year. Payment can be made with bank card. Please note: the last name and first name must be written in Latin letters, as on the card, and in the “Billing address” column indicate your actual place of residence. Domain name You can link it in the settings section, “Site address”, “Domain management”. If your online store will operate in the Russian Federation, I advise you to choose a name in the domain zone.ru. The site will become available under the name you specified in a few hours, so please be patient.

So, I tried to give you as much information as possible about how to create and set up an online store on Wix, and also gave you my reasoned opinion about this site builder. For a beginner in the field of online trading, this is undoubtedly a great option.

In the future, you may want to move from the stage of creating a website using a designer to the stage of creating a full-fledged website using popular engines - , Bitrix, etc., and maybe even become a specialist in self-written sites on and.

In any case, good luck to you in all your endeavors! Subscribe to our blog, and this path will no longer be so thorny for you. See you again!

Templates (design themes)

There are many ready-made templates (450 pcs.). All of them are divided into different topics and types. Topics for landing pages, online stores and blog resources are separated into separate categories. The user is given a choice of new, popular, standard and blank (blank) designs. The proposed design themes are beautiful, attractive, have their own original structure and navigation, and use various graphic solutions.

You can change the selected template beyond recognition; almost everything can be edited. If you have imagination, then you can with a unique design.

However, you should choose a design theme keeping in mind that if you change it to another option, you will have to do all the design work again - almost everything changes.

In other web constructors, this is usually done with minimal costs time (at least change the design weekly to a different one, previously posted content will be saved without changes).

Functionality

The administrative panel of the Vicks constructor is beautiful, intuitive, has many different settings and makes a pleasant impression.

In the visual editor, all actions (selecting and dragging objects) are performed using computer mouse(the drag-n-drop principle is implemented). It will take a long time to get used to and get used to it due to the abundance of opportunities and the constant need manual settings boundaries and sizes of blocks inserted onto project pages. Added elements can be layered on top of each other - this will also have to be taken into account and tracked.

For creative people, the design process will be similar to drawing a picture on a computer monitor, but it contains peculiar disadvantages. The site being created does not have a rigid “skeleton”, so you will have to spend a lot of time adjusting all the objects on each page, and periodically check the final version using the “Preview” button. Please also keep in mind that in different Internet browsers web -the site will look different (elements move relative to each other, violating the established order).

Wix provides the ability to use a video as a background. In the library web - the designer has ready-made options or you can download and use your own clip. When playing a video, you can change the speed and launch various effects.

You can apply a parallax effect to the background image (with enlargement, development, opening), which will give it three-dimensional perception and depth (when scrolling the page, the movement of distant objects slows down in relation to nearby ones). You can customize layers by moving some elements under/above others, turn on transparency, and use rotation.

There is an anchor menu, the items of which link to certain sections of the page.

The developers put on the designer Wix gallery layout tool (Pro Gallery). You will be able to configure in detail the display format of pictures/photos, their quality, launch effects, set copy protection, and create collages. There are many gallery themes offered, supported different types graphic files.

It is possible to protect individual pages with a password so that they can be viewed by a narrow circle of visitors.

There is an application store (AppMarket), which presents 3 categories: communication, social networks, online store. However, most of the widgets are in English, so they are unlikely to be of interest to the Russian consumer.

SEO settings

The Vicks constructor has all the necessary tools for . The settings interface is logical and understandable. All items are accompanied by explanations of what information they must be filled out.

There is a special master => Management => SEO Master , in which you only need to go through a few steps, and web - the site will be correctly positioned in search engines.

In the editor, selecting a category => Pages => SEO pages you must manually fill in all the fields of SEO parameters for each page: title, description, keywords(this field can be left empty - this has not been taken into account for a long time search systems), Url -address (make it human-readable, but Cyrillic cannot be used). It is possible to hide individual pages so that they do not appear in the menu.

Advantages of the Vicks web builder:

1. Large selection of beautiful templates.

2. The administrative panel has a user-friendly interface.

3. The visual editor is full of options.

4. Many widgets and general settings.

Disadvantages of a website builder Wix :

1. Expensive tariff plans.

2. Part of the text information (according to my estimates - 50%) does not fall into the search engine index Yandex due to internal technical deficiencies formation html -page code!!! Doing it this way is very problematic, if not useless!!! However, the search engine Google sees texts normally and without problems.

3. All pages of the website (except for the main one) are indexed by search engine robots with long Url -addresses (for example, u jut d om.ru/proekt/cg55/?_escaped_fragment), which do not correspond to those selected by the user at the project development stage (that's what for this example indicated in seo settings - ujutdom.ru/proekt ). It turns out that each page is divided into html -fragments, in accordance with the blocks that are placed on it. I believe that this is the reason they are incorrect.

4. You cannot use the Cyrillic alphabet (Russian letters) to define url -web page addresses.

5. The absence of a “hard skeleton” of the site and the existence of only “floating” elements leads to its incorrect display in different browsers (see comparison pictures below ). In addition, if, for example, in the future there is a need to add some element to the top of the finished page, then you will have to “manually” move down each of the already placed ones (and if there are many of them!).

6. The need to manually adjust the boundaries of blocks and their location on pages (objects can overlap one another, which sometimes gets in the way).

7. When publishing ready-made texts from MS Word their formatting is “lost”.

8. Missing some required settings in the element " html code".

9. You cannot buy (or receive as a gift) a zone domain Ru.

10. When developing an online store, it is not possible to import product data from a CSV file. All information will have to be added manually for each unit of production. In addition, there may be problems with accepting payments; not all currencies are supported.

11. It is problematic to replace a template with a different version on a ready-made website (each design theme has its own structure, so when changing it, you will have to “move” all the blocks on the pages again!).

Example of page display in Mozilla Firefox

Showing the same web page in Opera

Conclusions

Wix is ​​far from the best website builder, as they “scream” about it in most review articles (I assume that they are custom-made and paid for). Write reviews praising the design service web -resources and making websites for yourself or to order on it are two completely different things. I created 4 projects for clients using Vicks ( fkuzo. ru, topleader - mos. ru, avkorshunov. ru, daniilphoto. com ) and I won’t make such a stupid mistake again (for reference: these projects were abandoned by their owners after a year as completely unpromising).

However, objectively it must be admitted that Wix ideal for developing beautiful, individual, dynamic business cards and landing pages with a small number of pages (up to 5 pcs.). It is interesting, rich, and perfectly suited for high-quality placement of graphic content. Individual entrepreneurs and owners of clothing/shoe repair shops will be delighted by it. When paying the tariff Combo for one year (RUB 3,000), the user receives the construction toy of his dreams. You can play to your heart's content, realize your creative potential as an artist and web designer, but no more!!!

If you are planning to independently create a serious and successful website in the future, which will be correctly perceived and indexed search engines Yandex and Google , then Vicks is definitely not suitable for solving this complex problem. You can practice on it, get better at it and understand the very principle of operation in any web constructor, and then consider other more practical options. For example, I recommend it to everyone And . If you pick and choose, they also have minor flaws, but there are so few of them (only an experienced specialist will discover them) that it’s not worth talking about, especially since they don’t particularly affect the final positive result.

If my arguments are not enough for you, then read the hysterical reviews of people who used the services of the Vicks service and were extremely dissatisfied with it -

ru.otzyv.com/wix-konstruktor-saytov

In addition, I submit for consideration a forecast of possible further developments of events.

Many representatives of small businesses and individual entrepreneurs in our country have made websites for themselves using the website builder Wix , and the server is located in America (it is possible that this project is financed by the US government).

What could happen if “serious American guys” really need it?

On “H” day, at the request of these people, the Vicks server where the data is stored will be turned off for a period of 3 months Russian websites.

As a result, a significant part of business in Russia will come to a standstill. Panic will be “fun.”

Draw conclusions and prepare for the worst.

Considering what is happening in the world now, this is quite possible, and in the coming days.

Examples of sites made in the constructor Wix:

ujutdom.ru - construction of houses and baths from profile timber (Kostroma)

klad.media - forensic laboratory of audiovisual documents (St. Petersburg)

7lir.ru - pizzeria, online store (Sayanogorsk)

zoosalon-stella.com - pet salon “Stella” (Mytishchi)

Website promotion using the Wix builder is a topic that excites the minds of SEO specialists. So, is it still possible to promote a website on Wix or not? Let's think together.

Wix.com - website builder

An example of such a site:

Wix is ​​a popular American website builder created for our destruction.

They love it for its simplicity: choose a topic, move pictures with the mouse - the site is ready, without any programming. It’s also cheap - from 129 rubles per month.

But if everything were so good, this gorgeous video would not have made it into the article.

SEOs don't like Wix

Video: An SEO specialist scolds a Wix site for its reluctance to reach the TOP 10.

What do SEO studios say when they see a site on Wix. There are only three options here:

  1. “Forget me!” - denied promotion.
  2. “Well, you yourself decided so...” - they promote without financial guarantees.
  3. “And that’ll do!” - they hope that the site will miraculously make it to the TOP.

Ahrefs.com study, June 2019

How much traffic do websites on Wodpress and wix.com receive from search? The result is expected.

What's wrong with Wix?

What does Wix need to make SEO specialists love it and accept it with open arms?

1. “Invisible” pages for search engines. Wix is ​​built on JavaScript and Ajax technologies. If you turn off JavaScript, the site turns into a blank page.

Example: website of photographer Olga Plakitina in a browser with scripts enabled:

The same site with scripts turned off:

2.You cannot add Yandex.Metrica. You can only insert the Google Analytics ID.

The site does not receive a bonus for behavioral factors.

Let your website be beautiful and let users spend a lot of time there. Yandex will not know about this, because Yandex.Metrica is not here.

3. The site cannot be modified. You will have to forget about calculators and configurators.

Wix's capabilities are limited here. It’s not a big loss, of course, but it’s like walking with your hands tied—it seems possible, but it’s inconvenient.

4. Few working examples. There are only one or two cases of being promoted to the TOP.

Alexander Polishchuk at the beginning of 2016 brought successful examples SEO of Wix sites for the queries “smithy”, “dentistry” and “cleaning company”. “Forge” still shows the site in first place on Wix, but for other queries they are not even shown in the top ten.

Need objective evidence?

Enter your website address into Wix and get compelling SEO analysis that will make you think about choosing a website builder.

Free site audit

It impresses with its originality and unusual (if not bold) design approach. Offering exclusive handcrafted jewelry, it is the epitome of style and extraordinariness.

An interesting combination of geometric elements and a red and white color scheme allows you to focus attention on the main object of the site - a volumetric slider, where a variety of high quality photos proposed decorations. You will not see a catalog or product description here, but in this case, this is not necessary. After looking at the product photos on the slider, you will want to go to the “Store” section and make your choice. In general, this is an interesting offer for those who appreciate originality in all its forms!

No. 2. Website of the pet salon "Stella"

Zoosalon-stella.com represents the embodiment of the desires and ideas of many pet owners. Here you can find detailed information about pet care services and even get advice using the salon’s contacts.

The site is designed in light color scheme, with an emphasis on funny photographs of animals. Many of them look so interesting and unusual that you will involuntarily have a desire to explore the site and learn in more detail about the services and offers of the pet salon. The main menu of the site will help you with this, as well as contact information and a social network widget, which you can use right on the main page. Such an interesting and extraordinary approach to website design may well be the key to the success of the salon.

No. 3. Website of the handmade designer accessories store “Made by Hands”

The website Madebyhands.com.ua offers visitors a large selection of high-quality, and, most importantly, unique handmade designer accessories. This is an excellent example of a successful combination of design and thematic focus of the resource, where every detail is in its place and carries a certain meaning.

A stylish interactive slider that takes up most of the main page offers you a range of products that are very popular among customers. All photos presented on the site are different high quality and bright colors. More detailed information about the company, its contacts and access buttons social networks are located in the header, which is also very convenient and practical. For those who prefer to see for themselves the professionalism and quality of the company’s work, the site offers the opportunity to read customer reviews. Stylish, practical, comfortable!

No. 4. Official website of the boarding house for the elderly and disabled “Up to 100 years old”

Do100let.com is also a landing page. The first screen contains the name and contact numbers boarding house. Below is detailed description company, and under it - full description services provided. In the menu at the top of the site there is a “Book” button, which sends us to the form feedback, and at the end of the resource there is a small gallery with photos of living quarters, dining room, etc. The resource is made in light colors and does not have unnecessary information.

No. 5. Business card for the beauty salon “The Salon”

The-salon.ru is a stylish website of a Moscow establishment where you will get your hair, nails, eyebrows, eyelashes and everything else done if required. You can call a specialist to your home or sign up for courses from the beauty series. The design matches the direction perfectly - clean, black and white, with a large number bright photographs, videos and a touch of color in the form of color accents on important elements. There are many effects on the pages; unusual geometric areas are used. The menu is divided into 2 parts: on the left and below the main part. Strange, but fashionable. There is a possibility of registration, which is legally supported by a separate section of the site policy. In general, everything looks interesting, except for the font - it is stretched, difficult to read, and not very clear. The work is catchy, but they went a little overboard with the avant-garde.

No. 6. Wedding event planner business card

Orlovroman.ru is the business card of the representative of the international wedding organization (it looks like it exists) Roman Orlov and his team. The design of the site is creative, from the structure to the fonts, color scheme, as well as the decoration of individual elements. There’s a lot here, it’s interesting to look at – it’s clearly not a template. A bunch of original graphics, text, photos from weddings and other things are used. A lot and practical information: about the team, prices, range and description of services, videos, customer reviews and other things. There is a blog with a bunch of videos in interview format, the portfolio comes separately - it is implemented in sections, rich and juicy. There are a lot of materials. Here even the application form is made non-standard. A good, difficult-to-implement business card that gives a comprehensive idea of ​​the capabilities of the artist and his team.

No. 7. Business card of a children's educational institution

Cmit.club – Website of the Lyubertsy technical school for inquisitive children. Clubs, master classes, competitions, lectures on various technical disciplines, workshops, summer camps, courses - all these are part of a unified development program for children and adolescents based on the CMIT technical school. I would like to call the design environmentally friendly: the predominance of a green tint, many photographs of children, natural materials like wood, and the general spirit of naturalism as the main idea of ​​the site. There are a lot of high-quality photographs, descriptions, bright elements, effects - everything is presented in a friendly, pleasant and moderately beautiful manner.

No. 8. Portfolio of photographer Elena Iv-Skaya

Ivskaya.com – a very extravagant, complex portfolio structure former model, and now an artist, Elena Ivskaya. The design is oversaturated with effects: almost everything appears, moves out, disappears, opens, moves, etc. After pointing at any photo, a through-scrolling cursor appears: by holding the left mouse button, you get a film strip effect. The pictures float smoothly to the rhythm of mouse movements on a dark background in three columns... Looks stylish. This is the main highlight of the portfolio. The signatures are also interestingly executed - vertical format, fashionable font, laconic. Despite all these visual things, the site works quickly, nothing slows down. Pictures good quality, but clearly well optimized. Excellent work of its kind.

No. 9. Business card for graphic designer Frankie Ratford

Frankieratford.com is a bright business card of the print artist. Here you can sign up for a free introductory or full paid course on graphic design. The design of the layout is chaotic, in a magazine style, with a chaotic structure of sections and presentation of information. Scrolling the page is accompanied by a parallax effect. The multi-colored blocks and fonts are somehow balanced so that they are not annoying, at least. The menu on the site is anchor and reflects the structure only title page. You might think that this is a landing page, but this is not so. Access to pages other than the main one is hidden in miniatures depicting the artist’s areas of activity. Besides, home page contains a lot of links to interviews, publications, photos and other manifestations of the designer’s online life. As a result, we get a very colorful, meaningful example of a finished project on Wix. This is the genre where the designer is most interesting; it is best to create websites of this type here.

No. 10. Website of the New York diner "Kome Waza"

Komewaza.com is a website for a cafe that serves sushi and other fish dishes. There is an online food delivery service. The design is attractive, clean, with beautiful fonts. Large, juicy photographs of finished dishes and individual ingredients look great against the white background of the sections. Conventionally, the menu and delivery are divided into 2 parts by region, which looks practical and interesting. The menu is beautifully designed, in a restaurant format. Unfortunately, some photographs of food and drinks are missing, and the spaces with captions look bad. The footer succinctly indicates contacts and social icons, stylized to match the site design. Generally, good job in a style widespread in the West: neat, small fonts, many diagrams, contrasting color combinations, short descriptions. Nothing extra.

No. 11. Website of the leisure venue "Shishka-Lounge"

Shishka-lounge.com is a website of a Moscow establishment for organizing events. Banquets, meetings, get-togethers, music, food, etc. are available here to order and just like that. The design is simplistic and can be described as stylish and clean. There is almost no need to scroll: the information on the pages takes up a maximum of one and a half screens. The site has interactive forms for calculating the preliminary cost of banquets (done in uCalc, by the way) and on-site hookah services. You can download colorful presentations at PDF format. There is even a section with vacancies. The main menu is spiced up with animation, but it works slowly and is a little annoying, although it looks nice. The author's icons are of good quality. The business card is good, implemented in the spirit of metropolitan fashion, chic and minimalism in one bottle.

No. 12. Website of the driving school "Niva-2000"

Niva2000.ru is a colorful business card of a Moscow driving school, where they will teach you how to drive category B cars. The design is very suitable: gray, yellow, green and red colors. Road, traffic lights and road signs - the right associations arise with the profile of the project. The structure is complex, there are a lot of static pages. Various documents, instructions, terms of training and payment, news (there is a good blog), reviews, dozens of links to mentions in other resources - there is a lot here useful information. It is structured in a complex manner, and the design of the materials cannot be called simple. Lots of internal menus, links, banners, sliders, tables and more. There are forms for registering for driving, and the possibility of ordering call back. A powerful business card that takes advantage of many possibilities visual editor Wix.

Bottom line

Thus, we cannot but agree that Wix is ​​the right solution for those who strive to create a good, high-quality and easy-to-use website. You don't need to be an advanced web designer to bring this idea to life. You just need to get acquainted with this website builder and learn how to use it correctly to achieve your goals.

Wix has all the necessary tools to make the process of creating a website as simple, fast and effective as possible. Isn’t this what a modern result-oriented user needs?

Share