• Structuring Your New Website

    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 that sketch turned into. Check it out and then follow the instructions to create your very own website from scratch!

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

     

  • Opening a Blank Website

    First you will need to open a blank website from the Create 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 website:

    1. Go to wix.com.
    2. From the top menu, click Create.
    3. From the left side of the Create page, click Blank Templates.

    A blank template opens in the Editor.

    On the left side of the Create page, you will see categories of different templates that we have set up for you. A template is a predeveloped 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.

    Get help from inside the Wix editor! Simply click on the    in the Wix editor to visit our Help Center.

  • Editing a Blank Website

    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!

    Staying Inside Your Site Border

    The white border in the Editor that surrounds your content is your site border. It is important to keep all of your content inside this page border. Anything outside of it will not be visible in Preview mode or on your live site.

    If your page is too small or too big, you can change the dimensions of the site or the way that users view your site in their browser.

    For more information about changing your site’s dimensions and viewing mode, click here.

    Managing Your Pages

    In your Editor on the right, you will see the Page Manager. There are two types of pages on your site: Master Pages and Pages. The Page Manager lists and organizes all of your Master Pages and Pages. To open up one of your pages and display it in your Editor, simply click on the page from the Page Manager on the right.

    Adding a Master Page

    To add a Master Page:

    In the Page Manager on the right of your Editor, click Add Master Page.

    A new Master Page is added to your site.

    Naming a Master Page

    To name a Master Page:

    1. From the Page Manager to the right of your Editor, roll over the Master Page and click the drop-down menu arrow.

    2. From the drop-down menu, click Rename.

    3. Type in a new Master Page name in the field.

    The name of your Master Page changes.

    Adding Pages

    Pages are a set of multiple pages that you can place inside a Master Page: they allow you to place a lot of content on just one Master Page. This allows for much smoother transitions when users navigate from Page to Page and gives your website a professional look and improved interface.

    Designing your site with Pages allows you to create a unique website where your background and menus remain static while the content changes within. This has the advantage of making your site transitions appear much smoother. A static background also allows you to play music continuously as people navigate your site.

    To add Pages:

    1. From the Page Manager to the right of your Editor, click Add Page.

    To add a set of three Pages or choose from different types of Pages, simply add a Page Group! To do so, on the left of the Editor, go to Add, then go to Page Parts. Click Page Groups and choose a style from the Page Groups gallery!

    2. Click a Page layout from the list that opens.

    You can preview the layout on the right of the Add Page window.

    3. In the Name your page field, type a name for your page.

    4. Click OK.

    A new Page appears on your site. Now you are ready to add content!

    If your Page is too small, you may have to enlarge it or add a new Page Group to use the Page layout feature. In addition, some templates don’t support the Page layout feature. To use it anyway, simply add a new Page Group (Add > Page Parts > Page Groups) and then follow the steps above.

    For more information about Pages, click here.

    Navigating Through Pages

    Navigating Master Pages and Pages can be done through the Page Manager - by simply clicking on the page from the Page Manager on the right.. In addition, you can also navigate your Pages by clicking on the left and right navigational arrows located on top of your selected Page.

    Adding an Item

    To the left of the Editor, you will find our Add Bar. You can use the Add Bar to add different items to your site. Each category in the Add Bar expands to display a menu of available items. Each item in the menu expands further into the different styles that are available for a selected item. For a detailed list of available items, see the Add Bar Index below. Explore the Add Bar by adding an item to your document.

    To add an item:

    1.Go to Add, then roll over a category in the Add Bar.

    2. From the menu that opens, click an item.

    3. From that item’s gallery, click a style.

    Your new item appears on your site.

    Editing an Item

    Once you add an item from the Add Bar to your site you will be able to fully customize it.

    Clicking on an item within your Editor activates that item’s property panel and displays it on the right of your Editor. Each item that you select will have a different set of available editable properties.

    You will also be able to resize, rotate and arrange an item within your site.

    Editing an Item by Using the Property Panel

    To edit an item by using the property panel:

    1. Click on the item.

    2. From the property panel that appears on the right of the Editor, click a property.

    3. From the property window that opens, edit the settings of that property.

    4. Click OK (if available) or the X to apply the changes.

    Your item’s property settings change.

    For further details about an individual item’s property panel, visit the pages listed in the Add Bar Index below.

    Resizing an Item

    To resize an item:

    1. Click on the item to select it.

    2. Click and hold a resize square and drag it into place.

    3. Repeat with the other resize squares.

    Your item’s size changes.

    Rotating an Item

    To rotate an item:

    1. Click on the item to select it.

    2. Click and hold the rotating arrow on the upper right corner of your item and drag it into place.

    Your item rotates.

    Arranging an Item

    To arrange an item:

    1. Click on the item to select it.

    2. From the top menu, click Arrange.

    3. From the Arrange menu, click an option.

    Your item moves backwards or forwards.

    Adding a Menu

    Now that you have added Master Pages and Pages, you can add menus so that users can easily navigate your website.

    Adding a Menu for Your Master Pages

    Your Master Pages menu will consist of buttons – one for each Master Page. A menu will allow your users to navigate your Master Pages.

    The names of your Master Pages will appear on the buttons of your menu. For this reason, we recommend naming your Master Pages before adding a menu.

     

    To add a menu for your Master Pages:

    1. From the left side of the Editor, go to Add and then go to Navigation.

    2. From Navigation, click Menus.

    3. From the Menus Gallery that opens, click on a menu to add it to your site.

    Your menu appears on your Master Page.

    For more information about Menus, click here.

    Adding a Menu for Your Pages

    Your Page menu will consist of buttons – one for each Page. A menu will allow your users to navigate your Pages.

    The names of your Pages will appear on the buttons of your menu. For this reason, we recommend Naming Your Pages before adding a menu.

     

    To add a menu for your Pages:

    1. Click the Pages to select them.

    2. On the right, from the Page Group property panel, click Add Menu.

    3. From the Menus Gallery that opens, click on a menu to add it to your site.

    Your menu appears below your Pages.

    You can find more information about Pages here.
    For more information about Menus, click here.

    Adding Backgrounds

    You can replace the browser background and add Master Page and Page backgrounds. Choose background colors or pictures that will match your website’s theme and content.

    Adding a Page Background

    Once you have added Pages to your site, you can add backgrounds to them.

    To add a Page background:

    1. Click on the Page to select it.

    2. On the right, from the Page Group property panel, click Skins.

    3. From the Skins window, click a skin.

    Your Page background changes.

    For more information about Pages, click here.

    Adding a Master Page Background

    You can also add a background to your Master Page.

    To add a Master Page background:

    1. From the left of the Editor, go to Background, click Master Page.

    2. From the Background Gallery, browse through the backgrounds.

    3. Click a background to select it.

    Your Master Page background changes.

    For more information about backgrounds, click here.

    Replacing Your Browser Background

    To replace your browser background:

    1. From the left of the Editor, go to Background, click Site.

    2. From the Fill Picker that opens, click a new color. Click Close then click OK.

    Your browser background changes.

    Tip: If you know the HTML# of your color you can type it directly into the box.

    For more information on Editor Settings, click here.

    Adding Text

    Adding a Title

    To add a title to your website:

    1. From the left side of the Editor, go to Add and then go to Text, click Titles.

    2. From the Titles Gallery, click a title style.

    3. Double-click inside the title box that appears in your Editor to edit the text.

    4. Delete the highlighted text and type in your own.

    A title is added to your website.

    The larger the font is for your Titles, the better it is for your SEO. For more information about SEO, click here.

    Adding a Paragraph

    To add a paragraph to your website:

    1. From the left side of the Editor, go to Add and then go to Text, click Paragraphs.

    2. From the Paragraphs Gallery, click a paragraph style.

    3. Double-click inside the paragraph box that appears in your Editor to edit the text.

    4. Delete the highlighted text and type in your own.

    A paragraph is added to your website.

    Adding Pictures

    You can easily add pictures to your website! You can add stand-alone pictures and you can add pictures to a Picture Gallery. Follow the instructions below to learn how to do both.

    Adding an Individual Picture

    To add an individual picture:

    1. From the left side of the Editor, go to Add, click Pics.

    2. From the Pics Gallery, select Wix, Community, or My Pics and search for your picture.

    3. Click on your picture.

    Your picture opens in the Wix Editor.

    Adding Pictures to a Picture Gallery

    To add pictures to a picture gallery:

    1. From the left side of the Editor, go to Add and then go to Galleries, click a gallery type.

    2. From the window that opens, click a Gallery Style.

    3. On the right, from the Gallery property panel, click Manage.

    4. From the Manage Photos window, click Delete All.

    5. From the confirmation box that appears, click Yes.

    6. From the Manage Photos window, click Add Photo.

    7. From the Pics window, browse through the pictures or upload your own.

    8. Click on the pictures to add them to your gallery.

    9. When you are finished, click the X.

    10. From the Manage Photos window, click OK.

    Pictures fill in your new picture gallery.

    For more information on Picture Galleries, click here.

    Add Bar Index

    All of our items are categorized and easy to find. Below you will find a list of the items available to you. For further details and tutorials about the different items, click on the links within the list.

    Our items include:

    Text: add Titles and Paragraphs

    Pics: add pictures from Wix, the Community or upload your own!

    Galleries: add various styles of photo galleries to your site.

    Music & Video: add music and video to your site!

    Clip Art: add Shapes, Clip Art, Lines, Video Effects, Animations and Icons to your site.

    Page Parts: this category includes features that make your website more dynamic. Features include: Areas and Page Groups.

    Navigation: add Menus, Buttons and Controllers.

    Widgets: add RSS feeds, enable Comments, add Contact Forms, Google Maps and HTML code to you site.

    eCommerce: add eCommerce features to your site! These include PayPal Buttons and an Online Store*!

    *The Online Store is an eCommerce Premium package feature. You can try it out for free in the Wix Editor but to start selling you'll need to upgrade to the Wix eCommerce package. For upgrading instructions, click here.

  • Publishing Your Site

    Now that you have designed your website, you are ready to publish and view it 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.

    You will only have to publish your site once. Once you have published your site, you only need to click on Save and your site will be updated automatically.

    Previewing Your Site

    To preview your site, click Preview from the top menu of the Editor.

    You will now be able to browse through your site as if it is online.

    To go back to your Editor, click Back to Editing from the top of the Preview screen.

    Saving Your Site

    Save your site often to make sure that you don’t lose any updates! The first time that you save you will have to name your site. The site name appears in the free Wix URL so be sure to choose an appropriate name. Once your site has a name, you will only have to click Save to save your changes.

    To save your site:

    1. From the top menu of the Editor, click Save.

    2. In the Save As box, type in a name for your Wix site.

    3. Click OK.

    Your Wix is now saved.

    Publishing Your Site

    To publish your site:

    1. From the top menu of the Editor, click Publish.

    2. From the Publish window, click Publish.

    3. From the Congratulations window, click Go next to your site address.

    Your site now appears online.

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

        Remove the Wix ads from your site

        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 Flash website - that means free, you can upload your pictures 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, use your own domain or add an Online Store, then 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 packages, check out our page here.

    To upgrade your site:

    1. From the top menu 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.

    Your upgrade features are now fully functional!