Fill This Form To Receive Instant Help
Fill This Form To Receive Instant Help
Homework answers / question archive / Assignment (Due: May 10th) Before you begin the e-portfolio process it is important to first define your purpose and goals for the e-portfolio: ? ? ? ? Why are you creating an e-portfolio? Who is the intended (target) audience? What do you hope to accomplish by having an e-portfolio? What are your e-portfolio goals and expectations? Understand the purpose of your e-Portfolio
Assignment (Due: May 10th) Before you begin the e-portfolio process it is important to first define your purpose and goals for the e-portfolio: ? ? ? ? Why are you creating an e-portfolio? Who is the intended (target) audience? What do you hope to accomplish by having an e-portfolio? What are your e-portfolio goals and expectations? Understand the purpose of your e-Portfolio. The e-Portfolio will be used to demonstrate your achievement and mastery of particular core competencies, so all the materials you select or develop, and all your discussion and reflections should be relevant to demonstrating your skills and expertise. Collect evidence. Collect as much material which might be relevant as you can. Essays, projects, any of your assignments, special projects completed at your workplace, or evidence (work produced) of knowledge acquired as a result of attending a conference or workshop in your area of study may be appropriate for consideration at this stage. At this stage, collect evidence of your achievements for potential inclusion in your e-Portfolio and add them to your e-Portfolio. Select relevant materials. It is important to have as much evidence as possible before you as you begin the selection process so that you can be certain of choosing the work that best demonstrates your achievements. This is the work you want in your e-Portfolio. The e-Portfolio is not simply an amalgam of everything that you have done but a carefully selected collection or synthesis of your evidence. Please note that the Statements of Competency (where you present your competency, and your selected evidence, and make the case for your mastery of the competency) are the most important parts of the e-Portfolio. What to Include in your Eportfolio There are no set rules on what to include in your eportfolio because it is your creative outlet to showcase your abilities and goals. But to help you get started, consider including the following sections recommended by eFolio PA: Welcome Summarize who you are and a bit about what visitors will find in your eportfolio. Give your audience a flavor for what you’re all about and let them know what you value. Also, add a brief description of personal interests and activities Career objective/profile Write a statement summarizing your objective. To be meaningful, your objective should be specific and clear. Résumé Summarize your education, achievements, and work experience. Include detailed information on your skills. ? Use this section to expand on any educational information mentioned in the bio, with qualifications listed in reverse chronological order (i.e., from most recent to least recent). Each entry should include the name and location of institutions attended, degrees, majors/minors, and the actual or anticipated date of graduation (month and year). This is also the place to list honors/awards, training certificates, publications, professional licenses, conferences/workshops, study abroad programs, internships, and scholarships. And don't forget any relevant projects, coursework, testimonials, transcripts, continuing education, presentations, and professional affiliations/memberships. ? List jobs in reverse chronological order. For each position, include the names and locations of employers, job titles, dates of employment (month/year), and the job's duties and responsibilities. Keep the layout consistent and simple so that everything is easy-to-read. Document certificates pertaining to additional training and workshops, certification of technical skills, awards/honors, transcript, volunteer work, and community services, major projects, publications, internships, communication, public speaking, military service, clubs involvement, leadership positions, and foreign language skills. Work samples This information is as diverse as your background. Upload articles, papers, projects, reports, electronic presentations, audio and video projects, assignments, and publications so your audience can see your work. Consider including graphics, audio, and video for further illustration. Basically any materials that can be added to the ePortfolio to represent knowledge and show proof of proficiency. Study Abroad/ International Experience Explanation of what you learned that will benefit the employer; specifics about projects and photos. Awards and honors Since ePortfolios are mainly used to represent capabilities and competence in a specific field, it's important to show any honors and kudos received, awards and accolades won, certificates and training taken, and promotions or performance appraisals. Memberships in professional or educational organizations should also be highlighted. Scan certificates of awards and honors. Additional education List conferences, seminars, workshops, and any other professional development. Add courses, degrees, certifications, and licenses. Volunteer and extracurricular activities List your activities and sports participation AND illustrate through photos. References List three to five people who have agreed to talk about your strengths, abilities, and experience. Be sure to include full contact information. Letters of recommendation and testimonials Include feedback you’ve received from employers, customers, professors, and colleagues. EPORTFOLIO ?Employers receive amounts of applications from equally educated and qualified people. ?This means that one needs to stand out from the mass and this can be done with cleverly planned and visually implemented ePortfolio. ?An ePortfolio is a collection of work (evidence) in an electronic format that showcases learning over time. ?An ePortfolio helps you collect, reflect on, and present key information, images, and documents from your academic, professional, and extracurricular experiences. Everything is ... MARKETING 320 EPORTFOLIO ?It is the PROCESS of collecting the fruits of your experiences - helps you deepen your understanding of coursework - learn things about yourself, and be better prepared to apply to work or further education. ?It is also a PRODUCT, you can present to professors, admissions committees, or potential employers to provide evidence of your work and stories to bring your application to life and help you stand out from the pile. MARKETING … is everything 321 EPORTFOLIO ?Tell people who you are and what you aspire to be in the PROFILE. ?Articulate your competencies and the SUMMARY. accomplishments, skills, acquired expertise in ?Start collecting or creating work/artifacts now for the SHOWCASE as evidence to support your claims. ?Provide objective information and recognition of your academic qualifications, work experience and other relevant records in the QUALIFICATIONS section. Everything is ... MARKETING 322 EPORTFOLIO ?An ePortfolio may contain all or some of the following: - Files of various formats (text, pictures, video, etc.) - Evidence related to courses taken, programs of study, etc. - Writing samples (which might include several drafts to show development and improvement) - Projects prepared for class or extracurricular activities - Evidence of creativity and performance - Evidence of extracurricular or co-curricular activities, including examples of leadership - Evaluations, analysis and recommendations MARKETING … is everything 323 EPORTFOLIO ? ePortfolios need to be well structured ? All the main information should be available in an understandable format with a quick look. ? Audience should be able to find more details behind links. ? Some crucial information e.g. work experience should be opened up in more detail to the reader. ? Instead of using just titles (place, position), one should explain more what the specific roles and tasks were, in what kind of networks one operated, etc. ? The structure and navigation should be carefully thought in order to make it simple and logical but having different layers of information. MARKETING … is everything 324 EPORTFOLIO ?Employers are mostly looking for the right kind of persons - to fit to their working community, - having the right kind of attitude and the way of working. ?It is important that they see the not only the person behind the ePortfolio but also their dreams, visions, motivation, and what drives them further. ?As Dan Schawbel said in his blog on Forbes: “Job seeker passion has become the deciding factor in employment” (Forbes 2011) Everything is ... MARKETING 325 EPORTFOLIO SAMPLES - https://daniellemcru.wixsite.com/eportfolio https://k224liu.wixsite.com/k224liu/projects https://parkerwade11.wixsite.com/home/blank https://nnasrude.wixsite.com/nnasrude https://davidnightingale0.wixsite.com/arbus400-dnightin https://jamiemcclintock.weebly.com/about-me.html https://crodrigo3.wixsite.com/ca5rodri https://brentonwarr.wixsite.com/portfolio/about https://patiencemarsh.wixsite.com/portfolio/untitled-ccno https://map08g.wixsite.com/eportfolio/captain https://caitlinpharmd.wixsite.com/eportfolio https://ead0012.wixsite.com/elizabethdevore/learn https://mac00740.wixsite.com/mysite https://www.elizabethsugg.com/about https://eeu0001.wixsite.com/emily-unwin https://curryccd.wixsite.com/andreasmith https://pugetsound.digication.com/elena-fulton-student-portfolio/about_me https://wmc0005.wixsite.com/eportfolio Everything is ... MARKETING 326 EPORTFOLIO Everything is ... MARKETING https://youtu.be/tUp2dK2DHZo?list=TLPQMTAxMTIwMjABnVa9HzVvnA 327 328 WIX Guide for e?Portfolios CAHS 4500 Portfolio Presentation for Apparel Designers Dr. Veena Chattaraman & Eloise Faber Department of Consumer Affairs Auburn University CAHS 4500 Wix Guide WIX.COM GUIDE TO CREATING A WEB PORTFOLIO Planning Before you begin creating your website, decide how you want to present your portfolio. Decide what the overall aesthetic will be and what components you want and need to incorporate into the website. Things needed before creation of the website: • Four portfolio projects edited and ready for final submission before you can use them for your web portfolio. • Logo • Resume • Design aesthetic/ about me • Photography • Inspiration images Decide how many tabs you will need on your website. Below are the minimum tabs you need for your website: • Home • About • Portfolio • Contact Other tabs you want to add to your website later: • Photography • Additional Projects • Honors, Awards, or Competitions 1 CAHS 4500 Wix Guide Initial Steps Wix.com is a flash based website for website building. If a website is run on flash, it will not work on cellular phones with web capabilities. There is a way to make a version of your final web portfolio compatible with cellular phones on Wix. Wix is good for students, artists, and businesses. Some of the templates are ecommerce enabled for small businesses. The templates range in complexity and difficulty. For your first web portfolio it is recommended to use a simple template provided by Wix and then add to it later. This demo will guide you through the fundamental tasks required to create a web portfolio. Before creating your own website from the templates available on wix.com, you must create an account. 1. Go to wix.com 2. Create a new account • 1. Click Login/Sign-Up in the top right corner of the home page • 2. A box will appear in the middle of the page. • 3. Click on the tab that says “Sign Up!” 1 3 2 • The email address that you pick will be incorporated into the URL address for your website. So please choose something that is easy to spell, appropriate, and represents and refers back to you. Example: email address: jane_smith@yahoo.com = www.wix.com/jane_smith 2 CAHS 4500 Wix Guide 3. Select a template. • “Explore” the templates provided on Wix.com • Click through the different templates to see what others have done and what Wix has to offer. “Beauty and Fashion” is an appropriate one to start looking at for inspiration. 4. After looking through some templates go to the “Create” tab to begin creating your web portfolio. • Click on the tab “Create” at the top of the web page. • Click on the “2 min Demo” on the right side of the web page. Watch the demo to get an idea of the some of the basic functions of a wix website. 3 CAHS 4500 Wix Guide Creating a Website In order to demonstrate how to use the functions of Wix, we will use a popular template for designers. “Photo Focus” is a good template because it is clean, simple, but aesthetically pleasing and easily customized. • Click on “Photo Focus” Template and click on “edit” When you come to some of the templates, the template will be on “WixEXPRESS”. You do not want to create your website on this setting. It is better for experienced users who are maintaining their website. You want to create your website in the “Editor” setting. Click on “Go to Editor” 4 CAHS 4500 Wix Guide Uploading Pictures It is easier to upload your jpeg images in the beginning so when you are changing pictures or managing a gallery, your images are already uploaded to Wix. You can always upload images and files at any time during creating and editing. Portfolio project pages/boards need to be saved as .jpeg files in order to upload them to Wix.com to use in a gallery. • Scroll over the “Add” tab and click on “Pics” • Click “Upload” to choose pictures, jpeg files, and png files. 5 CAHS 4500 Wix Guide Logo Uploading Save your logo as a PNG file before uploading it to Wix.com. Then you can use it as an image on the website on the pages without an extra background on the logo. Text Changing Text: • Practice changing the name (Matt Whitby Photography) to your own by clicking on the name and selecting “edit” and typing your name. • When you click “edit” a text toolbox will appear at the top of the web page. You can change the font, size, color, and style. Creating New Text • Scroll over “Add” ? “Text” ?“Title” or “Paragraph” 6 CAHS 4500 Wix Guide Changing a Picture • Click on the picture ? click “Change Photo” • A box will appear with options to pick pictures from your “My pixs”, “wix files”, or “Community”. Click on “My Pixs”. Chose a picture. (Note. “My Pixs” are jpeg or png files that you upload to the site). 7 CAHS 4500 Wix Guide Saving your Work • When you save the template after editing, the words you use to save the template will also be incorporated into your URL address Example: save as: design1 = www.wix.com/jane_smith/design1 • Save your template FREQUENTLY! Adding Pages for Portfolio Contents • Click on one of the pages in the “Page Manager” box. • In the “Page Group” box Click “ Add Page” 8 CAHS 4500 Wix Guide • Scroll down and choose “Blank”. Name the Page “Photography” and click “Ok” • Scroll over the “Add” tab ? “Page Parts” ? click on “Page Groups” 9 CAHS 4500 Wix Guide • Click on “Page Group” • A new page will appear on the web page. Move the new page so that it is in the main page space (Photography page). • Then look at the “Page Manager” and see that it has added 3 subpages under the “Photography” page. You can always add more than the first 3 provided. You can change the name of the subpages by clicking on the page in the “Page Manager” and choosing 10 CAHS 4500 • Wix Guide Scroll over the “Add” tab ? Click on “Pics” • Choose a picture from the “Wix” photos. • The picture will show up on the web page. • Move the picture to the middle of the new empty page. • Add one more picture and place in the white space 11 CAHS 4500 • Wix Guide Click on the existing text box ? “Edit” and change the text so that it gives a command to the viewer to click on the photos for more. Linking a Photo to a Page • Click on one of the photos and click “Link” 12 CAHS 4500 Wix Guide • Click on the “Wix Page” tab ? “Select Page” • Choose “Page 2” under “Photography” ? Click “Ok” • Link the other photo to “Page3” under Photography. 13 CAHS 4500 Wix Guide Adding a New Gallery • Make sure you are on “Page 2” under “Photography”. • Scroll over the “Add” tab ? “Galleries”? Choose a gallery • Choose a gallery (Matrix). The gallery will appear on your screen. • Move the gallery so that it is in the “Page 2” box. Increase the size so that the gallery squares are large enough. 14 CAHS 4500 • Wix Guide Click on the gallery?a small box will appear Click “Manage Photos” You can now add photos, replace or delete. If you have your images already uploaded to wix.com, “managing” the gallery is easy. You can now add a gallery to “Page 3” under Photography with other images. Managing a Gallery • On the “Home” page of the website click on the image on the page (it might be changing because it is a gallery). Click “Manage Photos”. The white tabs indicate the gallery or page you are viewing. For this tab, the arrows allow you to scroll through the gallery. • From here, you can “Replace the photo”, “Add Photo”, “Delete” a photo, “Add Link”, or Change the order of the photos. 15 CAHS 4500 • Wix Guide Pick some pictures or rearrange the photos. Choose a vertical picture when the orientation is vertical. • When you are done, click “ok”. • As seen below, the picture chosen for the gallery is cut off because the gallery is horizontal and the picture is vertical. • Click “Settings” ? “Auto Crop” and play with the options so that you are able to see your picture well. 16 CAHS 4500 Wix Guide To Expand an Image: When a person clicks on one the pictures the image can expand. This is good to set up for galleries with images of portfolio projects. Designers will be able to expand the image so they can see the detail of your work. • Click on “Expand” to adjust the settings of the photos/images. Adding an Image or Logo and Linking back to Main Pages • Click on “Page 2” in the “Page Manager” box. • Scroll on the “Add” tab ? “Pics” ? “Community” ? Choose an image (sunglasses) • Move the image to the top left corner of “Page 2”. 17 CAHS 4500 Wix Guide • Click on the sunglasses ? “Link” • Click on the “Wix Page” tab ? “Select Page” • Choose “Main” under the Photography Page? Click “Ok” • Place the same image on “Page 3” under Photography and link it to the “Main” page under “Photography”. It is always helpful to add directions for the viewer to navigate the website better. Note: Add text to tell the viewer to click on the sunglasses to return to the main “Photography” page. (Scroll over the “Add” tab ?”Text”) 18 CAHS 4500 Wix Guide Uploading Resume in .pdf and .jpeg Format There are two ways to display your resume on Wix. 1. Save as .pdf to upload the resume as a “doc” that can be a link that the viewer can click on and download on their computer to print. So when you are finished editing your resume in MS Word or Illustator, save your resume in .pdf format. 2. Save as .jpeg to upload the resume as an image to view on the site • Scroll over “My Files” ? “Docs” and upload your document. • Scroll over “Add” ? “Pixs” and upload your jpeg image of your resume 19 CAHS 4500 Wix Guide Publishing When you COMPLETELY done with your website, you can “Publish” your site. 20 CAHS 4500 Wix Guide Upgrading After searching through templates and finding some you would like use, click on “Edit” on the templates. You can have multiple templates that you are “editing”. Once you have found one template that is a possible template, Click on “Upgrade” to look at the prices of memberships. A membership is not required, but if you do have a membership, you will get your own domain. (e.g. www.jane.com; instead of www.wix.com/”emailaddress”/”whatyousaveditas”) Minimum membership: $4.08/month for one year OR $4.95/month monthly agreement. Helpful Hints • Include text to guide the viewer through the website! • Include your logo on pages. • Insert a PDF version of your resume for the employer to download and print off. (“My Files”? “Docs” ? “Upload”) • Include images that the viewer can click on that will link back to main pages. • For portfolio project pages, make it so that the images will “Expand” from the gallery so that vewers can see the pages better. • Avoid add sound or music • SAVE CONSTANTLY! – When using wix.com, you are putting a lot of information on Fire Fox, Internet Explorer, or Safari. Sometimes the internet connection is slow or not strong enough and the windows will close WITHOUT saving. THEREFORE SAVE CONSTANTLY! 21 A PRACTICAL GUIDE TO USING WIX TO BUILD A WEBSITE AN AID TO ENABLE STUDENTS TO UNDERSTAND THE FUNDAMENTELS OF WEBSITE DESIGN WITHIN THE FRAMEWORK OF A WEBSITE PROJECT USING WEB DESIGN TOOLS YANNIS STEPHANOU CONTENTS 1. INTRODUCTION TO THE WIX WEB DEVELOPMENT PLATFORM 4 1A BRIEF DESCRIPTION OF THE TOOL 1B MAIN ADVANTAGES AND DISADVANTAGES 4 4 2. GETTING STARTED 5 2A SETTING UP AN ACCOUNT 2B USING THE SERVICE (FOR EXISTING USERS) 2C LANGUAGE SUPPORT 2D CHOOSING A TEMPLATE 2E SAVING YOUR SITE & DOMAIN NAME REGISTRATION 2F EDITING TOOLS BASICS 5 7 8 9 16 18 3 WEB AND PAGE STRUCTURE 23 3A PLANNING 3B FORM THE STRUCTURE OF THE WEBSITE 23 24 4 EDITING 32 4A BACKGROUND COLOUR 4B TEXT FORMATTING 4B (I) EDITING EXISTING TEXT WITHIN A TEMPLATE 4B (II) ADDING NEW TEXT 4C IMAGE MANAGEMENT 4C (I) MANAGING EXISTING IMAGES IN THE TEMPLATE 4C (II) INSERTING A NEW IMAGE 4D CREATING LINKS 4D (I) ON TEXT 4D (II) ON IMAGES 4D (III) TO A SPECIFIC PART OF A PAGE (ANCHOR) 4E BANNERS (GALLERY) 4E (I) EDITING AN EXISTING BANNER IN TEMPLATE 4E (II) ADDING A NEW BANNER OR GALLERY 4F ADDING A FORM OR MAP 4F (I) INSERT AND EDIT A CONTACT FORM, SUBSCRIPTION FORM OR MAP 4F (II) ADD OTHER TYPES OF FORMS 4G ADDING A TABLE 4H ADDING OTHER TYPES OF CONTENT 32 36 36 41 43 43 46 48 48 50 51 53 53 53 54 54 56 57 58 5 MOBILE & TABLETS 59 6 APPS & ADDITIONAL MODULES 61 6A ADDING APPS TO YOUR SITE 6B ADDING AN ESTORE TO YOUR SITE 6C ADDING HTML CODE AND FLASH 61 61 63 7 PUBLISHING YOUR SITE 64 2/59 3/59 1. INTRODUCTION TO THE WIX WEB DEVELOPMENT PLATFORM 1A BRIEF DESCRIPTION OF THE TOOL Wix is a web development platform that enables you to build a website without any technical or programming knowledge. Using an Internet browser and drag and drop tools, all tasks needed to develop the website can be performed. It is entirely cloud-based, without the need to save anything on a computer. Wix enables you to add a number of functionalities such as forms, eStores, social medial plug ins and blogs. Additionally, an App store exists, through which additional functionality is offered by Wix and third-party developers. This web development platform is offered for free but a number of premium plans are offered, such as connecting a domain name to the site, the removal of Wix advertising and extra storage and bandwidth. 1B MAIN ADVANTAGES AND DISADVANTAGES Wix has the following advantages and disadvantages. ADVANTAGES Easy to use requiring no technical knowledge Easy to understand and teach for children and adults without any prior knowledge of website development DISADVANTAGES Not able to perform programming coding for more sophisticated work The sites produced are not responsive but adaptive. This means that the sites do not resize based on the screen size but instead display a different site when a mobile device is used, making the appearance not always optimal on some devices. Cloud based enabling the user to work from any internet connected PC without the worry of where to store the work or for security backups Sites are created in HTML5 , which is the modern standard of creating websites, enabling rich content and functionality Mobile-friendly view produced A large community of App developers, which enables a number of functionalities and more interesting content Search Engine friendly, enabling better ranking in Search Engines such as Google. 4/59 2. GETTING STARTED 2A SETTING UP AN ACCOUNT Step 1 Starting You can set up an account by visiting www.wix.com on your Internet Browser and clicking on Start Now (1). Alternatively you can click on Sign In in the upper right corner. 2 1 Step 2 Enter email and set password Enter your email and the password (1 & 2) you wish to use or alternatively use your Facebook or Google + account (3). 3 1 Name@EmailAddress.com 2 ******************* 5/59 Step 3 Completing the setup Your account will be set up immediately and you can either choose your template immediately after or use your login credentials to login at any time. You will receive the following email as a confirmation, which you can also use to start using the platform. 6/59 2B USING THE SERVICE (FOR EXISTING USERS) Step 1 Where to Sign In from Use the Sign In button in the top right to enter the service. Step 2 Entering the service Use your email and password (1&3) to enter the service. Click on the I’m an existing user radio button (2). Alternatively use your Facebook or Google + account (4). 4 1 Name@EmailAddress.com 2 3 ******************* 7/59 2C LANGUAGE SUPPORT The service supports a number of languages, which can be called by clicking on the globe icon on the top right of the screen. 8/59 2D CHOOSING A TEMPLATE You can choose your template as soon as you sign in or once you sign up to the service. Step 1 Finding preset template categories or finding other ones You can choose from one of the preset templates (1). Alternatively you can choose from a number of other templates, if the category you are looking for is not found in the preset templates by clicking on Other. 2 1 Step 2 Finding specific templates Choose from a number of categories 9/59 10/59 Step 3 Finding the template you wish to use Once you find the category you wish click on it to expand the menu Once you choose your category, you can choose a sub-category 11/59 Step 4 Choosing your template Click on the template you want to see the template menu (1). 1 Click on View to see how your template looks (2) 2 12/59 Once in the Viewing mode you can see how this template looks on the web. Use the upper menu to switch between the desktop and menu views (3). 3 3 13/59 Step 5 Selecting to edit the template Once you like a template you can choose to edit the site either from the templates area by clicking on edit (1). 1 Or from the template view mode by clicking on Edit this site (2) 2 14/59 Step 6 See the site in edit mode You will then be moved to the wix editor, from where you can edit your site. 15/59 2E SAVING YOUR SITE & DOMAIN NAME REGISTRATION Wix allows you to have a web address in the following format: http://NameYouGave.wix.com/NameOfSite Additionally you can choose to buy a domain, in order to have your own web address, such as: http://www.NameOfSite.com You can select your domain name by choosing to save your site by clicking on Save (1) in the edit mode. 1 16/59 Once you click on save, a pop up appears that lets you save the site to a particular domain. The first option (1) lets you choose a name for your site under the Wix.com domain. The second option (2) lets you connect to your own customized domain. 1 http://YourName.wix.com/ NameOfSite 2 For more on domains visit https://www.wix.com/support/html5/domains/ 17/59 2F EDITING AREAS IN WIX This section shows the basic areas that one uses within Wix. 2F (i) Header and Footer The Header area is seen in dark blue and the Footer appears in black in the screenshot below. A header and footer appear on all pages, unless you choose not to have them on a particular page. More about headers here https://www.wix.com/support/html5/getting-started/site-layout/kb/aboutthe-header More about footers here https://www.wix.com/support/html5/getting-started/site-layout/kb/aboutthe-footer 2F (ii) Page and Backround Seen in blue, this is the page area that you use to add all the web elements you wish to show on your page. 18/59 The Background area is seen in red. The footer, header, page area, as well as any other element you add will appear above the background. 19/59 2G A BRIEF DESCRIPTION OF WIX TOOLS 2G (i) Main menu 1 Drop down used to see the pages and structure of your website. 2 Manage your site from here 3 Choose what set of tools you wish to have available while you edit your site. 4 Use this to find support on all elements in Wix 5 Click in order to upgrade your site 6 Undo or redo changes 7 Move to the mobile view editing 8 Save your site either to your own domain or under the Wix domain 9 Click to preview your site and see how it appears in the Internet browser 10 Click to publish once you are done with your changes. 5 3 7 9 1 2 4 6 8 10 3 3 3 3 3 3 20/59 2G (ii) Tools used to add content to your site 1 Page Background: Add or change a background. 2 Add Web Elements: Add web elements to your page such ass text, images, menus and buttons. 3 Wix App Market: Add widgets or plugins created by Wix or third-party developers. 4 My Uploads: Upload or view your uploaded files. 5 Blogs: Add blog to your site. 1 2 3 4 5 21/59 2G (iii) Positioning and Editing Tools 1. Use ? to get more support, the dots to move the tools around the page and x to close the tools. 2. Use this set to copy, paste, duplicate or delete a web element. 3. Use this set to move elements in front or behind other elements, align a selection of 2 or more elements, distribute a selection of 2 or more elements or match the size of 2 elements. 4. Rotate an image using this tool. 5. Use this set to resize an element accurately based on pixels. 6. Use this set to more accurately position an element on the page. X is for horizontal movements and Y for vertical. 7. Choosing an element and turning the option Show on all pages on makes this element appear on all pages on the location this exists. 1 2 3 4 5 6 7 22/59 3 WEB AND PAGE STRUCTURE 3A PLANNING Before you start editing your site it is recommended that you plan the structure of your site before you start. An example of a site plan is the following: Home Services Service 1 Additional Services1 Additional Services 2 Service 2 Service 3 About Who we are What we do Contact Us Following this, it is important to have a rough guideline of what will be placed on each page. 23/59 3B FORM THE STRUCTURE OF THE WEBSITE Step 1 Open the page structure Click on the upper left menu of Pages (1) to see the page structure of your website (2). 1 2 2 24/59 Step 2 Adding, Subtracting and Renaming Pages You can add new pages by clicking on + Add Pages Button (1) at the bottom of the menu 1 You can delete pages by clicking on the … button on the right of each page name (2) to get the individual page menu (3) and then choose to delete it. 2 3 4 25/59 You can also use this page submenu to Rename, Duplicate (copy an existing page) and Hide a page. Hiding a page means that it will not appear in the menu. Step 3 Reordering Pages To change the order that the pages appear you need to click on the grid (1) on the left of a page name and grab it by holding down your mouse, which then enables you to move the page up and down your structure. 1 26/59 If you wish a page to be situated under another page, that is be its child page, you simply move your mouse under that page and shift it slightly to the right. The page name button will change to appear as a child, as seen below: 2 You can use the + and – buttons to expand the child pages or to hide them, so that you see only the parent page. Expanded View Contracted View 27/59 Step 4 Page Transitions Once you finish your pages structure you can also select what kind of transitions (animation) a viewer will experience once he selects to go to a page. You can do so by finding the submenu Page Transitions at the bottom of the Pages menu and clicking on the type of transition (1) 1 You can then choose the type of transition from the submenu that appears (2). 2 28/59 Step 5 Additional Options From the menu of each individual page, which can be populated by clicking on the …. Button (1) on the right of each page name) you also have a number other options (2) as seen in the screenshot below. 1 2 Page Info enables you to change the name of the page, set the page as a home page and hide the page from the menu. 29/59 Layouts enables you to manage if the page will carry the Header and Footer that all pages within your website have. Headers & Footers are the way Wix enables you to design elements once, which then show on all pages of the site. Permissions allow you to set if the page will be viewed by the visitors of the website without any restrictions, using a password or only if they are registered members. 30/59 SEO (Google) enables you to set the Search Engine Optimisation parameters of the page. Search Engine Optimisation enables your site to “talk” to Search Engines such as Google and to enable visitors to find the site more easily on them. More on SEO here: https://en.wikipedia.org/wiki/Search_engine_optimization More on using SEO on Wix: https://www.wix.com/support/html5/search-engine-optimization/ Explaining SEO in simple terms https://www.youtube.com/watch?v=hF515-0Tduk 31/59 4 EDITING 4A BACKGROUND COLOUR The background colour is the colour that appears behind all the elements you add to a web page. This appears as red in the screenshot below. Step 1 Setting the background of your website Move to the page you wish to apply a background and click on the button with the square shape (1) to see the sub menu. 1 32/59 Step 2 Select the type of background you wish Using the submenu you can select from 3 types of background styles: Colour, Image or Video. Image and video assets are available to use from the thumbnail menu (1) and once you select one it will appear in the background of your page. 1 Whatever asset you choose to use as a background of the particular page you are on, you can choose to apply it to all pages by clicking on the Apply to Other Pages Button (1). You can then select which pages you wish to apply this background on using the submenu (2). 33/59 2 1 To choose a colour for the background, click on the Color button (1) and then select the colour you wish. If the color you want to use is not available in the submenu then click on the button Change (2) to get a selection of colour swatches to choose from (3). 1 2 3 If you wish to use your own assets as a background just click on the Image (1) or Video (2) buttons to upload and use them, from where you can also select from categories of ready to use assets as well. 34/59 1 2 By clicking on the image button you can see all media that you have already uploaded. You can click on the Upload Images (1) button to upload new images or simply drag and drop the image in the space shown (2) or any of the tabs Social Images (3), Free from Wix (4) and Bigstock Images (5) to find images from various categories. 3 4 5 1 3 3 3 3 2 Note that Bigstock Images are not free and every time you click on the image in this tab the price appears. If you click on the Video button from the Page Background Menu, you get a similar window that you can use in a similar way as you would do with Images. 35/59 4B TEXT FORMATTING 4B (i) Editing existing text within a template Step 1 Finding and moving text Go to the text you wish to change within the template you are using and click on it in order to see the menu. Use the arrows (1) to move the text up and down the page without altering the layout. Alternatively click and hold the text box so that you can move it anywhere you wish. 1 1 Step 2 Editing text and its settings Click on Edit Text (1) to be able to amend it and manage the attributes of this text (2). 36/59 2 1 Step 3 Change how your text looks Using the text settings menu you can define various aspects of your text. You can use the scroll button on your mouse to move down the menu. You can perform the following changes to your text: 1. Choose from various text themes (1) 2. Change your font (2) and font size (3) 3. Format your text (4) as bold, italics and/or underline, change the colour of the text or highlight it with a colour of your choice. You can create a text link from here by selecting the text you wish and clicking on the link button (See section 4D Creating Links) 4. Using the set of tools seen as (5) you can change your text alignment, add bullet or number lists, decrease and increase your text indentation and change the orientation. 5. Effects (6) let you give your text a number of effect. 6. You can change the line spacing using this category of tools (7) 7. At any time you can reset your changes to that of the theme (8) 37/59 1 2 6 3 4 5 7 8 For more detailed information on how to edit text in Wix visit https://www.wix.com/support/html5/the-wix-editor/text/ or click on the ? button above the tool set. 38/59 Step 4 Typing in your text and resizing the text box As you are typing, the text will enlarge to push down the other web elements but maintaining the layout of the page. You can aslo use the various points on the text box (e.g. 1) to resize the text box. 1 1 1 Step 5 Animating your text You can also choose to animate your text by clicking on the Animate button (1). You can then choose from a number of animations (2) and you also customise them (3). 39/59 1 2 3 3 40/59 4B (ii) Adding new text Step 1 Go to add menu Click on the + button (1) to add an element to your site 1 Step 2 Select text from the menu that appears (2) 2 41/59 Step 3 Choose the text you wish to add Once you find the text you wish to use (e.g. 3), click on it and keeping your mouse pressed grab it and drop it where you wish to use it in your site. 3 Step 4 Edit your text Once you drop the text where you wish, you can then edit it in the same way shown in Section 4B (i) Editing existing text within a template. 4 42/59 4C IMAGE MANAGEMENT 4C (i) Managing existing images in the template Step 1 Find the Image you wish to manipulate Click on the image you wish to manage (1) to populate a set of tools (2) 2 1 Step 2 Move the image You can use the arrows (1) to move the image up and down the page without affecting the layout of the page by clicking and dragging it (holding down your mouse button) up and down. Alternatively, you can click on the image and drag and drop it anywhere on the page. 2 2 43/59 Step 3 Resizing your image Use the various points on the box (e.g. 3) to resize your image. 3 3 3 3 Step 4 Change your image Click on Change Image to replace your image 4 44/59 Step 5 Choose your new image Use the tabs My Images, Social Images, Free from Wix and Bickstock Images (1) to find the library of images you wish to use and then select the image you wish to use. Alternatively you can choose to upload your own image using the Upload Images button (2). 2 1 Step 6 Editing your image and additional options Additionally you can edit your image using the following options. 1. 2. 3. 4. 5. Manage the image settings (1) Customise the design with themed frames (2) Crop and edit your image (3) Create an animation for your Image (4) Link your image to an internal or external page (5) 3 1 5 2 4 3 3 45/59 4C (ii) Inserting a new image Step 1 Click the + button to add a new element on the website (1) 1 Step 2 Select to insert an image on the website Once you click on Image (1) then you can choose from which library to choose from (2). 1 2 46/59 Step 3 Choose your image from the library Once you choose from the library of images, in the same manner as step 5 of 4C (i) Managing existing images in the template you can then drop it anywhere on the web page. You can then edit the image in the same manner as seen in 4C (i) Managing existing images in the template. 47/59 4D CREATING LINKS 4D (i) On text Step 1 Click on the text box in which the text you wish to place the link on is found and then click on Edit Text (1) 1 Step 2 Place link on selected text Use your mouse to select the text you wish to place your link on (1) and then click on the link button (2) in the text settings set of tools.. 2 1 48/59 Step 3 Choose the type of link Wix offers a number of link options: 1. Choose a page within your website (1). Simply click and select (1). To link to an anchor on another page go to Section 4D (iii) Creating a Links to a specific part of a page (anchor) 2. Enter an external web address (2) 3. Place an email address (3). When visitors click on this link, a new email message will be opened with your email address entered in the sender field. 4. Link to an uploaded document (4). Choose document and then upload the document you wish to link to. 5. Top of Page (5) and Bottom of Page (6) take you to that location within the same page. 1 2 3 4 5 6 49/59 4D (ii) On images Step 1 Select the image to link from Once you select the image you wish to add a link to (1), then click on the link tool (2) 2 1 Step 2 Select where the image will be linked to Choose the link type by using the options in the window that appears. See what options are available in Step 3 in Section 4D (i) Creating Links on text Adding links on buttons is done in the same way as it is done for images. 50/59 4D (iii) To a specific part of a page (anchor) Step 1 Place anchor on page Choose the page you wish to place an anchor on and click on the + button (1). Select More (2) and scroll down the menu to find the Anchors options. Click on the anchor image (4) and drag and drop it on the height of the page you wish. 1 3 4 2 Once on the page, you can move the anchor up or down, whilst clicking on it (5) pops up a menu that allows you to rename it or define its settings. 5 51/59 3 Step 2 Choose the image or text you wish to add the link to the anchor Select where the link will be added (6) and click on the link button (7) 7 3 6 Step 3 Linking to an anchor Select Page/Anchor (8) in the window that will appear. Select which page on the site you wish the anchor to be placed (9) 9 8 52/59 4E BANNERS (GALLERY) 4E (i) Editing an existing banner in template Click on the banner (gallery) (1) in order to see the pop up menu (2). Use this pop up menu to choose the images that will appear on your carousel banner, affect the settings such as the transition speed between images and choose what type of animation will be used. 2 1 4E (ii) Adding a new banner or gallery Click on the + Button (1) and select the Gallery style you wish to use (2). Edit it in the same manner as indicated in section 4E (i). 1 2 53/59 4F ADDING A FORM OR MAP 4F (i) Insert and edit a contact form, subscription form or map Click on the + button (1) and then on Contact (2). Choose the form or map style you wish and drop it onto your page. 1 2 54/59 When you click on the form, a menu of tools will pop up, which will enable you to set the email the form will be received, once submitted by a user, add and remove cells and change the settings of the form. When you click on the map you have added, a menu of tools will pop up, which will enable you to set the address and change the settings of the map. If you are unable to find your address by typing it in you can enter the coordinates directly in the format 35.126177, 33.363689. See how to find the coordinates of your location at https://support.google.com/maps/answer/18539?hl=en 55/59 4F (ii) Add other types of forms You can add other types of forms by clicking on the + button (1) and then on contact (2). Scroll down to Related Apps (3) to choose from a number of form services. 1 2 3 56/59 4G ADDING A TABLE You can add a table to your site by clicking on the Wix App Market (1), searching for table in the search box and then adding Table Master to the site (2). 1 2 You can then define the settings of the table by clicking on it and then on settings and using the menu that is populated to edit the text in the table, to edit the table itself, to define the rows and columns and colours of the table. 57/59 4H ADDING OTHER TYPES OF CONTENT Wix enables you to add a number of web elements and content by clicking on the + button (1) with the options seen in (2) available: 1 2 58/59 5 MOBILE & TABLETS Step 1 Move to mobile view Click on the mobile icon (1) to switch to the mobile view. 1 Then click on the Edit Mobile View radio button (2) 1 59/59 Step 2 Edit the mobile view You can edit your mobile view in the same way you did your desktop version. Step 3 Hiding elements If you wish to hide elements that appear on the desktop version from the mobile view you can do so by clicking on the item you wish to hide (1) and then on the hide button (2). You can then view which items are hidden using the Hidden Elements button (3). 2 3 1 60/59 6 APPS & ADDITIONAL MODULES Wix enables you to add a number of apps and features to your site. Apps enable you to add various types of functionality to your website, such as forms, calenders or stores. 6A ADDING APPS TO YOUR SITE To add an App to your site, click on the Wix App Market button (1) and choose the app you wish to add. 1 Although some apps are free, some apps are available at a charge. 6B ADDING AN ESTORE TO YOUR SITE By clicking on the Wix App Market button (1) and then on the eCommerce button (2) you can select from a number of eStores for your site. 61/59 1 1 62/59 6C ADDING HTML CODE AND FLASH To add other functionality to your site you might wish to use Html code or flash. Click on the + Button (1) and choose Embed a site, embed a site or flash. 1 63/59 7 PUBLISHING YOUR SITE Once you preview your site by clicking on Preview (1) and seeing that your site is exactly the way you want it, you can then publish it by clicking on Publish (2). 1 2 3 Your site will now be live and available to all viewers on the Internet. 64/59 2 3 HOW TO BUILD 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. It’s 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 2 Signing up to Wix 4 Choosing a Template 5 Managing backgrounds 8 Applying your Wix background to more than one page: Managing Pages 9 9 Adding text 10 Adding images 11 Wix Galleries 12 Adding an image to a Wix Gallery 13 Adding a link to an external image in Wix Gallery 13 Wix Strips Customizing Wix Boxes 14 15 15 Customizing 16 Shapes and Lines 16 Documents 17 Videos 17 Customizing Audio 18 18 Customizing your Music Player 19 Audio Play Button 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 Page settings, name and URL 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 Choosing your Wix domain 28 Saving your Website 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): Clicking on the Start Now button will take you to a Sign In screen. If you haven’t signed up already you will need to register a new account. This is a straightforward procedure of just completing the form, adding your email address and chosen password, or if you prefer, Facebook or Google accounts can be used. adding your email address and chosen password, or if you prefer, Facebook or Google accounts can be used. www.websiteplanet.com You will be taken straight to a screen that will prompt you to select a category that best describes the website you are hoping to build (below). 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. You can also easily add and remove any pages. But, remember, you can't switch the template itself midway through, so you should choose your template wisely. www.websiteplanet.com Before selecting a template: Prior to selecting your template, you should know what you want out of the site. Ask yourself a few basic questions so you can proceed without having to backtrack. What is the purpose of your site? You should ask yourself what you want out of the site. Do you want to create a blog, or do you want to sell products or showcase your online portfolio? When you know the purpose of your site, you can choose the right style that fits your business model or idea. What kind of style do you want? Some sites are meant to be professional looking, and others are supposed to be more fun. You should think of what kind of message you want to convey before you proceed. If you find a designer-made template, you are going to save time, but you must remember to think about customizing your site so you can stand out. Do you have a vision for your brand? It helps if you know about your brand and your vision as you can create the ideal Wix site. But if you don't, you can keep it simple and build it up over time. However, it's wise to choose a template that complements your company and its identity as you want your customers to perceive you in a positive manner. How much time do you have? Finally, you will want to think of your schedule when you make a site. If you have a lot of free time and aren't launching your business or product soon, you can dedicate tens of hours to making your Wix site. On the other hand, if you want to make a site overnight or in a couple of days, you should select a template that includes features and a layout that you want to include, saving you time from having to organize these yourself. Once you know what you want out of your website, you should check out the vast template collection that Wix provides. To get started, browse the gallery for inspiration. With the extensive collection at Wix.com, you can essentially get anything you want. On the top left corner of the templates page, you can search and then browse the results to find the perfect solution. You can easily find the latest templates by clicking the new button on the left side. Or, if you prefer, you can check out the Most Popular Templates button, which is just below the New templates. Finally, if you want to create a site from scratch, you can do so by clicking the Blank Templates button. However, if nothing suits you or you want to look more, you can select a category to browse such as Music, Blog, Hotel & Travel and many more. Can you think of a competitor you want to emulate? When you are setting up your Wix site, you should first check out your competition. That way, you can find out what you like and don't like about other sites. Then, once you are ready to start building, you can emulate the good things and make an even better site. www.websiteplanet.com You can also click the Mobile View icon in the top left corner to see how the template looks on a mobile device. To get a better idea and understand the flow of the template, you should go through each page individually as you can get an idea on how the site will look in real-world conditions. If, at any point, you are struggling, you should check out the editor related tutorials. It should be noted, if you have any trouble opening your template to edit, you should check your browser settings as it may be blocked by popup blockers or additional add-ons to your browser such as AdBlock. As soon as you have chosen a template, you will be brought to a full-screen example of what this template looks like. If this looks good as a starting point for you – click Edit this site. Boxes will begin to appear over the template, and you have entered the editor view. From here you are able to begin your customization. Once you select your template, you can then set your page background. Again, think of what message you want to convey to your audience. 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. Full-Screen Background: Will resize the background image, so it fits the size of the screen. Fit: This option will allow you to maintain the proportional setting between width and height. Tile: This will display the background image across the screen, in a tile formation. Tile Vertically: With this option, the content will be displayed in a tile formation across the vertical axis of the site. Tile Horizontally: Same with tile vertically except the image will be displayed in a tile formation. Original Size: With this option, your background image will retain the original dimensions To enable the scroll background option, check the box next to Scroll Background option. If you choose a display setting option (such as original size) that leaves some of the screen not covered by your image, you have the option to set a color for this void-space. To do this, click the Change Color button to open the Color Picker button. www.websiteplanet.com Applying Wix Background to more than one page If you want to apply your page background to other pages, you can do so in two easy steps. First, from the Page Background, click Apply to Other Pages if you want to apply the background to other pages. From Apply to Other Pages, you can check the box next to All Pages. This allows you to add the background to all the pages on your site. Or, you can check the box next to each page from your page list. Then, to confirm your choice, just click OK, or you can choose only specific pages, e.g. pages with the same theme. 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. Then, under Name Your Page, write a title for the page. As an option, you can also Add as a subpage, by clicking the Add as a subpage box. Once you select your option, click the OK button, and you are done. To add new pages, from the left side of the editor, click the Pages: Home dropdown menu and select the + Add Pages button. and from the bottom right, click Add. Next, you want to click Page, and from the left side, under Page Layouts, just select a layout for the new page. www.websiteplanet.com Note that in the figure to the left Home, Nature, Architecture and About are the names of 4 existing pages that were automatically generated when choosing a category. Depending on the category you have chosen may be of use to you, or you may want to rename them or remove them completely. To rename or remove a page, simply clicking on the round icon next to the name of the page will bring up the following menu with those options: 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. Begin by selecting the “+ Add” icon on the left of the screen. The default feature to add is text, and this box will pre-selected sizes and fonts that can be quickly added. You don’t need to worry about these template options if you know what format you need, as all these options can be customized once the text box has been created. In the example below the default options for “Site Title” box are show, with the ability to change font, size, color, background, and standard text formatting. Double-clicking on the text box itself allows you to replace the text content. www.websiteplanet.com To delete a text box simply select it and use the delete key on your keyboard. Clicking anywhere outside of the box deselects it, leaving you to concentrate on another area of your page. Please note: The maximum number of characters that can be added, including spaces, to one text box is 75,000. Adding Images Images are an important component of your website, being the most visible aspect, and it’s 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. To choose an image of your own, from your PC, click on Upload Images. It will allow you to browse your images, and you can select by clicking Open. Finally, from Add Images, just select your images and then click Add. All uploaded images will then appear under the My Image Uploads folder. www.websiteplanet.com Please note, if you want to select more than one image, hold down the CTRL key, and select the images you want. Also, when uploading images, remember that you can upload .gif, .png, and .jpg images of up to 15MB each. If you want to delete an image for any reason, just left click on the image and press the Delete button on your keyboard, or once the image is selected, then right-click to bring up a pop-up menu, and select Delete. 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 site’s 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 don’t 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. Don’t 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 Adding an image to a Wix Gallery To get started in adding an image to a gallery, choose the gallery, and from the floating-button menu, select Change Images. Then, from Organize Your Gallery Images, select Add Images. From this window, click an image, or a few, then click Add Images. To choose more than one image, click on any image you wish to add. Once on the Organize Your Gallery Images selection, click Done. Wix doesn’t limit the number of images you can add to a gallery, but you must too many. To upload your image to a gallery, click the gallery, and click Settings from the pop-up menu. Once you are at the Gallery Settings, click Organize Images then Add images. Once here, select Upload Images. You can now browse your folder and select the image, or images, and click Open to upload the image or images. Once you have selected the images you wish to include in the gallery, simply drag-and-drop to place in the order you want them to appear in. At times, you will want to delete an image in your gallery. From the Organize Your Gallery Images tab, navigate to the image you want to delete and click the trash can icon. With Wix.com, you can easily manage your gallery images and links to images in your gallery, should you wish to share them. Furthermore, you can add a description or title to any images, and you can decide whether to display a certain image or not. Adding a link to an external image in Wix Gallery If you want to add a link to an image in your gallery, click the gallery, and navigate back to the Change Images menu, and then click on an image to select it. In the popup menu that appears, you can also add links and descriptions. Remember, you can change your gallery any time you wish, and you only have to click Design after clicking on the Gallery. 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 • Freestyle Gallery Options http://www.wix.com/support/html5/editor/galleries-1679966/tutorial/gallery-customization-options#anchor-freestyle-gallery-options http://www.wix.com/support/html5/editor/galleries-1679966/tutorial/gallery-customization-options#anchor-masonry-gallery-options • Masonry Gallery Options • Collage Gallery Options http://www.wix.com/support/html5/editor/galleries-1679966/tutorial/gallery-customization-options#anchor-collage-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 • Strip Slideshow Gallery Options http://www.wix.com/support/html5/editor/galleries-1679966/tutorial/gallery-customization-options#anchor-strip-slideshow-gallery-o • Slider Gallery Options http://www.wix.com/support/html5/editor/galleries-1679966/tutorial/gallery-customization-options#anchor-slider-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 • 3D Carousel Gallery Options http://www.wix.com/support/html5/editor/galleries-1679966/tutorial/gallery-customization-options#anchor-3d-carousel-gallery-optio http://www.wix.com/support/html5/editor/galleries-1679966/tutorial/gallery-customization-options#anchor-animated-grid-gallery-opt • Animated Grid 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. Shapes and Lines There are hundreds of free shapes that you can add to your site, and it’s easy to do so. To add a new one, click the Add icon from the left side of the editor. From Add, open Shape, then selecting the shape or line you desire. By adding lines to your site design, you can define and plot areas and make sections flow better. When the shape or line is placed, drag it to where you wish it to be, and through the Design (paintbrush icon) select Customize Design in order to change widths and colors. If you wish to maintain an equal height/width ratio, click the box next to Maintain Aspect Ratio. 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. To upload a document, go to the Add icon, which you can access from the left side of the editor. From there, you can click More, and then click the relevant Document Buttons. From the Add Documents menu, you can select the files you wish to upload by simply dragging them from a folder into the box, following the prompt. If you already uploaded the documents to your media manager, it will simply say Choose Document. Finally, once uploaded, you can move to the desired location on your site. Any visitor will then be able to Documents can be uploaded with a large range of available formats, and up to 15MB in size. Videos Wix.com allows you to add Vimeo or YouTube videos to your pages using the Video feature with your site’s editor. When adding a video from YouTube, don’t forget to set it to Public. Also, check the Allow Embedding box, which is under Advanced Settings on the YouTube website itself. Furthermore, don’t use the full screen link for your video as it won’t work in the Wix player. If you aren’t 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 video’s 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 Customizing your Music Player If you want to customize the music player, go to the settings window, and check the box next to the options you want to change such as Show image or Autoplay. Then, simply click outside of the player when you want to close the settings box. If you want to play music continuously on your site, you can do so by double-clicking the player; then, check the box labeled Show on all pages. It must be noted that playing your music continuously is not the same as looping. Audio Play Button You can easily share music on your wix.com site and customize your Audio Play button which will appear as a small icon, rather than a full music player. Head to the left side of the editor and select the Add icon. From there, you can click Music. Then, select either Themed Players (which recommends a type based upon your website design) or on any of the Mini Players (which can all be customized through the usual method of going through Design in the pop-up menu once the player has been placed. Through Settings when the pop-up menu comes up you can change the track. 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: Change Text – Add text that will appear on your button. Link- Here, you can link the button to a page on your site, external site, email address or a document. Layout (Text Alignment) - Aligns your text to the left, right or center. Design- Change the style or set your own Animate- Add an animation to the button when the website is loaded. Usually buttons are not animated. Linking buttons to pages, documents or email To link the button to an external URL, select your button, and from the pop-up menu, select Link. Then, from there, you can click Web Address, and type in the external URL. After that, you can opt to have the page open in a new window or in the same window. When you choose which option you prefer, click OK. . The process for linking to another of your pages is similar; choose Page, followed by selecting the page you want. Anchor refers to a starting point on a page to take the visitor to. For example a link may take a visitor over to half-way-down a webpage to highlight a certain bit of information etc. You can also click Insert an email address and type in the email address. Next, under Insert a subject, choose the subject line you want. Finally, click OK. If you want to link to a document, select your button and, from the pop-up menu, select link to. Then, from Link To Document, select Choose Document. After this, select a document to upload, or one that has previously been uploaded. www.websiteplanet.com 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 Page Settings, name & URL The Settings link you can see will bring up additional options. Here, you can customize the settings for all your pages. You can rename a page, hide the page from your menu, make it the front page, update keywords, and you can even update the page’s title (how it appears in your page list) or change the URL (Remember, when you change the address, keep the new one short and relevant). When you are on Pages, you can go between other pages if you want to change settings easily. 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 it’s 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 Swipe Horizontal Pages With Swipe Horizontal Pages, the pages will glide along the horizontal axis. Swipe Vertical Pages With Swipe Vertical Pages, they will glide along the vertical axis. Cross Fade With the Cross Fade option, the pages will fade into view. Out-in With Out-in, the current page will vanish before being replaced by a new page 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. Adding a Landing Page 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. A landing page might consist of a Coming Soon page, an Under Construction page, or it may be used to collect leads. 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. The process of creating a landing page is the same as setting up any page. Please see more information about this above. www.websiteplanet.com The steps to set up a landing page are as follows: 1. Add new page 2. Click the relevant page Note: Your landing page will not include a menu. Adding a button linked to your website’s main page will allow your visitors to navigate to other parts of your website. 3. Click the Show More icon 4. Click Settings 5. Click Layouts Changing the design or background of your landing page is also done in the same way as all other pages, to make this process as simple as possible. 6. Select No Header & Footer 7. Click Done Visibility The landing page doesn’t 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 website’s homepage, meaning when attempting to access your website, users will automatically be directed here, unless they use a page URL. Or, you can get the page’s URL and give it to your visitors directly via social media channels or ShoutOut. This means that rather than being automatically sent there when searching for your website, they will click directly through to it using its You can set your new landing page as your homepage 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 menu. From the Settings menu, you can also view the page’s URL, allowing you to share the link easily. www.websiteplanet.com Linking to Homepage You must remember that your landing page doesn’t have a footer or header. Furthermore, because of this, it doesn’t have a menu. So, if you want your visitors to navigate the rest of your site with ease, you need to link a button to the main page of your site. Luckily, you can link to your homepage from your landing page (if you choose to have them separately, of course). To get started, from the landing page, click your button. Then, once the pop-up window opens, click Link To. Once you open the Link To page, click Page. Then, from Link to Page, under Select Page, just click the drop-down menu and choose your main page (which would usually have a menu from which they can access all other important pages), then click OK. If you need to add a menu to your landing page at all, this is easily done using the Add menu, that you will now be familiar with, followed by Menu. The resulting menu, which you can drag to any position will automatically populate with the names of all (non-invisible) pages on your website, and can be adapted by clicking on it, followed by Settings. 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 Choosing Your Wix Domain 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, it’s a wise investment in your brand. If you decide to buy your own domain, just click Setup with registrar and enter the information required. Saving Your Website At any point during the process, you can save your site and continue working on it at a later time. If you want to access your saved sites, go to MySites on Wix.com. If you need to save your site, you must first name it, and the name of the site will be part of the Wix URL. To save, click on Save in the top right of the editor. 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 haven’t 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! What’s 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 https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf https:/ twit er.com/intent/tweet?text=How%20to%20Build%20a%20free%20Website%20with%20Wix%20-Free%20Ebook%20&url=http%3A%2F%2Fwww.websiteplanet.com/wix-guide.pdf www.websiteplanet.com
