Wix Help Center

    Creating a Site From a Blank Template

    Tutorial

    Already have a unique design in mind? Start creating your site from scratch with one of our blank templates!

    Structuring Your New Site

    Before starting a website, set a goal for it. What are you trying to achieve with your site (e.g. a lot of traffic, increased sales, increased awareness)? Once you have a goal in mind, search the web for ideas about what you want your site to look like. Use a pen and paper to roughly sketch a map out of your site.

    Below is an example of a mapped sketch for one of our templates followed by the template that sketch turned into. Check it out and then follow the instructions to create your very own website from scratch!

    You can find more information about header, page and footer here.

    Click on the menu buttons below to explore the finished site!

    Opening a Blank Site

    To create your site, first you will need to open a blank website from the Templates section of the Wix website.

    You may also build a website by using one of our templates. Click  here for more information on building a website with a template.

    To open a blank site:

    1. Go to Wix.com.
    2. From the top menu, click Templates.
    3. From the left side of the Templates page, click Blank Templates.
    4. Under the blank template of your choice, click Edit.

    A blank website opens in the Editor.

    On the left side of the Templates page, you will see categories of different templates that we have set up for you. A template is a pre-developed website layout. Our templates are a great way for users to get started. If you would like to create a site from a template instead of from scratch, click here for more information.

    Once you have opened a blank site in the Editor, you can begin to add your content into it. The Wix Editor provides you with the tools that you need to create a great site!

    Organizing Pages

    On the left side of your Editor, you will see an icon that looks like a page. Clicking on this icon opens a list of all of your site pages and allows you to add more pages. From Pages you can also reorder your pages and navigate through them. In the settings window of each page, you can name, hide, duplicate, delete and set the SEO settings of your site pages.

    Adding Pages

    Add more pages to your site from Pages.

    To add a page:

    1. From the left side of the Editor, click the page icon to open Pages.
    2. From the bottom right of Pages, click Add Page.
    3. From the list that opens, click a Page Layout.

    4. From the bottom of the Page Layout window, type a title for your page in the Page Name field.
    5. Click Done.

    For more information about Pages, click here.

    Navigating Through Pages

    To navigate through your site pages, simply click on the page icon on the left side of the Editor to open Pages. Click on a page title in the list to navigate between your pages.

    You can also navigate easily by choosing a page from the drop down menu next to Page: at the top left of your Editor.

    Adding a Menu

    Add a menu to your site from the Buttons & Menus section of Add so that your visitors can easily navigate your site.

    To add a menu:

    1. From the left side of the Editor, click the Add icon.
    2. From Add, click Buttons & Menus.
    3. Click Menu.

    To change the text on your menu buttons, from the left side of the Editor, click the page icon to go to Pages. Roll over your page and click on the settings icon that appears to the right. From Settings and SEO, under Page Name, type your page title in the field. The Page Name will be reflected in that page’s menu button.

    For more information about menus, click  here.

    Adding Content to Your Site

    Your site is made up of three parts – the body of your page, your header and your footer. Check out our interactive tutorial below for more information about the three parts.

    You can add new elements to your site by clicking the Add icon from the left side of the Editor. There are many different elements to choose from. Once you have clicked on an element in the Add section, it will be added to the page of your site that you are currently on (see Navigating Through Pages section above). You will then be able to customize the element from its Settings window, and drag and drop it onto your page.

    To add elements to the header and footer of your site, you will first have to set the elements to show on all of your pages. To do so, click on the element to open its Settings and check the box at the bottom next to Show on all pages, then drag and drop the element onto the header or footer.

    To add an element:

    1. From the left side of the Editor, click the Add icon.
    2. From Add, click a category and then click an element.

    3. From the Settings window, customize the element.
    4. Click outside of the element to close Settings.

    To return to Add, click Back to Add from the top of the Buttons window.
    To close Add, click X from the top right.

    Adding Text

    You can add text to your site by clicking the Add icon in your Editor and choosing one of the Text box options.

    To add text:

    1. From the left side of the Editor, click the Add icon.
    2. From Add, click Text.

    3. Click Title or Paragraph. A text box appears.
    4. From Text Settings, click Edit Text or double-click the text box.
    5. Type your text into the text box and format your text from the text editor bar.

    6. Click outside of the text box to close the text editor bar.

    For more information about Text, click  here.

    Adding a Social Bar

    You can add a Social Bar to your site to connect your visitors to all of your social media.

    To add a Social Bar:

    1. From the left side of the Editor, click the Add icon.
    2. From Add, click Social. Click Social Bar.

    3. From Social Bar Settings, click Organize Icons.
    4. From the left of Organize Icons, click an icon.

    5. From the right of Organize Icons, under Link to, click inside the field.
    6. From Link to Web Address, type the URL for your social site.
    7. Click the dial next to Open in new window or Open in same window. Click OK.
    8. Repeat Steps 4 through 8 for all of your icons.
    9. From Organize Social Icons, click OK.
    10. Click outside of the Social Bar to close Social Bar Settings.

    For more information about the Social Bar, click here.

    Adding Images

    Add an image to your site.

    To add an image:

    1. From the left side of the Editor, click the Add icon.
    2. From Add, click Image.
    3. From Image, click one of the image options.
    4. From Image Settings, click Change Image.

    5. From the Image Gallery, click an image and then click OK.
    6. Click outside of the image to close Image Settings.

    For more information about images, click  here.

    Adding a Contact Form

    Add a contact form to your site so that your site visitors can contact you.

    To add a contact form:

    1. From the left side of the Editor, click the market to open Wix App Market.
    2. From Wix App Market, click Forms. Click Contact Form.
    3. From Wix Contact Form, click Add to site.

    Feel free to try other contact forms from the App Market!

    4. From Contact Form Settings, under Email To, type the email that your site visitors will contact when filling in the form.

    5. Under Email BCC, type an email that will be blind-copied when your visitors fill in the form.
    6. Click outside of the contact form to close Contact Form Settings.

    For more information about contact forms, click here.

    Designing Your Site

    The Design section of the Editor allows you to customize the background, colors and fonts of your entire site. You can choose from a selection of styles or customize any style to create your own!

    You can also change the style of your elements in your Wix Site. Check out the video below to see how: 

    Choosing a Site Background

    Change the site background of your template by choosing a site background from our collection.

    To choose a background:

    1. From the left toolbar, click the paintbrush icon to open Design.
    2. From Design, click Background.

    3. From Background, click one of our ready-to-use backgrounds.

    Your background changes.

     For more information about your site background, click  here.

    Changing Your Site Colors

    You can change the colors of your site by going to the Colors section of Design and choosing a color palette for your site. If you don't like any of the colors in your palette, customize it to make it your own! Your color palette determines the color scheme that's available for the different areas of your site. Once you have set up your color palette, change the colors of your elements from the Change Style section of the element's Settings.

    To change your site colors:

    1. From the left side of the Editor, click the paintbrush icon to open Design.
    2. From Design, click Colors.

    3. From Colors, click a color palette.

    Your site colors change.

    To return to Design, click Back to Design from the top of the Colors window.
    To close Design, click X from the top right.

    For more information about choosing site colors, click here.

    Choosing Your Font Scheme

    Change your template fonts easily by going to the Fonts section of Design.

    To choose your font scheme:

    1. From the left side of the Editor, click the paintbrush icon to open Design.
    2. From Design, click Fonts.

    3. From Site Fonts, click a font style.

    Your font scheme changes.

    For more information about choosing a font scheme, click  here.

    Publishing Your Site

    Now that you have edited your template and made it your own, you are ready to publish and view your website online! You will have to save your site before you can publish it. You can also preview your site to make sure that it looks the way that you want it to.

    Previewing Your Site

    You can preview your site and going into Preview Mode. In Preview Mode, you can browse through your site as if it is online.

    To go into the Preview Mode of your site, click Preview from the top of the Editor.

    To go back to your Editor, click Back to Editor from the top left of Preview Mode.

    Saving Your Site

    You can save your site and continue working on it at a different time. You can access your saved sites from My Sites in Wix.com

    To save your site, you will first have to name it. The name of your site will be a part of your free Wix URL.

    To save your site:

    1. From the top of the Editor, click Save.
    2. From the window that opens, type a name for your site in the field.
    3. Click Save.

    Publishing Your Site

    When you are ready for your site to appear online, click Publish! Your new live site will appear on your free Wix URL.

    To publish your site to your own domain, you will have to upgrade your account and purchase a domain. For more information on purchasing a domain, click here.

    To publish your site:

    1. From the top of the Editor, click Publish.
    2. If you haven’t saved your site, type a site name in the field and click Save.
    3. Click Publish Your Site Now.
    4. Optional: Checkmark the box next to Make my site available to Search Engines and fill in the Title, Keywords and Description fields.
    5. Click Publish Now.

    Remove the Wix ads and connect your own domain by clicking Upgrade Now and purchasing one of our Premium packages.

    There are many ways to enhance your published site. Check out the links below for more details:

    Connect your own domain to your Wix site

    Add your own favicon to your site

    Learn how to improve your site’s standing in search engines

    Use Google Analytics to track your users

    Upgrading Your Site

    At Wix, you can create a free website - that means free, you can upload your images at no cost, design it however you like and publish it. The structure of a free Wix URL is: username.wix.com/sitename.

    If you would like to remove the Wix ads in the footer and tags or use your own domain, you can upgrade your account and pay for a monthly or yearly contract. You can do that at anytime - you can start out free and get a premium account later, or you can stay with a free site.

    For more information about our different plans, check out our page here.

    To upgrade your site:

    1. From the top of the Editor, click Upgrade.
    2. Underneath the package of your choice, click to select it.
    3. Click Buy Now and follow the prompts to complete your purchase.