How to Create a Wix Membership Site with MemberSpace

We will be walking you through the process of setting up your membership site in the Wix site editor. However, to save time, we are going to assume you have already done the following:

• Signed up for Wix account and plan

• Chosen a Wix site template

• Logged into the Wix Site Editor

Once you have finished these tasks, you can begin this guide.

Need help deciding the layout of your website? Check out these free membership site wireframes!

Editing the Main Site Page

When you choose a template, Wix will set you up with a mock site. It will contain filler images and text that should changed before your site launches. In this section, we will show you how to change this content, as well as how to add new elements, rearrange them, or delete them from the page altogether.

Removing Wix Page Content

After choosing a template, the first thing you may want to do is remove elements from the page. To delete an element, you need to first select the element that you want to delete.

Selecting an element is easy – just click it. When clicked, an element will be encased in a block. This will show you what is part of the element and what is not. Once an element is selected, go to the right sidebar and click the trash icon.

This will delete the element immediately. If you accidentally removed the element and would like to add it back, you can follow the steps in the next section (or click the Undo button in Wix’s top navigation bar).

Adding New Wix Page Content

Now that you have learned how to remove content, you can move on to adding page elements. Adding new content in Wix means that you will be interacting with the left Wix sidebar. This sidebar consists of eight icons, which represent different things you can do with your Wix site.

Wix has many site features that can be easily added from their site editor, like fully-functional contact pages, calendars, lightboxes, and more. However, walking you through adding all the different kinds of site features would take you all day to read. So instead we will be going over how to add the most commonly used site features.

Adding Basic Elements (Text, Headers, Buttons, etc.)

To add basic elements like text boxes and buttons, you will need to click the “+” icon in the left sidebar. This is the third icon down.

This plus icon represents the “Add” button. When you hover over it, it will display the button name. If you click it, it will open a list of available elements you can add to your site.

In the window’s blue sidebar, you will see that the elements are divided into types. Hover over each type to see what elements are available. These elements will appear in the right side of the window. You can scroll through this section to see all the different elements available under each type. We recommend exploring this interface – there are many excellent elements to choose from!

Once you have found an element you like, you can add it to your site by clicking the element, then dragging and dropping it onto your site.

Wix gives you a lot of wiggle room when it comes to placing elements. While other site builders sometimes automatically align things for you, Wix allows you to place many elements right where you drop them.

However, even Wix does have some restrictions. Some elements are location-specific. So, if you were to add a sidebar “Lightbox” element to your page, you may see that there is only one option for placement. This means that no matter where you drop the element, it will appear in the sidebar.

You may also see a grayed-out portion of your editor when you are dragging a new element onto the site. The grayed-out portion indicates a location where the element is not compatible.

A Note about Wix and Memberships. MemberSpace is not affiliated with the Wix “Member’s Area” feature. MemberSpace is a third party system. While the “Member’s Area” feature requires you to purchase one of the Wix Business or eCommerce packages in order to use the feature’s payment processing, this is not necessary for MemberSpace feature’s payment processing to work on your Wix site.

Customizing Wix Menus

Menus are an important part of a website. They enable users to navigate through your site. Luckily, Wix makes it very easy to customize menus. To begin customizing your site menus, go to the left sidebar and click the first icon. This is the “Menus & Pages” button.

This button will open an interface where you can manage your site menu and pages. To look at your current menu, make sure you have “Site Menu” selected in the interface’s blue sidebar.

When the “Site Menu” option is selected, the right side of the window will display your current site’s menu. This menu will appear as the navigation for your site, though the design and placement may vary by site template. However, in this interface, you can rearrange the order of items in your menu by clicking on the item and dragging it to a new location in the list.

If you would like to create a drop-down, drag the page underneath one of the other pages, making sure the page is indented when dropped. If a page is not indented, it will not appear in a drop-down menu.

You can also access additional options, like hiding a page from the menu, by hovering over the menu item, then clicking the circle with three dots. This will open a list of extra options to help you create the menu you want.

You can also add pages in this interface, but we will be going over that process in detail later in this guide.

Adding Custom Media

Uploading your own images is usually necessary when building a site, though Wix has a great library of useable images available to you. So how do you add your own custom media?

The answer is in the left sidebar, the fifth icon down: the “Media” button.

 The “Media” button will bring up a variety of options, much like the “Add” button. However, all of the options in the “Media” window pertain to website media, like image, video, or sound files.

At the top of the window, there is a search bar that you can use to search through Wix’s media library. Enter any search term there and the window will bring up relevant results.

Underneath that, there is the “Upload Your Media” bar. This is where you can add your own custom content. In this section Wix offers several ways to upload your media: manual upload, Facebook, Instagram, Google Drive, and Google Photos.

 You can also click any of these options to bring up the “Upload Media” interface, which has additional upload methods.

Use any of these methods to upload your custom media to your website editor. Once uploaded, your image will appear in the “Choose Media Files” window. In this window, you can click on media you want to add to your page. Once you have selected your media, click the “Add to Page” button in the bottom right corner.

When you click this button, the image will be deposited onto your current page.

You will likely need to adjust it by moving it to a new location. For instructions on how to move elements, read the next section.

Moving Wix Page Content

You can fine-tune your site design by moving elements around. To do so, hover over the element you would like to move. A box will appear around the element, showing you what that element contains.

To move the element, make sure that the four-arrow cursor is showing when you hover over the element. When it is, click and drag the element to its new spot.

 Wix gives you free motion so that you can place your elements where you want. However, the free motion comes at the expense of snapping the elements into alignment. To counteract this, Wix supplies purple guiding lines to help you align elements.

 If you make an accidental change (or you just don’t like how it turned out), you can click the “Undo” button in the top navigation bar of the Wix editor.

 Similarly, if you want to get a change back that you previously undid, hit the “Redo” button to the right of the “Undo” button.

Editing Wix Page Elements

Wix has many ways you can edit your elements, many of which are specific to the element itself. While we can’t go over every single editing option Wix gives you, we can tell you where to locate these editing options.

The first location is in the right sidebar. This sidebar is the same one we talked about in the Removing Wix Page Content section. However, removing elements isn’t the only useful option in this sidebar. It also gives you additional editing options for the selected element.

Editing options include arrangement, alignment, duplication, size adjustment, position movement, and more. One of the great things about the Wix editor is that most things are labeled. So if you hover over any of the icons in the left sidebar, a tooltip will appear with the purpose of the option.

 The second location where you can find editing options is on the element itself. When you click an element, a row of editing options will appear above it.

 The editing options will vary based on the element you select, but – just like with the sidebar – if you hover over the icons, a tooltip will appear with the option’s purpose.