Wix Guide
Wix Guide
A FREE WEBSITE
WITH WIX.COM
By Mark Holmes
http://www.websiteplanet.com/wix-guide.pdf
Introduction
Using Wix.com you can sign up and create your own website in just 15 minutes. A simple template and a
drag and drop system make this platform incredibly easy to use even for those with little or no experience.
We aim here to provide you with an introduction to website building using Wix with no programming or
web design skills required. Its never been so easy to build and maintain your own website. If you enjoyed
this guide, please share it.
http://wixstats.com/?a=9&c=33&s1=&s2=ebook
http://wixstats.com/?a=9&c=33&s1=&s2=ebook
http://wixstats.com/?a=9&c=33&s1=&s2=ebook
Contents
Introduction
Signing up to Wix
Choosing a Template
Managing backgrounds
9
9
Adding text
10
Adding images
11
Wix Galleries
12
13
13
Wix Strips
Customizing
Wix Boxes
14
15
15
Customizing
16
16
Documents
17
Videos
17
Customizing
Audio
18
18
19
19
Using Buttons
Linking buttons to pages, documents or email
20
20
www.websiteplanet.com
Navigation
21
Re-ordering Pages
21
Subpages
21
Duplicating pages
21
Deleting Pages
21
21
Choosing a homepage
22
Hidden pages
22
Page transitions
22
Landing pages
Adding a landing page
Visibility
Linking to homepage
23
23
24
24
Password protection
26
Wix Dashboard
27
28
28
Publishing
29
www.websiteplanet.com
Signing up to Wix
:/twpww.:/wixw.comix/ststun aingtwsebs.itcesom/
/90 us?u?tma=9&c=33&s1=&s2=ebook
_campaign=Here
af_websitebuildersworld.com&experiment_id=tutorial to sign up for an account, and you
Let's get started, and we'll walk through this together. hhtt pClick
should be greeted by this screen, (or something similar, as the designs change often):
www.websiteplanet.com
Choosing a Template
Once you have chosen your preferred category,
templates that you can change to fit your needs.
Once you choose your template, you can easily
change the background image and the colors to
your liking.
www.websiteplanet.com
www.websiteplanet.com
www.websiteplanet.com
Managing Backgrounds
To set the page background, you will want to click the
Background icon on the left side of the editor, where you
can then apply any of the preset styles. To upload an
image to use as a background, click on the Image button.
Then, you will be prompted to either upload your own, or
choose from stock images. This can be done individually
to any pages you create for your site, or by clicking Apply
to Other Pages you will be able to create a uniform feel to
the site by applying the same background to your other
pages. The Color option will provide a flat single-color
background. And Video will enable you to use an
animation or clip for the background. This should be used
carefully; however, as this can be very distracting from
anything else you have on the page, particularly text
imprinted directly over a video. If you do decide to go with
an image for your background, you have a few options on
how to display your image once it has been uploaded, or
chosen. To access these options, you will need to click on
the cogwheel Settings icon on the Page Background
pane.
www.websiteplanet.com
Managing Pages
With Wix, you can add as many
pre-made or blank pages as you
wish. You can also reorder,
duplicate or delete them from your
page list. Furthermore, with Wix,
you can quickly create subpages
that will show up in your
dropdown menu.
www.websiteplanet.com
Adding Text
Text may be the most important aspect to any website.
Describing you, and your enterprises, expressing
information and extending contact details and questions
to your visitors. Before getting started with your content
plan, remember that search engines value take into
account text content above all else, and if you have high
quality and unique content, you may find yourself more
visible on major search engines. Many people prefer to
draft their text in another document like Microsoft Word,
this allows more revision, spellchecking, grammar and
possibly the most important feature if you are writing a lot
of content- autosaving, in case you have a connection
problem. Text can then be copied into the Wix editor.
www.websiteplanet.com
Adding Images
Images are an important component of your
website, being the most visible aspect, and its
important to choose the right ones to convey your
idea and brand. Wix makes it easy for you to
upload, add and delete images. Wix has an
extensive collection of images, all of them free and
fully customizable. Of course, if you have a
easily.
To add an image, go to the left side of the editor
and click the Add icon. Then, click Image. From
here, choose either your own image to upload, a
stock image from one of the free to use collections,
or from your own social media (e.g. a photo on
your Facebook page). When on the Add Images
page, you can select either one or multiple images.
www.websiteplanet.com
Wix Galleries
With plenty of stunning galleries to choose from,
hit. Since you can change them at any time, you
should experiment and see what works for you.
To get started, hover over the left side of the editor,
and click the plus sign to open Add. Then, from
there, click on Gallery. Please note, you can find
other Wix Galleries, which are located in the Wix
App Market under Galleries.
When looking to change the sites look or looking
to explore your options, you need to check out the
Change Gallery Type feature. All your images in
the gallery will be moved over, so you dont have to
add them manually. If you want to change your
gallery type, select the gallery by clicking it, and
from the pop-up menu, select Design. From here,
you can choose the new gallery type you want to
use. Dont worry, you can easily make changes to
your galleries, and you can change the gallery as
many times as you want. This way, you can find the
perfect look. Remember to use Preview mode to
see your page how the public will see it.
www.websiteplanet.com
www.websiteplanet.com
Below is the list of the gallery customization options that you have with Wix.com. Click the link to find out
more about each option.
http://www.wix.com/support/html5/editor/galleries-1679966/tutorial/gallery-customization-options#anchor-grid-gallery-options
Grid Gallery Options
http://www.wix.com/support/html5/editor/galleries-1679966/tutorial/gallery-customization-options#anchor-masonry-gallery-options
Masonry Gallery Options
http://www.wix.com/support/html5/editor/galleries-1679966/tutorial/gallery-customization-options#anchor-slideshow-gallery-options
Slideshow Gallery Options
http://www.wix.com/support/html5/editor/galleries-1679966/tutorial/gallery-customization-options#anchor-honeycomb-gallery-options
Honeycomb Gallery Options
http://www.wix.com/support/html5/editor/galleries-1679966/tutorial/gallery-customization-options#anchor-thumbnails-gallery-option
Thumbnails Gallery Options
http://www.wix.com/support/html5/editor/galleries-1679966/tutorial/gallery-customization-options#anchor-impress-gallery-options
Impress Gallery Options
http://www.wix.com/support/html5/editor/galleries-1679966/tutorial/gallery-customization-options#anchor-slider-gallery-options5
Strip Showcase Gallery Options
http://www.wix.com/support/html5/editor/galleries-1679966/tutorial/gallery-customization-options#anchor-3d-slideshow-gallery-opti
3D Slideshow Gallery Options
http://www.wix.com/support/html5/editor/galleries-1679966/tutorial/gallery-customization-options#anchor-accordion
Accordion Gallery Options
Wix Strips
With Strips, you can break your site up into horizontal sections,
which will help with the layout, impression and design. When you
add Strips, you can customize the style and add your own content to
them.
On the left side of the editor, click the Add icon, followed by Strips.
To add a background image to your strip, open the strip from the
pop-up menu and click Settings. Then, click add image, and you
can then select an image and click Change Images. Next, under the
Image Scaling option, you can choose to use the Actual Size, Fit or
Crop, in exactly the same manner as the galleries mentioned above.
Note that in most templates, you will already be provided with strips
on your pre-made webpages.
www.websiteplanet.com
Customizing
When you want to customize your strip style, click the Strip, and click
Settings, which is located at the pop-up menu. This opens up new
options, such as Autoplaying through images, allowing you to add
images or text; all very similar to the gallery options. At any point you
can click on Design on the pop-up menu to change the overall style of
the strip, It is worth playing with these options for a short while to find
something that best suits the rest of your layout and design.
Wix Boxes
Boxes let you change your website and break it up into
boxed sections. This will help with the design, look and
overall feel of your site.
_______
To get started, go to the Box section of Add, in the same
way you accessed the Strip section above. You can do this
by navigating to the left side of your editor and clicking the
Add icon. From here, open Box.
To add flair to your box, you can add images, text, galleries
and even videos. When you move your box, it will move the
elements within it. To make this even easier, Wix allows you
to drag and drop the element into your box. Make sure to
place the element within the borders of the box. Using
boxes is a great way to highlight text, and keep areas
separate from the background image.
www.websiteplanet.com
Customizing
When you want to customize your box, click the box to select in, and, from the pop-up menu, click
Change Design, choose a style, followed by OK. If you need to edit an existing style, you can click
Customize Design, from which you can design your own template (which can be saved for quick re-use
elsewhere on your website. From this screen you can change the Colors, Corners, Shadows and the
borders. Once you change any settings, click OK.
You can also choose Fill Color to select a fill color; you can also choose a border color. Finally, with
Stroke Width, you can easily drag the scroll and change the width of the border. If you want to
customize it further, you can Add Animation to your shape by clicking on the shape and selecting
the 3-diamond shapes next to the Design paintbrush icon.
www.websiteplanet.com
Documents
If you want to share documents with your visitors, you
can easily set this up with Wix.com.
Videos
Wix.com allows you to add Vimeo or YouTube videos to your pages
using the Video feature with your sites editor. When adding a video
from YouTube, dont forget to set it to Public. Also, check the Allow
Embedding box, which is under Advanced Settings on the YouTube
website itself. Furthermore, dont use the full screen link for your
video as it wont work in the Wix player. If you arent using either
video hosting service, you can embed the HTML code of the video.
There are also plenty of video apps in the Wix App Market (link at the
bottom of the menu) that you should check out, including iPlayerHD
and TubePress.
Click the Add icon from the left side of the Editor. Click Media first,
and then click Video. From video, if enter your YouTube or Vimeo
URL. Or, search for an available YouTube video to add to your site by
clicking Search Videos. From Search Videos, you can enter your
search phrase and click the search button. You can then browse
through the videos and select the one you want by clicking Add.
www.websiteplanet.com
Customizing
You need to customize your video if you want it stand out from the
pack. To do so, select the video, and from the Video Settings window,
you can change the URL, hide the player controls or check the box next
to the available customization options such as Autoplay, Show title bar
and Light control bar. If you want to change the video element, click
Change Style. To close the Video Settings window, click outside of the
video box.
As with everything on Wix.com, you have a lot of customization
options, and the Video Settings window provides you plenty of
What is the videos web address? : Shows the URL of the video
you uploaded.
Autoplays on loading: Setting to automatically play when a
visitor lands on the page.
In a loop: If you want to video to loop, select this option.
When are the controls shown ? : Either hides or show the video
player controls.
Audio
Go to the left side of your editor, and click Add. From
here, click Music, and view the options. You have the
ability through Wix Music to upload your own tracks,
and embed the player wherever you want on your
page, SoundCloud Audio which allows you to stream
content you have saved on their website, or Spotify, if
you have an account with them.
Please note: To obtain the embed code for your
SoundCloud account, log into your SoundCloud account,
and from the bottom of a music player or track, select
Share. Then open SoundCloud Audio in Wix. Under
Embed Code, paste the embed code and finally, click
Update and click outside SoundCloud to close the
settings.
www.websiteplanet.com
You can also customize the Auto Play Button by clicking it, and clicking settings from the pop-up menu.
From here, check the relevant option Autoplay or Loop. Make sure to set the volume at a reasonable
level. You can do this under Volume and scroll the button left or right to lower or raise the volume
www.websiteplanet.com
Using Buttons
If you add buttons to your site and link them to other pages, email
addresses, documents, anchors or to external sites, you can make it
easier for people to navigate your website, and locate the
information that they are looking for. Through Add, find Button and
choose a design. As with the music player, Themed Buttons are at
the top, recommended designs based upon the website template
you chose, although any button can be further customized once
placed, in the usual manner. Then, click the following buttons from
the pop-up menu, to give you the following options:
Navigation
At times, you will have to navigate between your
pages in the Editor. Do this by clicking the Pages
icon, which is located on the top left side of the
editor, and navigate between your pages from the
drop-down menu which appears after clicking on
the circle to the right of the page name.
Re-ordering Pages
From the drop-down menu, it is easy to drag and
drop the page to the position you wish it to be in
the list.
Subpages
From the same drop-down menu, just drag the
page to the right. After that, the page will turn into
a subpage to the page above it on the list.
Duplicating Pages
To save time when you build your Wix.com
website, you will want to take advantage of the
ability to duplicate pages. To duplicate a page
follow these steps.
From the same drop-down menu as above, select
the page you want to copy and click Duplicate.
Finally, from the pop-up window that opens up,
just type the name for the new page, and then click
OK
Deleting Pages
The Delete page option also appears in the same
place. If you wish to remove a page completely
from your site, or to start again from scratch, you
may select this option. Then, a pop-up window
will come up asking you Are you sure you want to
delete? If you are sure, click the delete button. If
not, click the cancel button on the left.
Remember, deleting is permanent!
www.websiteplanet.com
Choosing a Homepage
When you have a Wix.com website, you should make sure that you have a solid front page that stands out.
Ideally, it will be the best page on your site, and it will drive people to visit more pages. Once you know
what site you want as your front page, you can set it using the Settings menu above. You will need to
simply click the box next to Set as homepage. Once you are happy with your choice, click Done. The new
homepage will have a house symbol in Pages indicating that its the homepage.
Hidden Pages
At times, you will want to hide your pages so you can
work on them but keep them hidden from public
view. As you start working on your site and changing
things around, this becomes more important to
know how to do. To hide your pages from public
view, From the same menu under the circle icon, on
the Pages menu, and click Hide your page.
Page Transition
When you have a Wix website, you will want to, at times, change the animation between your page
transitions. This is very easy to do. To get started and change your page transition, click the Pages icon on
the left side of the editor. Then, from Pages under Page Transitions, select the drop-down menu and
choose a transition.
www.websiteplanet.com
None
With None, the pages will transition with no
Landing Pages
The purpose of a landing page is to catch the attention of the visitors and get them to either give their
contact information or head to another page in your website. A customized landing page will make your
website more appealing to visitors and convince them to keep exploring your website. Landing pages are
easy to set up: you just need to select the page layout that best suits your needs. After that, you can
customize the page at will.
www.websiteplanet.com
Visibility
The landing page doesnt appear in your site menu, and if you want your visitors to view it, you have a
couple of options:
Change the settings to make the
landing
page
your
websites
homepage, meaning when attempting
to access your website, users will
automatically be directed here, unless
they use a page URL.
www.websiteplanet.com
Linking to Homepage
www.websiteplanet.com
Password Protection
Some pages you may want to password protect. Though bear in mind this will limit access
to the general public, so only apply this to pages that you wish to keep private. We
recommend you password-protect your pages. Fortunately, Wix has an option to do that.
You can easily password-protect individual pages by going to Page Settings.
To password-protect a page:
Go to the left side of your editor and click the Pages icon. Once you are on the Pages tab, hover over to
the right of the name of the page and click the Settings icon. Under Permissions, you can click the
Password Protection option. Then, under Choose Password, you can select a password and type it in.
Once you do this, select the language, and click Done. Remember to write down your password in an
easy to access place. It is worth bearing in mind that there is also the option to only allow subscribers or
Members to access certain parts of your website also.
www.websiteplanet.com
Wix Dashboard
The first screen you will be greeted with when logging back into Wix will be the Dashboard page. This is
essentially the hub of your websites. It is less important when you are only managing one site, though
becomes increasingly useful when you have a library of websites to maintain. To access this page from
the editor, click on Site (in the top left) and then My Sites.
From the dashboard, you can access your sites, check out your templates and even
manage your subscriptions, as well as the ability to check out your site history and even
send a newsletter or manage your applications.
www.websiteplanet.com
If you are setting up your Wix site, you can use a Wix
subdomain. Alternatively, you can buy your own
domain. This option allows you to personalize your
website and name further, and, since domain
registration is inexpensive, its a wise investment in
your brand. If you decide to buy your own domain, just
click Setup with registrar and enter the information
required.
www.websiteplanet.com
Publishing
When you are finally ready to publish your site and for it to go live, go to the top right of the Wix Editor,
and click Publish. Click Publish one more time. At this point, if you havent saved your site, come up with
a name and type it in, and then click Save Now. If you want to connect your domain to the site, you will
need to upgrade to a Premium Plan. You will also need to buy a domain.
Congratulations,
you have just built a website!
Whats now?
1. If you haven't started already,
head to Wix and start building your website.
http://wixstats.com/?a=9&c=33&s1=&s2=ebook
2. Please share this guide over social media, I
will highly appreciate it.
htps:/w w.facebo k.com/share/share.ph ?u=htp%3A%2F%2Fw w. ebsiteplanet.com%2Fwix-guide.pdf
htps:/w w.facebo k.com/share/share.ph ?u=htp%3A%2F%2Fw w. ebsiteplanet.com%2Fwix-guide.pdf
htps:/w w.facebo k.com/share/share.ph ?u=htp%3A%2F%2Fw w. ebsiteplanet.com%2Fwix-guide.pdf
htps:/w w.facebo k.com/share/share.ph ?u=htp%3A%2F%2Fw w. ebsiteplanet.com%2Fwix-guide.pdf
htps:/w w.facebo k.com/share/share.ph ?u=htp%3A%2F%2Fw w. ebsiteplanet.com%2Fwix-guide.pdf
www.websiteplanet.com