Get Started With Wix for Homepage Residents

From MoHA Wiki

Purpose

Welcome to my Homepage residents can use this guide to help log in and use the residency Wix site.

Getting Started

  1. Follow the collaborator link to the Wix site.
  2. Log in. Make a new account if necessary.
    Log in window
  3. The My Sites dashboard displays all the Homepage sites. At the top, find a blank template with your name. In this example, “Upcoming-name” is the blank template.
    Template page
  4. Hover over your template and click Select & Edit Site.
    Select & edit site button
  5. At the top right, click Site Actions > Edit Site.
    Site action, edit site.

Wix Basics

  • When you open the template, it should look like this:
    Base template page view.
  • At the top left, a pull-down tab lists all the site’s pages. Each site comes with two pre-built pages:
    • About
    • Guest Room View
      • You can add as many pages as you like.
    Site page view.
  • At the left, this sidebar is the easiest way to navigate through your site. Use this sidebar to:
    Left sidebar.
    • Access your pages
    • Create new pages
    • Add and edit images
    • Add and edit videos and other content
    • Add and edit text
    • and more!
      Site menu.
      Page background.
      Gallery.
  • Use the sidebar on the right to fine-tune items. For example, you can easily copy/duplicate objects and resize or reposition them. It’s very helpful for centering things evenly.
    Right sidebar.

Using Wix Tools

Images

Let’s play with what we can do so far. In the screenshot below, when I click on the plant, several buttons appear. You can:

  • Change the image
  • Add a frame
  • Edit the settings
  • Crop the image
  • Add filters
  • Add a link
  • and more!
    Image edit bar.

When you move and/or stretch an image, guidelines appear. These help you center the image and understand its location on the screen.

Placing images on site.

Text

Now let’s move on to editing text. To change anything, such as fonts or other text effects, click on the text box and then Edit Text.

  • Edit text bar.
    Text settings.
    Font selector.
    Effects editor.

The Wix text editor functions similarly to a Word document. You can even add your own fonts if you want.

Tip:

  • Sometimes, you must highlight the text in the box and then make changes.
    • For example, if you are trying to change formatting after writing, first you must highlight the text.
      Animate text.
  • To add dynamic animations, when you select an asset, click the Animation icon. You can add animation to all assets, not just text.
    • Choose animation.

Add a New Page

Adding a new page is easy!

  1. On the left sidebar, click the top button. The Site Menu displays.
    Add page.
  2. At the bottom of the Site Menu, click + Add Page. A menu of options pops up.
  3. Select a pre-made template to customize (the Gallery and About templates might be helpful to try) or start from a blank page.
    Template selection 1.
    Template selection 2.
  4. I’m going to add a blank page so I have a space to play around with for this demo. I’ll name it “media page.”
    New page.
    Sub pages.
  5. You can add as many pages and subpages as you want.

Adding Media

Adding Images

Let’s start by adding images on our media page.

  1. On the left sidebar, click the “Plus” icon > Images > My Image Uploads.
    My image uploads.
  2. All the uploaded files to the Wix account display. It might be helpful to organize your uploads into a folder like some of our past residents have done.
    All uploaded images in gallery.
  3. To add your own files, click + Upload Media.
    • You can upload from a variety of sources such as Google Drive, Dropbox, or your desktop. Most file types are supported.
    • You can upload more than one file at once by using Ctrl or Shift key (Mac or PC).
    Drag and drop files.
    Upload from online source.
  4. Your uploaded files display at the top of the library. Select a file to perform simple editing, such as cropping or color correction.
    Simple image formatting.

Adding Video & Music

For video uploads, you can:

  • Upload a file, Wix has a built-in player
  • Insert from YouTube, Vimeo, etc
    Add video or music page.
  1. On the left sidebar, click the “Plus” icon > Video & Music.
  2. Select video. Wix adds a generic video to your page. Click on it, and a menu displays.
  3. Under Video Settings, select the video source.
    • You can also change options like looping and autoplay.
    Video player.
    'Video settings.
  4. You can add music links in the same way.
  5. In the screenshot below, I zoomed out to get an overview of how my page is coming :)
    Whole page view.

Links

In the screenshot above, I’m going to take the thumbs-up cat and link it to the home page.

  1. Select the object you want to link and click the Link button. A pop-up menu appears.
    • Note: For text, highlight the word(s) you want to link and click the Link button inside the editor.
    Link button.
  2. Select Page, then select the page in your site to link to. You can also connect to other websites like a portfolio, an email address, or a link can be made to go back up to the top of the page.
    Link settings.
  3. This method is an easy way to connect different pages of your site, and can be done with various objects.