How To Change Template On Existing Wix Site

How To Apply the Wix Website Builder in 2022

Wix is one of the best website builders for small business organization owners and entrepreneurs. In fact, the Wix website builder ranks second in our Best Website Builder Review.

We gave Wix one of our highest ratings based on its ease of use. (For more details, read our full Wix Website Builder Review.) Yet, even extremely intuitive tools can sometimes seem a bit tricky in sure areas. That's why we created this tutorial to walk you through some of Wix's most common tasks plus several that may experience slightly more than complicated.

Prepare to start a Wix site? Check out our Wix Pricing and Plans Guide

If you haven't started building a website for your business organisation and desire a very unproblematic, step-by-pace tutorial to aid you lot get one up and running within a mean solar day, bank check out our How To Brand a Wix Website guide.

Terminal Updated: 2022-04-01

Signing Up With Wix

Creating an business relationship with Wix is like shooting fish in a barrel. But navigate to the Wix.com homepage and click on the "Get Started" push button. From there, you'll take the selection to log in or sign upwardly. Click on the "Sign Upwards" button.

You'll then need to enter and reenter your email address to ostend it besides equally create and confirm a countersign. You'll also take the option to sign in via your Facebook® or Google account.

Using Wix Templates

Wix templates provide users with premade website layouts. Wix offers quite a few of them, which makes information technology easy to discover ane that'll work for the kind of website you want to create.

Wix sorts its templates into five categories:

Business organisation & Services
Store
Creative
Community
Blog

Concern & Services templates feature designs that highlight a company's products and services.

Store templates help users found an ecommerce hub where customers tin select and purchase products.

Creative templates enable artists and illustrators to showcase their visual work in an bonny format.

Community templates encourage interaction among members past helping them find and share relevant content as well every bit join discussions on topic threads.

Blog templates provide infinite for users to publish articles about relevant topics.

Choosing a Wix Template

Once yous create a Wix account, the Wix website builder volition prompt y'all with a button to "Create New Site." Click on that button to get started.

The next page will prompt yous to cull which kind of website you want to create.

Choose the type of website that's well-nigh appropriate for your needs. Wix will and so present you with two options:

Let the Wix bogus pattern intelligence (ADI) tool create a website for you lot. If you choose this selection, you'll need to reply a few simple questions and automatically become a website designed for yous in only minutes.
Create your website with the Wix Editor. In this option, you'll start with a template and get in your own by using elevate-and-drop tools and thousands of design features.

Click on the second choice to choose a template. This'll open the "Selection the Website Template You Honey" page where you tin browse a broad variety of template options.

Yous too tin can search for a specific type of template on this page or choose from the options at the top of the screen, which lead to templates designed for specific types of businesses.

When you curlicue over each template option, two buttons will appear superimposed onto the image: "Edit" and "View." Click on the "View" push to open a preview of the template in a pocket-sized window.

At the lesser of this window, you'll find a "View Full Demo" link. Click on that link to open up a new tab that displays the full template. You can then run across how each part of that specific template looks and test its navigation.

Here are some fundamental questions to consider when choosing a template:

