<\/div>\n<\/div>\n
Choosing Your Website Type<\/h4>\n Next, Wix will ask what type of website you\u2019d like to create.<\/p>\n
For this tutorial, we\u2019re setting up a website for a furniture store. Wix offers a wide variety of designs, and don\u2019t worry \u2013 if you change your mind about a design, it\u2019s simple to go back and choose another one.<\/p>\n<\/span><\/span><\/figure>\nSetting Up Your Store on Wix<\/h4>\n After choosing your website type, Wix will ask you several questions about your business. While some questions might be more pertinent than others, it\u2019s good to answer them all to tailor your site effectively. <\/p>\n
Once you\u2019ve completed this step, click \u2018Continue<\/strong>\u2018 to move forward.<\/p>\n<\/span><\/span><\/figure>\nSelecting and Customizing a Template<\/h4>\n Once you\u2019re set, you can navigate to \u2018Design Site<\/strong>\u2018 > \u2018Pick a Template<\/strong>\u2018. Wix offers a diverse range of templates to choose from. <\/p>\nFind one that catches your eye and click \u2018Edit<\/strong>\u2018 to start customizing it to your needs.<\/p>\n<\/span><\/span><\/figure>\n\n
<\/i><\/div>\nEditing a template<\/div>\n
<\/div>\n<\/div>\n
Navigating the Website Builder Dashboard<\/h4>\n Once you\u2019ve selected a template, you\u2019ll be taken to your website builder dashboard. On the left-hand side, you\u2019ll find the primary navigation menu. This is where you can add elements, create new pages, and design your website. <\/p>\n
You also have the option to integrate apps and include more business information as needed.<\/p>\n<\/span><\/span><\/figure>\n\n
<\/i><\/div>\nWix\u2019s website builder dashboard<\/div>\n
<\/div>\n<\/div>\n
Editing the Website Header<\/h4>\n Let\u2019s explore the default layout Wix provides. The header at the top serves as a key navigation tool, making it easy for visitors to move between different pages and sections. To learn more about each section, hover over it, and Wix will display its name, helping you identify areas to edit.<\/p>\n<\/span><\/span><\/figure>\n\n
<\/i><\/div>\nHeader section<\/div>\n
<\/div>\n<\/div>\n
As we scroll down, we notice several elements Wix has set up: a large image, an About section, a gallery, client testimonials, and a \u2018Get in Touch<\/strong>\u2018 form. Each plays a vital role in engaging visitors.<\/p>\n<\/span><\/span><\/figure>\n\n
<\/i><\/div>\nWebsite\u2019s large image section<\/div>\n
<\/div>\n<\/div>\n
<\/span><\/span><\/figure>\n\n
<\/i><\/div>\n\u2018About\u2019 section<\/div>\n
<\/div>\n<\/div>\n
<\/span><\/span><\/figure>\n\n
<\/i><\/div>\nGallery section<\/div>\n
<\/div>\n<\/div>\n
<\/span><\/span><\/figure>\n\n
<\/i><\/div>\nTestimonials section<\/div>\n
<\/div>\n<\/div>\n
<\/span><\/span><\/figure>\n\n
<\/i><\/div>\n\u2018Get in touch\u2019 section<\/div>\n
<\/div>\n<\/div>\n
The footer, found at the bottom of the page, will be edited later.<\/p>\n<\/span><\/span><\/figure>\n\n
<\/i><\/div>\nFooter section<\/div>\n
<\/div>\n<\/div>\n
We\u2019ll start editing from the top, beginning with the header, where I\u2019ll select \u2018Quick Edit<\/strong>\u2018 to make adjustments.<\/p>\n<\/span><\/span><\/figure>\nManaging the Website Menu<\/h4>\n Next, click on \u2018Manage Menu<\/strong>\u2018 to decide which pages will appear on your website.<\/p>\n<\/span><\/span><\/figure>\nTo modify a page or section, hover over the three arrows next to any menu item. Here, you can rename, delete, or temporarily hide a page while it\u2019s under construction or if you\u2019re not ready to publish it yet.<\/p>\n<\/span><\/span><\/figure>\nFinally, I\u2019ll add an additional page to my website. By clicking \u2018Add Menu Item<\/strong>\u2018, I can choose and name a new page to include.<\/p>\n<\/span><\/span><\/figure>\n\n
<\/i><\/div>\nAdd Menu Item to page<\/div>\n
<\/div>\n<\/div>\n
Adding New Pages and Templates<\/h4>\n Wix offers various templates for new pages, though more design options will become available as we build the page. For now, I\u2019ll start with a \u2018Blank Page<\/strong>\u2018.<\/p>\n<\/span><\/span><\/figure>\n\n
<\/i><\/div>\nAdd a new page<\/div>\n
<\/div>\n<\/div>\n
After selecting a blank page, I can name it. For this example, I\u2019ll prepare to create a gallery, naming the page \u2018Gallery<\/strong>\u2018.<\/p>\n<\/span><\/span><\/figure>\n<\/span><\/span><\/figure>\nTo rearrange your site\u2019s menu, just drag and drop the pages into your desired order. Once finished, click the home button to return to the main site and continue editing. Close the editor by pressing \u2018X<\/strong>\u2018.<\/p>\n<\/span><\/span><\/figure>\nLet\u2019s go back to refining our header. Hover over any icon, and Wix will indicate its function. For instance, if there\u2019s a \u2018Call Us<\/strong>\u2018 icon that\u2019s not needed, right-click and select \u2018Delete<\/strong>\u2018.<\/p>\n<\/span><\/span><\/figure>\nThe header appears on every page, but its behavior can be adjusted. By clicking the settings on the right-hand side and selecting \u2018Header Scroll Behavior<\/strong>\u2018, you can decide if the header should scroll with the page, remain fixed, disappear, or fade out.<\/p>\n<\/span><\/span><\/figure>\n<\/span><\/span><\/figure>\n\n
<\/i><\/div>\nHeader scroll behavior options<\/div>\n
<\/div>\n<\/div>\n
Customizing the Header and Adding Logos<\/h4>\n I\u2019m going to add a logo to my header to ensure it appears consistently across all pages of my website. Since there isn\u2019t a pre-existing option to edit for this, I\u2019ll go to the left-hand side navigation bar and choose \u2018Add Elements<\/strong>\u2018.<\/p>\n<\/span><\/span><\/figure>\nNext, I\u2019ll select \u2018Image<\/strong>\u2018. Wix offers multiple methods to upload images: directly from your computer, importing from social media or Google, using AI to create an image<\/a>, or choosing from a vast collection of free images and illustrations<\/a>.<\/p>\n<\/span><\/span><\/figure>\nFor this tutorial, I\u2019m adding a pre-designed logo from my computer. If you don\u2019t have a logo yet, Wix provides tools to help you create one directly within the platform.<\/p>\n<\/span><\/span><\/figure>\nEditing and Positioning Images<\/h4>\n To add my logo, I\u2019ll navigate back to the top of the page and choose \u2018Upload Images<\/strong>\u2018 to select my logo file from my computer.<\/p>\n<\/span><\/span><\/figure>\nOnce uploaded, click \u2018Add to Page<\/strong>\u2018.<\/p>\n<\/span><\/span><\/figure>\nYou can then drag and drop the logo to your desired location. Remember, anything added to your header will show on every page of your website. You can also easily adjust the size of the image directly.<\/p>\n<\/span><\/span><\/figure>\nIf you need to make further adjustments, select \u2018Edit Image<\/strong>\u2018 for more editing options, or change the image entirely if necessary.<\/p>\nWorking with Text and Styles<\/h4>\n Let\u2019s move on to the welcome section. If you\u2019d like to change the background here, click \u2018Change Background<\/strong>\u2018.<\/p>\n<\/span><\/span><\/figure>\nYou can choose from the backgrounds Wix offers or upload your own, using the same process we used to upload the logo.<\/p>\n<\/span><\/span><\/figure>\nNext, let\u2019s edit the text. Click on the text Wix has provided and select \u2018