In this article, you will learn how to work with the e-shop editor. The e-shop creation tool is part of the Webnode website builder. This article provides a brief overview of the editor's features and includes links to more detailed information in our Help Center.
After selecting the type of website and a template, the website editor will immediately open. The editor has several basic controls:
1. The top bar contains the buttons for Products, Pages, Settings, and Publish.
Products
Clicking here takes you to product management. You can create new products, edit, or delete existing items. Detailed information about products can be found in the articles How to add a product and How to edit a product. In the Products window, you can also manage categories.
Pages
In this section, you can add or delete a page, move it, hide it from the menu, create subpages, and change advanced settings for individual pages.
Articles
This button appears only if you have a blog activated in the project. You can find more information about the blog in articles How to Add a blog or How to manage your blog.
Settings
Here, you can edit general website settings and manage domains, email accounts, invite collaborators to manage the website, create website backups, or set up multilingual versions.
Publish
Each time you edit your e-shop content, you need to publish the changes for them to be visible to your customers. Once published, the changes on the page cannot be undone.
2. The menu (the person icon) in the upper-right corner contains links to the following sections:
My projects: Here you will find a list of all the projects accessible in your account.
My account: In this section, you can edit your personal information, including your login email.
Purchased services and billing: Here you will find downloadable invoices and the status of currently used premium services.
Knowledgebase: This link takes you to the Help Center, where you currently are.
Get in touch: Use this form to contact our customer support, so we can quickly respond to your inquiry.
Log out: This button logs you out of your account. To ensure all changes in the editor are properly saved, it's best to log out with this option.
3. The header settings button (gear icon) allows you to change the header background, add effects, or customize the menu and additional panels.
4. The plus button (in a circle in the middle of the page) is for adding a new section to the website.
5. The section settings button (gear icon) lets you select a background image from the default options, add your own image, adjust the layout, or remove the section. You can move or copy sections following the instructions in How to move or copy a section.
6. The plus button (in a teardrop with a line pointing right) is for adding a new content block. Text and images can be edited by clicking or dragging with your mouse. Content blocks can be moved or copied according to the instructions in How to move or copy a content block.
7. The footer settings button (gear icon) allows you to change the background and adjust the layout of the footer.