Creating a Website with Wix

Wix is one of many online websites that allow users to create free websites without knowing HTML. Not only is there interface simple to use, even for complete beginners, the templates they offer are streamlined, easy to modify, and aesthetically attractive. Wix uses HTML5 which means the websites show up easily across different devices. Creating a website is simple – just add the content you want and drag and drop it to where you want it to appear. Though Wix has its downfalls, like the inability to collaborate on websites, the advantages far make up for them.

jQuery UI Tabs - Default functionality
1. Go to www.wix.com and click “Start Now” to create your user account.
2. Enter your email and a password and make sure “I’m a new user” is selected.
3. Click “Go.”
4. Follow the steps on the next page, including typing your email address again and typing your password again.
5. Click “Sign Up.”

1. Go to www.wix.com and click on "My Account" at the top of your screen.
2. Click on "Settings" under "My Account."
3. This will bring up a box, change the username to something applicable to the website you will be designing, as the username will appear in the URL of the website.
4. Type your password under "Verify Password."
5. Click "Update Personal Details."
6. Click "Close."

1. To create a new website, click on “Templates” at the top of the screen.
2. Choose the template you would like.
    a) If you would like a less developed template, click on “Blank Templates” in the left-hand column, then choose the template you like. A new page will appear.
3. On the left is a column with options; on the right is a preview of the template you chose. Using the left hand column, you can change the style/colors of the template.
4. Once you find one you like, select “Edit This Site.” (Note: these colors can be changed later on.)

Once in the edit mode of your site, making changes to your site is very simple. Becoming familiar with the layout of the edit mode will ensure that this process is fast and easy.
1. On the left side of the edit mode window is five icons. Each of these icons allows you to add content or make changes to your site. The buttons, in order, are: Pages, Design, Add, Settings, App Market.
2. The "Pages" icon provides options to add and edit pages.
3. The "Design" icon provides options to change the background, colors, and fonts of your website.
4. The "Add" icon provides options to add different content to your website including text boxes, pictures, audio files, and more.
5. The "Settings" icon provides options to change specific settings of your website including the URL of your website and search/statistics options.
6. The "App Market" icon provides options to add widgets to your site.

1. Click on the top icon “Pages” on the left.
2. Change a page’s name and other settings by placing your mouse over the page and clicking on the gear icon. This will bring up settings that will allow you to change the page name (as it will appear on the menu bar), page address (the URL for the page), and other settings. Once finished, click “Done.”
3. To add a page, click on “+ Add Page.” Choose the layout and the name of your page.
    a) If you would like this page to appear as a subpage (meaning, it will come up as a page under another one of your main pages), click on “Add as sub page.” When finished, click “OK.”
4. To delete a page, click on the gear button next to the page’s name, at the top right, click on the red text “Delete.” Confirm that you wish to delete the page by clicking on “Delete” again.
5. Reorder pages by dragging and dropping the pages. If you wish to make a page a subpage, drag a page towards the right.
6. To make any page your home page, click on the gear button next to the page’s name and then “Set as homepage” then click “Done.”

1. To change the style of your website, click on the second icon on the left, the paint brush, for "Design."
2. From here, you can change the background, colors, and fonts of your website.
    a) To change the background, click on "Background." From here you can choose one of the backgrounds Wix offers or upload your own background. Clicking on "Upload & Customize Background" will provide you with the option to upload your background and change other settings like image scaling and position.
    b) To change the colors of your website, click on "Colors." Choose one of the pre-made color palettes or click on "Customize Palette" to create your own.
    c) To change the fonts of your website, click on "Fonts." Choose one of the pre-made font groups or click "Customize Fonts" to create your own.
3. While changing any of these settings, if you don't like the change you made, you can discard by clicking on "Discard Changes." This will set it back to your most recent settings before you made the change.

1. Add other content like videos, images, more text, etc. by using the 3rd button, “+ Add.” Click on whichever item you would like to add, and then the type of item. Images, documents, and audio clips can be uploaded to your Wix account. Once you add any content, you can move it around by dragging and dropping.
2. If you add an image, a default image will appear. To change the image, click on the image and then click “Change Image.” Upload your own image by clicking on “Upload Image” at the top right corner. Once you select the image you would like, click “Change Image.” Change other settings such as fit and alternative text by clicking on the picture then “Settings.” To change the style of the image, click on the image and then choose “Change Style.”
3. If you add a video, click on the video and then “Settings.” Videos will need to be hosted elsewhere (YouTube or Vimeo). Once your video is uploaded elsewhere, use the URL of the video and paste it in the settings under “Video URL.” Under settings, you can also change other settings such as the control bar, autoplay, loop, etc.
4. You can upload a document that would then download to a user’s computer. To add a document, click on “Media” then “Document.” Click on the document that appears to choose the document. You’ll need to upload the document to your Wix account; do so by clicking on “Upload Documents” in the top right hand corner. Change the icon by clicking on the document icon and then “Change Icon.” Change the title by clicking on the document icon then “Settings;” change the title under “Title.”
5. All other content is edited in the same manner – by clicking on the content and then clicking on settings.
6. To make content appear in your header, drag and drop it to the header on your website. This will also make it consistently appear on all pages.
7. To make content not in your header appear on all pages, click on the content, then “Show on all pages.”

1. Add widgets by clicking on the fifth icon on the left, "App Market."
2. Scroll through the list of apps that Wix offers.
3. To find out more information about an app, click on that app. A new window will appear with more information about the app.
4. Once you find an app that you would like to add, click on the app, then click on "Add to site."
5. Move the widget into place by dragging and dropping it to where you would like it.
6. Change the settings of the app by clicking on the app, then clicking on "App Settings."
7. Delete the app by clicking on the app and clicking on the trash can button that appears or by using your keyboard's "Delete" button.

If you would like to add a widget or feature that isn't available in the app market, you can use any app that provides an html embed code. To do this:
1. Click on the "App Market" button on the left.
2. Using the search option, search for "HTML iFrame."
3. Find the HTML iFrame/Embed app, and click "Add to site."
4. Click on the widget box that appears on your site, then click "Settings."
5. Change "Mode" to "HTML Code."
6. Copy and paste the embed code into the text box.
7. Click "Update."
8. Click the "x" button at the top of the HTML Settings box when you are finished.

Blog: 
Comments should appear here if you have Javascript enabled.