How many pictures and videos do you desire to incorporate?
What sections do you want included on the main navigation bar?
What happens to the menu bar when you curl down a page?
Practise you like the colour scheme, font, and layout? (Y'all can conform these aspects later, simply a template that already meets your needs in these areas volition make it faster and easier to create your website.)
Does the page layout come across your needs?
Does the style of the template reflect the image you want to projection?

When you find a template you lot like, click on the "Edit" button to start customizing it to meet your verbal needs.

Switching Templates

Once you lot choose a template in the Wix website builder, you can't change it to another template. But, Wix does let you to create several sites on the back end of its platform and reassign your domain to a new site. This mode, you lot can customize your new template without agonizing your live website.

Working With Wix Pages

Wix makes it easy to manage the pages on your website. When you edit a Wix template, you'll run into a "Pages" icon at the top of the right-hand toolbar. Clicking on this tab will open up a menu of options for controlling your site bill of fare, creating dynamic pages, and choosing page transitions.

The "Site Carte du jour" button controls the main navigation menu and the pages included on your website.

The "Dynamic Pages" button enables you to create a page that tin can modify its content while retaining its layout and design.

The "Page Transitions" button allows yous to control the visuals your site will brandish when visitors move between pages.

Adding, Deleting, and Moving Pages

Based on your specific business needs, yous can add together, delete, or move pages within your website.

Calculation a Page

To add together a page to your website, click on the "Pages" icon at the top of the correct-paw toolbar. A carte volition announced with a "+ Add Page" button at the lesser. Click on that button.

A pop-up window will then appear with a listing of pages, including one item labeled "New Page." When you click on this, a blank course will appear in which you tin enter the proper noun of the new folio. Type in that page name and click on the "Enter" push button. The new page's name will then automatically appear on your site's primary navigation carte adjacent to "Home."

Moving a Page

To move a folio in your principal navigation menu, click on the "Pages" icon at the height of the right-hand toolbar. Identify your cursor over the page y'all want to move, then click and drag information technology to the desired spot.

Deleting a Folio

To delete a page, click on the "Pages" icon at the top of the right-hand toolbar. Hover over the ellipsis ("...") push button side by side to the folio you want to delete, and so click on that push button. This'll open up a carte of options with "Delete" at the bottom of the listing.

Setting upward Wix Site Navigation

You can prepare your Wix website'southward navigation from the same carte du jour that provides options to create or delete a page. Starting time by clicking on the "Pages" icon at the top of the correct-hand toolbar.

Reordering a Navigation Menu

In the menu that appears after you click on the "Pages" icon, click and drag each particular until they appear in your desired gild. Your website'south master navigation toolbar will automatically update to reflect this new order.

Creating a Submenu or Subpage

To create a subpage, click on the "Pages" icon and and so click on the "+ Add together Folio" button. A new particular — chosen "New Folio" — volition then appear on the card. Click on this item and enter the name of the subpage you desire to create. Now, click on the ellipsis ("...") push button adjacent to that page and select "Subpage" from the list of options.

Your new page will automatically appear as a subpage of the page listed directly above it in your site's main navigation menu. To move it to another place, click and drag the subpage until information technology appears straight below the folio to which information technology relates.

Hiding a Menu Particular

In order to hide a carte item, click on the "Pages" icon at the summit of the right-hand toolbar. Hover over the folio yous want to hide, click on the ellipsis ("...") button next to it, and then select "Hide" from the list of options.

How to Apply Wix Content Manager

Wix'south Content Manager characteristic controls all the content that appears on your website. You can notice the icon for it at the bottom of the correct-hand toolbar. Using this feature, you can create collections and add content elements.

Creating Collections

Yous store your website'southward content inside various collections. The content you shop can include content you create, content yous collect from your site visitors, or both.

To create a collection, click on the "Content Director" icon at the bottom of the right-hand toolbar. This opens a "Contact Manager" carte where y'all'll run into a "Content Manager" button at the top. (Wix automatically highlights that button when yous click on the "Content Manager" icon.)

Click on the "Create New Drove" push button. The menu that opens next will prompt you to enter the proper noun of the new drove. Information technology'll so ask what this collection will include and provide a drop-downwardly menu with the following options:

Site Content
Form Submission
Member-Generated Content
Members-Only Content
Members-Only Form Submission
Private Data
Custom Use

Once you lot enter a name for your new collection and cull the blazon of content it'll include, a content dashboard will appear. From this dashboard, you tin can add together new items, command their appearance and placement on your website, and then push that collection of content live from the Sandbox test environment.

Calculation Content Elements

The second button on the "Content Managing director" card provides options for adding dissimilar content elements. Click on the "Add together Content Elements" button to open a menu of options.

The first option involves calculation a dynamic page template. This is a preset collection with pages for your content. Yous can choose to work with a blank template or employ i of the post-obit premade folio templates from Wix:

Team
Projects
News
Portfolio
Real Estate Listings
Recipes
Jobs
Courses
Services

Once you brand a choice, the Wix website builder volition open the dynamic page in a preset template you tin can and then edit to suit your needs.

Deleting a Drove

To delete a drove, click on the "Content Manager" icon at the bottom of the right-hand toolbar. Hover over the collection yous want to delete, click on the ellipsis ("...") button adjacent to it, and and so select "Remove Drove" from the listing of options.

Changing Backgrounds in Wix

Wix makes irresolute the background of your website easy. Yous tin control the color, photos, and videos that constitute your background direct from this website builder'due south principal toolbar.

Click on the "Background" icon in the right-hand toolbar, which appears second from the top. A menu with three options — "Colour," "Image," and "Video" — will then announced.

Select the "Color" option to open up the "Color Picker" tool. This tool allows you lot to cull either a "Theme Color" or a "Custom Color."

If you choose to utilise a photograph as your background, select the "Image" pick. This'll open up a dashboard that allows you to choose your preferred photo. You can either upload your own photo or pick 1 from the options available via Wix, Shutterstock, or Unsplash.

If you choose to use a video equally your background, select the "Video" option. This'll open a dashboard similar to the images dashboard, but without an Unsplash choice.

Clicking on the "Alter Background" push will adjust the background for the page you currently have open up in the Wix Editor. Y'all can extend the changes to all the pages of your website past selecting the "Utilize to Other Pages" button at the bottom of the dashboard screen.

Annotation: Endeavour to make your groundwork images at to the lowest degree 2,000 pixels wide past at least ane,000 pixels high to ensure they display clearly on all screen sizes.

Customizing Fonts in Wix

Wix allows y'all to change the font, size, and manner of all the text on your website with just a few clicks.

Irresolute Fonts in Headings and Body Text

To modify the font used in a heading or torso text on your Wix website, start by clicking on the text you want to edit. A box will so announced around the text with several buttons underneath. These buttons enable yous to edit or design that text, add animation to it, get assistance, or connect it to data through a link.

Click on the "Edit Text" push button to open a menu of options, including font fashion, font size, and font colour. You lot can then adjust these elements of the font, as desired.

Changing Fonts in "Content Template" Text

To change the font of text in boxes imported to your website via the "Content Template," first by clicking on the text you want to edit. A box volition then appear effectually that text with several buttons underneath. These buttons enable you to edit or design that text, add together animation to it, become aid, or connect it to data through a link.

Click on the "Design Text" button to open a carte du jour of options, including the font style, font size, and font colour. You can then adjust these elements of the font, as desired.

Adjusting Text Size and Style

To change the font appearance of any piece of text on your Wix website while leaving the site'southward overall font settings the aforementioned, start by clicking on the text you want to edit. A box volition and so appear around that text with several buttons underneath. These buttons enable you to edit that text, get text ideas, add together animation, get help, or connect that text to information through an embedded link.

To alter the properties of the lettering, click on the "Edit Text" button. Yous tin can add together movement with the "Blitheness" button besides as adjust the shape and size of the text box.

Changing the Width of a Piece of Text

To change the width of a piece of text, start by clicking on the text y'all desire to edit. A box volition then appear effectually that text. Click and drag the sides of the box to create your desired width.

Using Columns in Wix

Columns enable you to arrange information on your website in bonny, easy-to-read sections of text. Setting them upward in Wix is both unproblematic and quick.

Creating Columns

Click on the "Add together" icon — the tertiary pick — in the right-hand toolbar. This volition open up a menu to the right of the main toolbar from which you'll select the "Strips" option. You lot'll run into strips for specific types of information, similar your site'due south "Most" and "Contact" pages.

If yous don't want to create a column for one of the bachelor options, select the "Classic" option at the bottom of the list. You can so choose from solid white, solid black, and several photo backgrounds.

In one case you insert your strip into your web page, a "Change Strip Background" button will announced above it forth with v control icons. Click on the "Layout" icon, which appears second. This'll open a pop-up window from which you can add up to 5 columns and determine the text layout for each column.

Calculation Text in Columns

To add text in your columns, click on the "Add" icon in the right-hand toolbar. When the "Add" menu opens, select the "Text" selection. A listing of different types of text volition then appear to the left, including headings, paragraphs, and titles.

Click on the type of text you lot want to create, so elevate it to the column where yous desire it to announced. One time the text appears in that column, click on it to open up a menu with the "Edit Text" push button. When you click on this button, the Wix Editor will highlight that text and a cursor will appear. Yous can now type in your desired text.

Working With Images in Wix

Wix also makes information technology like shooting fish in a barrel to upload images to your website or find high-quality, royalty-gratuitous images through Shutterstock and Unsplash.

Advisedly consider the post-obit as you lot upload images to your Wix website:

Make certain you tin legally use the image — considering yous ain it, because it's a royalty-free image, or because you bought a license to use information technology on your website.
Make sure the image isn't then large that it slows downward your website. You can use tools like PicResize® to easily resize images.

Adding Single Images

To add a unmarried image with the Wix website builder, click on the "Add" icon in the right-paw toolbar. When the "Add" card opens, select the "Image" option. You can then select an image from your computer with the "My Uploads" tab; choose from Wix's collection of images, Illustrations, and stock photos with the "Image Collections" tab; or pull images from your social media accounts with the "My Social Images" tab.

Adding an Image Slideshow

To add an paradigm slideshow to your Wix website, click on the "Add" icon in the correct-mitt toolbar. When the "Add" menu opens, select the "Gallery" selection, and and so "Slider Gallery" from the list of items.

You tin can choose to add a slider gallery with arrows, a postcard slider, or a slider of sphere-shaped photos.

Calculation an Image Gallery

To add an image gallery to your Wix website, click on the "Add" icon in the correct-hand toolbar. When the "Add" menu opens, select the "Gallery" option. You'll then have the option to create the following types of image galleries:

Recommended
Pro Galleries
Filigree Galleries
Slider Galleries
Honeycomb*
Animated Slide*
Freestyle*
3D Carousel*

* Y'all'll find these options under the "More Galleries" tab.

Follow the prompts to create your new prototype gallery. When you're done, click on the "Save" push and the gallery volition automatically appear on your spider web folio. Y'all tin can then drag information technology to your preferred location on that page.

Deleting Images

To delete a single image, simply right-click on the image and click on the "Cut" button.

To delete an image within a Wix gallery, click on the gallery and then the "Change Images" tab. When you lot hover over the photo you want to remove, a trashcan icon will appear in the bottom-correct corner. Click on that icon to delete the photo.

Creating Links in Wix

To create links using the Wix website builder, you can either add a button to your site or add a hyperlink to its existing text.

Adding Buttons in Wix

Click on the "Add" icon in the right-hand toolbar. When the "Add" carte opens, select the "Button" option. Y'all'll and then take the option to add together the following types of buttons:

Themed
Text and Icon
Icon
Certificate
Upload
iTunes®
Wix Chat
Pay
PayPal®

Adding Text Links in Wix

To add a text link to your Wix website, click on the block of text where you want to embed the link followed by the "Edit Text" button. Highlight the words y'all want to contain the link, and then click on the "Link" icon at the far right of the adjacent-to-last row of editing options.

Calculation Favicons and Footers in Wix

You tin further dress upwards your folio with Favicons and footers.

Calculation a Favicon in Wix

Favicons — tiny paradigm icons that identify a website in an internet browser tab — appear when you save a website in your "Favorites" list or information technology joins your browser history page.

You can create a favicon with a tool like Favicon.io. It delivers a favicon in a ZIP file. Yous can and so open the favicon.ico file and apply information technology every bit your favicon.

To add together a favicon to your Wix website, start past clicking on the "Settings" choice in the toolbar at the top of the Wix Editor screen. This will open a menu from which you'll choose the "Favicon" button. You can then upload your favicon. (Note: You'll need to buy i of Wix'southward Premium website plans in guild to apply this feature.)

Calculation a Footer in Wix

To add a footer to your Wix website, click on the "Add" icon in the correct-hand toolbar. When the "Add" card opens, select the "Text" option to create a new text box. Next, drag that text box to the bottom of the web page and click on the "Move To Footer" pick that appears above the text box.

Undoing Your Edits in Wix

With the Wix website builder, it'south simple to undo any edits you lot make. The editing toolbar at the tiptop of the Wix Editor screen features two curved arrows. The one pointing to the left erases edits while the one pointing to the correct repeats them. To undo any modify you lot make to your Wix website, simply click on the "Undo" arrow.

The Wix website architect does have an autosave function that you can turn on or off, but it's a good idea to click on the "Save" push button periodically. You'll discover the "Salve" button in the toolbar at the superlative of the Wix Editor screen — it'south i of iii options on the far correct.