Wix Tutorial 10/2/2015. Prof. María L. Moctezuma

Transcription

1 Wix Tutorial 10/2/2015 Prof. María L. Moctezuma

2

3 TABLE OF CONTENTS Free Site Basics... 1 Signing Up... 2 Choosing Your Template... 3 Before You Select a Template... 3 Navigating Through Wix's Template Collection... 4 Viewing and Editing a Template... 5 How do I edit a Wix template?... 6 Managing Your Page Background... 7 Setting Your Page Background... 7 Uploading A Page Background... 9 Customizing Your Page Background Applying Your Page Background To Other Pages Deleting Your Page Background Image Managing Your Pages Adding Pages Navigating Between Pages Reordering Pages Creating Subpages Duplicating Pages Deleting Pages Managing Your Page Settings Naming Your Page Changing your Page Address Setting a Page as your Site's Homepage Viewing your Page URL Hiding Your Page Changing Your Page Transitions Adding and Customizing a Landing Page Adding a Landing Page Customizing Your Landing Page Style Customizing Your Landing Page Background Viewing Your Landing Page Linking Your Landing Page Button to Your Home Page i

4 Password Protecting Your Pages Adding and Editing Text on Your Site Adding and Editing Text Content Deleting a Text Box Adding and Deleting Images Adding an Image Uploading an Image Deleting an Image Adding and Customizing Strips Adding a Strip to Your Site Adding a Background Image to Your Strip Customizing Your Strip Style Adding and Customizing Boxes Adding a Box Adding an Element to Your Box Customizing Your Box Adding and Customizing Lines Adding a Line Customizing Your Line Adding and Customizing Shapes Adding a Shape Customizing Your Shape Adding and Changing a Gallery Adding a Gallery Changing a Gallery Type Adding and Deleting Gallery Images Adding an Image to a Gallery Uploading an Image to a Gallery Deleting an Image in a Gallery Managing Your Gallery Images Adding a Link to a Gallery Image Gallery Customization Options Grid Gallery Options Image Scaling crop your images or fit your images to the height of the gallery Masonry Gallery Options Slideshow Gallery Options Thumbnails Gallery Options ii

5 Strip Slideshow Gallery Options Strip Showcase Gallery Options Accordion Gallery Options Freestyle Gallery Options Collage Gallery Options Honeycomb Gallery Options Impress Gallery Options Slider Gallery Options D Slideshow Gallery Options D Carousel Gallery Options Animated Grid Gallery Options Videos Adding a Video Customizing Your Video Video Options SoundCloud Audio Adding SoundCloud Audio Customizing Your SoundCloud Player Playing Continuous Music on Your Site Documents Adding a Document Organizing Your Documents Customizing a Document Deleting a Document Audio Play Button Adding an Audio Play Button Customizing Your Audio Play Button Single Audio Player Adding the Single Audio Player Changing the Track Customizing the Track Settings Customizing the Style itunes Button Adding an itunes Button Customizing Your itunes Button itunes Button Options Spotify Player iii

6 Adding a Spotify Player by Searching Spotify Adding a Spotify Player by Entering a Spotify URI Customizing Your Spotify Player Spotify Player Options Using Buttons Adding a Button Button Options Linking Your Buttons Linking Your Button to an External Web Address Linking Your Button to a Page Linking Your Button to an Address Linking Your Button to a Document Linking Your Button to an Anchor Adding and Customizing an Image Button Adding an Image Button Customizing Your Image Button Previewing Your Site Saving Your Site Publishing Your Site Get Feedback on Your Site Sharing your Site For Feedback Viewing Your Feedback Deleting Feedback HTML5 Keyboard Shortcuts Anchors Adding an Anchor Anchor Name Positioning an Anchor Linking an Anchor to an Element Linking a Menu Button to an Anchor Adding and Customizing a Menu Adding a Menu Customizing Your Menu Menu Options Creating Subpages for Drop-Down Menus Managing a Menu Dropdown Adding a Menu Dropdown iv

7 Organizing the Pages in your Menu Dropdown Deleting a Menu Dropdown Adding and Customizing a Vertical Menu Adding a Vertical Menu Customizing a Vertical Menu Adding a Link to your Menu Adding a Link to your Menu Viewing and Editing your Menu Links Deleting a Link from your Menu Creating a Site From a Blank Template Using a Blank Template Editing Your Blank Template Creating a Multilingual Site Create Your Main Language Site Translate Your Site to the Secondary Language Adding Language Icons (Flags) Adding a Blog to Your Site Adding a Blog to Your Site Hidden Page Intro to My Sites Page Essential Wix Tools to Use With Your Business Site Custom Domain Name Every Wix site gets it's own unique site address in the following format: username.wix.com/sitename Google Apps Mailbox The Wix App Market Site Contacts Wix ShoutOut How can I back up or duplicate my Wix SITE? Managing Your Site History Accessing Your Site History Viewing a Previous Version of Your Site Marking a Version as Important Renaming a Version in Your Site History Restoring a Version of Your Site How do I delete an old site from my Wix account? v

8

9 SIGNING UP FOR A WIX FREE ACCOUNT Wix provides you with all the tools and features you need to build an amazing site for free, without using any code! Once you sign up for a free Wix account, you can create and publish as many sites as you wish! Don't wait! sign up today and start creating your stunning site. FREE SITE BASICS As a free Wix user, you get unlimited use of our advanced design platform. Make your free site as unique as you are. Using our user-friendly drag n' drop site builder take our designs and change anything - pictures, backgrounds, colors, fonts and text with the click of a button. Key features available to all users: 1. Access to our extensive collection of images, clipart and icons. Use as many as you want, all fully customizable and 100% FREE to use on your Wix site. 2. An optimized mobile version of your site is automatically created with just one click, letting your site visitors view the same design and content on all devices. 3. We provide all of our users with top industry site hosting that keeps your site safe and secure. 4. A free site includes 500MB of storage and up to 500MB bandwidth. 5. All Free Wix sites display Wix's logo. 6. Published free Wix sites are assigned a URL made of: username.wix.com/sitename 7. The Wix App Market is available to all users! You can find there hundreds of incredible apps to help you take your site to the next level! You can easily find our Free apps here. 8. Free Wix users have unlimited access to all of the Wix Support step-by-step tutorials, FAQs, video tutorials, and more, via the Wix Help Center. 1

10 SIGNING UP To sign up for a free account: 1. Go to Wix.com. 2. In the top right corner, click Sign In. 3. From the Sign In screen, choose if you would like to use your social account (Facebook or Google+) or create a new account. 4. To create a new account, type your in the field and mark the dial next to I'm a new user. 5. Type a password in the password field and click Go. 6. From Sign Up, type your again in the second field. 2

11 7. Under Enter a new password, type your password again in the second password field. 8. Click Sign Up. CHOOSING YOUR TEMPLATE Creating a site is easy with Wix! We offers hundreds of fully customizable templates for every category, from business sites to wedding sites to designers' portfolio. You can change the background image on any Wix site, add and remove pages, play around with the colors and choose from many different apps and features to suit your needs. Keep in mind that you can't switch a template midway through the editing process so choose your template wisely. BEFORE YOU SELECT A TEMPLATE 3

12 Prior to selecting a template, we suggest that you consider the following: What is the purpose of your site? Are you looking to create a blog site, an online resume, sell products, build a site for a school project, etc.? Its incredibly important to define your site's purpose because different sites have different needs. What is your style? Once you determine what kind of website you need, you should consider it's style. Are you looking to create a minimalist site? A colorful site? It's best to make this decision in the early stages. Finding a designer-made template that matches your site's vision will save you time. Do you have a vision for your brand in mind or an already established brand? It's wise to select a template that compliments your brand identity (how you would like your customers to perceive you). Your site's design can help you express this vision to the public. Think of famous brands out there, Google, for example, is using a minimalistic design that conveys simplicity and supports their techie image. Ben & Jerry's, on the other hand, are great at creating a playful and witty identity that relies on wild color schemes, childlike icons and eccentric copyrighting. How much time can you dedicate to creating your site? Are you on a tight deadline or simply do not want to dedicate many hours to designing your site? If you've answered yes, then be sure to select a template that includes a layout and features you are looking to include in your site. This will minimize the time you will have to spend on customizing your site. NAVIGATING THROUGH WIX'S TEMPLATE COLLECTION Whether you have a clear vision of your future site, or simply wish to browse our gallery for inspiration, our extensive template collection offers something for everyone. At the top left corner of the Templates page you will find a search bar. Enter a keyword to search for a specific template, and browse through the results. 4

13 1. Below the search bar, click NEW to see our latest templates. 2. Clicking on Most Popular will take you to a gallery showcasing our most popular available templates. 3. Our Blank Templates collection offers several different options for those that want create a site from scratch or with minimal pre-design. 4. You can also easily browse through our templates by category. Under Categories, you'll find our templates categorized by the most popular themes. VIEWING AND EDITING A TEMPLATE 1. On the top right corner of every template you'll find a clickable information icon that includes a description of the template, as well as what kind of site it is recommended for. 2. Click View to see the template as a live site. Click the Mobile View icon at the top left corner to see what the template looks like in it's mobile version. 3. When viewing the template, go through each page and try to understand the flow of the entire template. One of the most important things in a website is simple and intuitive navigation, so it's 5

14 important that you familiarize yourself with the navigation of the template you decide to work with. 4. Once you find the perfect template for you, click Edit from the Templates page, or Edit this site from the template viewer. 5. From the moment you enter your site's editor, you can start transforming your chosen template into a stunning one-of-a-kind site. 6. Click here to explore our editor related tutorials and learn more about our incredible editor features and elements. HOW DO I EDIT A WIX TEMPLATE? 1. The templates available on the Wix Templates page are 100% customizable! Simply select a template to make it your own. 2. To edit a template from the Templates page: Find the template that you'd like to use > under the template preview, click Edit. 3. The Wix Editor will open and you will be able to edit the template according to your requirements. 6

15 4. You're welcome to view the template first by clicking the View button. You can move directly from View mode to Edit mode by clicking Edit this site from the toolbar at the top of the page. 5. If you are unable to open a template, please disable your browser's pop-up blocker. MANAGING YOUR PAGE BACKGROUND Setting Your Page Background Uploading A Page Background Customizing Your Page Background Applying Your Page Background To Other Pages Deleting Your Page Background Image Set and customize a background for a single page on your site. Easily apply the background to multiple pages or all pages on your site. SETTING YOUR PAGE BACKGROUND To set your page background: 7

16 1. From the left side of the Editor, click the Design icon. 2. From Design, click Background. 3. From Page Background, click on any of the preset styles. 4. 8

17 UPLOADING A PAGE BACKGROUND To upload an image as your page background: 1. From Page Background, click Customize Background. 2. From Customize Background, click Add Image. 9

18 3. From Change Background, select an image to add as your page background or clickupload Images to upload an image from your computer. When you are done, clickchange Background. CUSTOMIZING YOUR PAGE BACKGROUND Customize your background by changing the image scaling, position, background color and scroll function of your background. 1. From Page Background, click Customize Background. 10

19 2. From Customize Background, set the Image Scaling and Position on the page. Full Screen Fit Tile Tile Vertically Tile Horizontally Normal Background image is resized to fit to the size of the screen size Background image will maintain its proportional relationship between width and height Background image will display in a tile formation across the screen Background image will display in a tile formation across the vertical axis of your site Background image will display in a tile formation across the horizontal axis of your site Background image will maintain its original dimensions 4. Check the box next to Scroll background with site to enable the scroll background option. 5. Click Change Color, to open the Color Picker and change your page background color. If you have added an image as your background, the color you select will only be visible using some image scaling options. APPLYING YOUR PAGE BACKGROUND TO OTHER PAGES Easily apply your page background to multiple pages or all pages on your site. 1. From Page Background, click Apply to Other Pages if you would like to apply the background to other pages on your site. 11

20 2. From Apply to Other Pages, check the box next to All Pages to add the background to all pages on your site, or check the box next to individual pages from your page list. To confirm your selection, click OK. 12

21 DELETING YOUR PAGE BACKGROUND IMAGE If you have uploaded your own image as your page background, you can easily delete it. To delete your background image: 1. From Page Background, click Customize Background. 2. From Customize Background, under Change Image, click Remove Image 13

22 3. Removing your page background image will only remove it from the page you are currently editing. To remove it from another page on your site, repeat the steps above. MANAGING YOUR PAGES Adding Pages Navigating Between Pages Reordering Pages Creating Subpages Duplicating Pages Deleting Pages Add as many blank or pre-made, pages to your site as you wish, and reorder, duplicate and delete them from Pages. You can also create subpages, which will appear in a dropdown menu on your site's menu. 14

23 ADDING PAGES To add pages: 1. From the left side of the Editor, click the Pages icon. 2. From the bottom right of Pages, click Add. 3. Click Page. 4. From the left side of Add Page, under Page Layouts, select a layout for your new page. You can click the page layouts to view a preview. 15

24 . 5. Under Name your page, type a title for your page. 6. Optional: Checkmark the box next to Add as a sub page if you want this page to be a sub page on your site. 16

25 7. Click OK. NAVIGATING BETWEEN PAGES You can navigate between your pages in the Editor by clicking the page icon on the left side of the Editor. From Pages, click on a page name in the list to navigate to it. You can also navigate your pages from the drop down menu next to Page at the top left of your Editor. REORDERING PAGES From Pages, change the order of your pages quickly and easily. To reorder your pages: 1. From the left side of the Editor, click the Pages icon. 2. From Pages, click the icon to the left of a page name and drag the page up or down the list. 17

26 CREATING SUBPAGES Create subpages and turn your menu into a dropdown menu. Any page can be turned into a subpage from Pages in your Editor. To create a subpage: 1. From the left side of the Editor, click the Pages icon. 2. From Pages, click the drag icon to the left of a page name and drag the page to the right. The page will become a subpage to the page above it in the list. 18

27 You will only be able to see your the dropdown menu functionality by clicking Previewfrom the top right menu of your Editor. If your menu does not turn into a drop down menu, you may have to delete your old menu and add a new menu to your site. DUPLICATING PAGES You can easily duplicate any page on your site. To duplicate a page: 1. From the left side of the Editor, click the Pages icon. 2. From Pages, hover over the page you want to duplicate and click the settings icon. 3. From Settings and SEO, click Duplicate. 19

28 4. From the pop-up window, type the new page name and click OK. DELETING PAGES To delete a page: 1. From the left side of the Editor, click the Pages icon. 2. From Pages, hover over the relevant page and click the settings icon. 3. From Settings and SEO, click Delete. 20

29 4. From the pop-up window, click Delete. MANAGING YOUR PAGE SETTINGS Naming Your Page Changing your Page Address Setting a Page as your Site's Homepage Viewing your Page URL Hiding Your Page Changing Your Page Transitions From Settings and SEO you can customize the settings for each page. You can rename your page, hide it from your menu, make it the home page and update the page's title, description, keywords and URL. From Pages you can select the transition between pages. NAMING YOUR PAGE From Settings and SEO, you can change the name of your page which appears in your site's menu. To name your page: 1. From the left side of the Editor, click the Pages icon. 21

30 2. From Pages, hover over the relevant page and click the settings icon. 3. From Settings and SEO, under Page Name, type a name for your page. 4. Click Done. CHANGING YOUR PAGE ADDRESS To change your page address: 1. From the left side of the Editor, click the Pages icon. 2. From Pages, hover over the relevant page and click the settings icon. 22

31 3. From Settings and SEO, under Page Address, type the address you want for the page. Keep the address short and relevant to the page. 4. Click Done. SETTING A PAGE AS YOUR SITE'S HOMEPAGE You can set any of your site's pages as the homepage of your site. To set a page as your site's homepage: 1. From the left side of the Editor, click the Pages icon. 2. From Pages, hover over the relevant page and click the settings icon. 23

32 3. From Settings and SEO, check the box next to Set as homepage. 4. Click Done. The homepage will have a symbol in Pages ( VIEWING YOUR PAGE URL From Settings and SEO you can view your page's URL's. This is useful if you want to share a page, or see how the URL address looks on the web. To view your page URL: 1. From the left side of the Editor, click the Pages icon. 2. From Pages, hover over the relevant page and click the settings icon. 24

33 3. From Settings and SEO, click Go to page URL. The live page will open in a new window. HIDING YOUR PAGE You can hide your pages from Settings and SEO. Your site visitors will be unable to access hidden pages without a direct link. To hide your page: 1. From the left side of the Editor, click the Pages icon. 2. From Pages, hover over the relevant page and click the settings icon. 25

34 4. In Settings and SEO, checkmark the box next to Hide from menu. 5. Click Done. The pages are hidden from the site but they will still appear in search engines. To hide them from search results simply check the "Hide page from search results" box underseo Page Settings. You can also use the password-protect feature. Click here for more information. CHANGING YOUR PAGE TRANSITIONS The page transition determines how your pages will shift and what your visitors will see when they navigate from page to page. To change your page transitions: 1. From the left side of the Editor, click the Pages icon. 26

35 2. From Pages, under Page Transitions, click the drop-down menu and select a transition. None Swipe Horizontal Swipe Vertical Cross Fade Out-In Pages will transition with no special effect Pages will glide along the horizontal axis Pages will glide along the vertical axis Pages will fade into view The current page will disappear before a new page appears in its place ADDING AND CUSTOMIZING A LANDING PAGE Adding a Landing Page Customizing Your Landing Page Style Customizing Your Landing Page Background Viewing Your Landing Page Linking Your Landing Page Button to Your Home Page Collect leads, lower your site's bounce rate or create a simple Coming Soon page with the landing page feature. The main aim of a landing page is to capture your visitor's attention and in most cases, to get them to perform a certain action, whether it's clicking a button or entering their contact details. Simply select the page layout that best suits your needs and customize it as you wish! ADDING A LANDING PAGE To add a landing page to your site: 1. From the left side of the Editor, click the Pages icon. 27

36 2. From the bottom right of Pages, click Add. 3. Click Page. 4. From the left side of Add Page, under Page Layout, click on a landing page layout to preview it. 28

37 5. Once you have chosen your layout, in the field under Name your page, type a title for your page. 6. Click OK. 7. A pop-up window will appear informing you that you have added a landing page to your site. To confirm this, click OK. 29

38 CUSTOMIZING YOUR LANDING PAGE STYLE To customize your landing page: 1. Click the landing page. 2. From the pop-up menu click Change Style. 3. Click Personalize this Page or click a preset style. Some of the options allow you to change the background color. 30

39 4. When you are done, click OK from the Advanced Styles window and then OK again from the Change Style window. CUSTOMIZING YOUR LANDING PAGE BACKGROUND To customize the background of your landing page: 1. Click the landing page. 2. From the pop-up window, click Change Background. 3. Click Change Image to open the media manager. You can choose an image from Wix or upload your own background image. 31

40 4. Once you have selected your background image, click Change Background. To learn more about editing your page elements, click here. VIEWING YOUR LANDING PAGE Your landing page does not appear in your site menu and therefore, in order for your visitors to view it, you have two options: Make the landing page your site's home page. Retrieve the page's URL and send it to your visitors directly via ShoutOut or social media. To set your landing page as your home page: 1. From the left side of the Editor, click the Pages icon. 2. Click the settings icon next to your landing page. 32

41 3. From Settings and SEO, check the box next to Set as homepage. 4. Click Done. Make sure that the box next to Hide from menu is also checked. To retrieve your landing page's URL: 1. From the left side of the Editor, click the Pages icon. 2. Click the settings icon next to your landing page. 33

42 3. From Settings and SEO, under Page Address, click Go to page URL. To retrieve your page's URL, you must first publish your site. LINKING YOUR LANDING PAGE BUTTON TO YOUR HOME PAGE Keep in mind that your landing page does not have a header or footer, this also means that it does not have a menu. Therefore, if you want your visitors to be able to navigate to the rest of your site, make sure to link a button to your site's main page. To link your button to your main page: 1. From the landing page, click your button. 2. From the pop-up window, click Link to. 34

43 4. From Link, click Page. 5. From Link to Page, under Select Page, click the drop-down menu and select your main page. 6. Click OK. 35

44 To add a header and footer to your landing page, from the left side of the Editor, click the pages icon> click the settings icon next to your landing page > from Settings and SEO, uncheck the box next to Hide Header and Footer. PASSWORD PROTECTING YOUR PAGES You can password protect individual pages from Page Settings. To password protect your page: 1. From the left side of the Editor, click the Pages icon. 2. From Pages, to the right of the page name, click the settings icon. 3. From Settings and SEO, checkmark the box next to Protect Page. 4. From Protect Page, click Add Password Protection. 36

45 5. Under Choose password, type your page password and select the language from the drop-down menu. 6. Click OK and then Done. ADDING AND EDITING TEXT ON YOUR SITE 37

46 1. Adding text to your site will likely be one of the first steps you will take when creating your site. 2. Before you add any content to your site, keep in mind that content is valued above all else by search engines! 3. Search engines assign higher value to sites with high-quality, original content. Meaning, both quantity and quality are important. 4. Preparing your text in advance will help you stay organized and speed up the process of adding it to your site. 5. If you have prepared your text in another document, first copy and paste it into a Notepad, another.txt program, or into a blank "plain text" . This cleans up unnecessary codes and information that are added automatically to text by some programs. 6. Copy the text from the plain text document into your Wix Editor. ADDING AND EDITING TEXT CONTENT To add and edit text: 1. From the left side of the Editor, click the plus sign to open Add. 2. From Add, click Text. 38

47 3. Click Title or Paragraph. A text box appears. 4. From Text, click Edit Text or double-click the text box. 5. Type your text into the text box and format your text from the text editor bar. 39

48 The maximum number of characters (including spaces) that can be added to one text box is 75, Click outside of the text box to close the text editor bar or edit the text as you wish. Click here to learn how to link your text. DELETING A TEXT BOX To delete a text box: 1. Click the text box to select it. 2. Press Delete on your keyboard or click the trash can icon ADDING AND DELETING IMAGES Adding, uploading, and deleting images has never been easier! Choose from our extensive collection of free and fully customizable images, or upload your own images. ADDING AN IMAGE To add an image: 1. From the left side of the Editor, click the Add icon. 2. From Add, click Image. 3. From Image, choose Image, Image without Frame or Clip Art. 40

49 4. From Add Images, click an image or multiple images and then click Add Images. UPLOADING AN IMAGE To upload an image from your computer: 1. From the left side of the Editor, click Add icon. 2. From Add, click Image. 3. From Image, choose Image, Image without Frame or Clip Art. 41

50 4. From the Add Images window, click Upload Images. 5. Browse your folders and select your image. Click Open to upload your image. To select more than one image, hold down the CTRL key and click several images. 6. From Add Images, click your images and then click Add Images. 42

51 You can upload.jpg,.png, and.gif files up to 15MB each. Click here for tips on how to improve the quality of your uploaded images. DELETING AN IMAGE To delete an image: 1. Click the image to select it. 2. From the pop-up menu, click the trash can icon, or simply press Delete on your keyboard. 43

52 ADDING AND CUSTOMIZING STRIPS Adding a Strip to Your Site Adding a Background Image to Your Strip Customizing Your Strip Style Strips allow you to break your site up into horizontal sections and help you to layout and design the look and feel of your site. Add strips to your site, customize their style and add your content to them! ADDING A STRIP TO YOUR SITE To add a strip: 1. From the left side of the Editor, click the Add icon. 2. From Add, click Shapes & Lines, then click Strip. 44

53 ADDING A BACKGROUND IMAGE TO YOUR STRIP To add a background image to your strip: 1. Click the strip and from the pop-up menu, click Settings. 2. Click Add Image. 45

54 3. Click an image and select Change Background. 4. Under Image Scaling, choose Crop, Actual Size, or Fit. 46

55 5. Under Tiling, select an option. 6. Under Alignment, select an option. CUSTOMIZING YOUR STRIP STYLE To customize your strip style: 1. Click the strip and from the pop-up menu, click Change Style. 2. From Change Style, click a style, followed by OK. If you want to edit an existing style, clickedit Style, or create a of your own from scratch by clicking Personalize this Strip. 3. From Advanced Styles, change the Skin, Colors, Corners, Shadow and Border widthof your strip. Click OK. 47

56 4. From Change Style, click OK. ADDING AND CUSTOMIZING BOXES Adding a Box Adding an Element to Your Box Customizing Your Box 48

57 Boxes allow you to break your site up into boxed sections and help you to layout and design the look and feel of your site. Add boxes to your site, customize their style, and add your content to them! ADDING A BOX Add a box to your site from the Shapes & Lines section of Add. To add a box: 1. From the left side of the Editor, click the Add icon. 2. From Add, click Shapes & Lines, then click Box. ADDING AN ELEMENT TO YOUR BOX You can attach any elements to your box including images, text, videos and galleries. Moving your box will also move all of the elements within it. To add an element to your box: 1. Resize your box or the element so that your element will fit completely inside your box. 2. Drag and drop your element onto the box. 49

58 Be sure to place the element within the box borders! CUSTOMIZING YOUR BOX To customize your box: 1. Click the box to select it and from the pop-up menu, click Change Style. 2. From Change Style, click a style, followed by OK. If you want to edit an existing style, clickedit Style, or create a of your own from scratch by clicking Personalize this Box. 50

59 3. From Advanced Styles, change the Skin, Colors, Corners, Shadow and Border widthof your box. Click OK. 51

60 4. From Change Style, click OK. ADDING AND CUSTOMIZING LINES Adding a Line Customizing Your Line 52

61 Add lines to your site design to help define and plot the different parts of your site. Change the style of your lines to match the style of the rest of your site. ADDING A LINE Add vertical and horizontal lines to your site from the Shapes & Lines section of Add. To add a line: 1. From the left side of the Editor, click Add icon. 2. From Add, click Shapes & Lines. Click Vertical Line, Horizontal Line, or Full Width Line. CUSTOMIZING YOUR LINE To edit a line: 1. Click the line to select it and from the pop-up window, click Change Style. 53

62 2. From Change Style, click a style, followed by OK. If you want to edit an existing style, clickedit Style, or create a of your own from scratch by clicking Personalize this Line. 3. From Advanced Styles, change the Skin, Colors and Width of your line. Click OK. 54

63 From Change Style, click OK. ADDING AND CUSTOMIZING SHAPES Adding a Shape Customizing Your Shape You can select from hundreds of free shapes to add to your site. ADDING A SHAPE To add a shape: 1. From the left side of the Editor, click the Add icon. 2. From Add, click Shapes & Lines, then click Shape. 55

64 CUSTOMIZING YOUR SHAPE To customize your shape: 1. Click the shape to select it and from the pop-up menu, click Settings. 2. From Shape Settings, click Choose Shape. 56

65 3. From Choose Shape, select a shape, and then click Choose Shape. 4. Check the box next to Maintain Aspect Ratio if you wish to maintain equal height/width shape ratio. 57

66 5. Next to Fill Color, select a fill color. 6. Next to Stroke, select a border color. 7. Under Stroke Width, drag the scroll to change the border width. Click on Add Animation to add animation to your shape. ADDING AND CHANGING A GALLERY Adding a Gallery Changing a Gallery Type Add any one of our stunning galleries to your site and instantly showcase your images. Wix offers a variety of galleries to choose from, along with the ability to change your gallery type at any time. 58

67 ADDING A GALLERY To add a gallery: 1. From the left side of the Editor, click the plus sign to open Add. 2. From Add, click Gallery and then click a gallery type. 59

68 You can also find the Wix Galleries in the Wix App Market under Galleries. CHANGING A GALLERY TYPE If you are looking to update your site's look, or simply wish to explore what gallery will look best with your images, you can do so using our Change Gallery Type feature. All the images in your gallery will be transferred over, so there is no need to add them manually. 60

69 To change your gallery type: 1. Click the gallery to select it 2. From the pop-up menu, click Change Gallery Type 3. select the new gallery type that you'd like to use, and click Ok. 61

70 Your gallery has now changed as seen below: 62

71 You can change any of your galleries as many times as you wish via the gallery pop up window, which appears when clicking on the gallery, or using the gallery settings tab. ADDING AND DELETING GALLERY IMAGES Adding an Image to a Gallery Uploading an Image to a Gallery Deleting an Image in a Gallery Create a stunning gallery by adding and deleting gallery images to your liking. To learn more about managing your gallery images, see here. 63

72 ADDING AN IMAGE TO A GALLERY To add an image to a gallery: 1. Click the gallery and from the pop-up menu, click Organize Images. 2. From Organize Your Gallery Images, click Add Images. 3. From the Add Images window, click an image or several and then click Add Images. 64

73 You can select more than one image by clicking on the images you want to add. 4. From Organize Your Gallery Images, click Done. Currently there is no limit as to how many images you can add to a gallery. However, we recommend that you don't add too many images to a gallery as to not slow down your site's loading time. 65

74 UPLOADING AN IMAGE TO A GALLERY To upload an image to a gallery: 1. Click the gallery and from the pop-up menu, click Settings. 2. From Gallery Settings, click Organize Images. 3. From Organize Your Gallery Images, click Add Images. 4. From the Add Images window, click Upload Images. 5. Browse your folders and select your image. Click Open to upload your image. You can select more than one image by clicking on the images you want to add. 6. From the Add Images window, click your images and then click Add Images. 66

75 7. From Organize Your Gallery Images, click Done. Currently there is no limit as to how many images you can add to a gallery. However, we recommend that you don't add too many images to a gallery as it slow your site's loading time. DELETING AN IMAGE IN A GALLERY To delete an image in a gallery: 1. Click the gallery and from the pop-up menu, click Organize Images. 2. From Organize Your Gallery Images, roll over the image you wish to delete and click the trash can icon. 67

76 MANAGING YOUR GALLERY IMAGES Adding a Link to a Gallery Image Adding Details to Images in a Gallery Replacing an Image in a Gallery Reordering Images in a Gallery Manage your gallery images as you wish! Link the images in your gallery to external websites, pages within your site, addresses, documents, an anchor, the top or bottom of a page. Add a title and description to any of your images, then select via the settings tab whether to display them or not. You can also reorder and replace gallery images as needed. ADDING A LINK TO A GALLERY IMAGE To add a link to an image in your gallery: 1. Click the gallery and from the pop-up menu, click Organize Images. 2. From Organize Your Gallery Images, click an image to select it. 68

77 GALLERY CUSTOMIZATION OPTIONS Grid Gallery Options Masonry Gallery Options Slideshow Gallery Options Thumbnails Gallery Options Strip Slideshow Gallery Options Strip Showcase Gallery Options Accordion Gallery Options Freestyle Gallery Options Collage Gallery Options Honeycomb Gallery Options Impress Gallery Options Slider Gallery Options 3D Slideshow Gallery Options 3D Carousel Gallery Options Animated Grid Gallery Options You can easily customize your galleries to look exactly as you want. Once you have added a gallery, in order to customize it, click the gallery and then Settings: Clicking Organize Images opens the media manager where you can add, upload, replace, delete and reorder your images as well as add descriptions and links: 69

78 You can change your gallery at any time by clicking Change Gallery Type: 70

79 GRID GALLERY OPTIONS IMAGE SCALING CROP YOUR IMAGES OR FIT YOUR IMAGES TO THE HEIGHT OF THE GALLERY. Columns set the number of images to display on the horizontal axis. Rows set the number of images to display on the vertical axis. Show More display more rows in your grid. Margin set the distance between your images. Change Style add, remove or create your own frames for your images. Clicking on Image set your images to do nothing, expand or go to a link when your visitors click on them. This gallery displays the image titles and descriptions by default. To remove the text, simply delete the title and description from each image in the media manager. 71

80 MASONRY GALLERY OPTIONS Columns set the number of images to display on the horizontal axis. Margin set the distance between your images. Font set the font for the textual elements of your gallery Text Display set which elements of text to show in your gallery. Text Alignment align your text to the left, center or right. Clicking on Image set your images to do nothing, expand or go to a link when your visitors click on them. Enable Shadow add a shadow effect to your gallery. Colors customize the title, description, background and rollover colors of your gallery. This gallery displays the image titles and descriptions by default. To remove the text, simply delete the title and description from each image in the media manager. 72

81 SLIDESHOW GALLERY OPTIONS Image Scaling crop your images or fit your images to the width of the gallery. Transitions set the transition style between slides. Autoplay set the slideshow gallery to start playing automatically. Navigation Buttons - show or hide the control buttons for your gallery. Change Style add, remove or create your own frames for your images. Clicking on Image set your images to do nothing, expand or go to a link when your visitors click on them. This gallery displays the image titles and descriptions by default. To remove the text, simply delete the title and description from each image in the media manager. To remove the text box, click the gallery > Change Style > Edit Style, set the background opacity to 0: 73

82 THUMBNAILS GALLERY OPTIONS Image Scaling crop your images or fit your images to the height of the gallery. Transitions set the transition style between images. 74

83 Thumbnail Display set the proportion and margin of your thumbnail menu. Autoplay set your gallery to start playing automatically. Text Display set which elements of text to show in your gallery and customize their font, colors and alignment. This gallery displays the image titles and descriptions by default. To remove the text, simply delete the title and description from each image in the media manager. STRIP SLIDESHOW GALLERY OPTIONS Transitions set the transition style between images. Autoplay set your gallery to start playing automatically. Text Display set which elements of text to show in your gallery and customize their font, colors and alignment. It is recommended that the images' width will be the same width of the screen that you are optimizing for so that the images will not appear stretched. This gallery displays the image titles and descriptions by default. You can change which text is displayed from Text Display: 75

84 To remove the text, simply select No Text under Text Display. Please note that you can not set an action for clicking the images in this gallery. If you want to add links to the gallery images, click the gallery, select Change Gallery Type and choose a different gallery. STRIP SHOWCASE GALLERY OPTIONS 76

85 Clicking on Image set your images to do nothing, expand or go to a link when your visitors click on them. Image Scaling crop your images or fit your images to the height of the gallery. Margin set the distance between your images. Thumbnail Display set the proportion and margin of your thumbnail menu. Autoplay set the Strip Showcase slideshow gallery to start playing automatically. Navigation Buttons - show or hide the control buttons for your gallery. This gallery only displays image titles and descriptions when the image is set to expand upon clicking. To remove the text, simply delete the title and description from each image in the media manager. ACCORDION GALLERY OPTIONS Font set the font for the textual elements of your gallery. Text Display set which elements of text to show in your gallery. Text Alignment align your text to the left, center or right. Border Width- set the width of the image borders. 77

86 Clicking on Image set your images to do nothing, expand or go to a link when your visitors click on them. Colors customize the title, background and border colors of your gallery. This gallery displays the image titles by default. To remove the titles, under Text Display, clickno Text. FREESTYLE GALLERY OPTIONS 78

87 Orientations- choose if the images are displayed in a stack or spread style. Image Scaling crop your images or fit your images to the height of the gallery. Rotation- align or rotate the images Randomize Layout- click this button to change the layout of the images. Can be clicked several times. Image Decoration- set the image styles. Border Width- set the width of the image borders. Border Color- set the border color. Clicking on Image set your images to do nothing, expand or go to a link when your visitors click on them. This gallery displays the image titles and descriptions by default when the image is set to expand upon clicking. To remove the text, simply delete the title and description from each image in the media manager. 79

88 COLLAGE GALLERY OPTIONS Clicking on Image- set your images to do nothing, expand or go to a link when your visitors click on them. Orientation- set the orientation of the gallery. Fit to Screen- set the gallery to fit across the screen. Columns- set the number of columns Maximum Image Width- set the maximum width for your images Margin set the distance between your images. Randomize Layout- click this button to change the layout of the images. Can be clicked several times. Font- set the font for the textual elements of your gallery. Text Display- set which elements of text to show in your gallery. Text Alignment- align your text to the left, center or right. Colors-customize the title, description, and rollover colors of your gallery. 80

89 This gallery displays the image titles and descriptions by default. To remove the text, under Text Display, click No Text: 81

90 HONEYCOMB GALLERY OPTIONS Clicking on Image set your images to do nothing, expand or go to a link when your visitors click on them. Image Shape- set the shape of the images Columns- set the number of columns Margin set the distance between your images. Colors- customize rollover and border colors of your gallery. This gallery displays the image titles and descriptions by default when the image is set to expand upon clicking. To remove the text, simply delete the title and description from each image in the media manager. 82

91 IMPRESS GALLERY OPTIONS Clicking on Image set your images to do nothing, expand or go to a link when your visitors click on them. Image Scaling crop your images or fit your images to the height of the gallery. Transitions set the transition style between slides. Slide Color choose the color of your slides. Autoplay set your gallery to start playing automatically. Show Pagination check the Show Pagination box to show the pagination on the gallery. Font- set the font for the textual elements of your gallery. Text Display set which elements of text to show in your gallery and customize their font, colors and alignment. Text Alignment- align your text to the left, center or right. Colors- customize the title, description and pagination colors of your gallery. This gallery displays the image title and descriptions by default. Please note that in the main view only the first line of the description is displayed, and when the image is expanded, all of the description is displayed. To remove the text, under Text Display, click No Text: 83

92 SLIDER GALLERY OPTIONS Image Scaling crop your images or fit your images to the height of the gallery. Margin set the distance between your images. 84

93 Speed set the speed of your slider. Change Style add, remove or create your own frames for your images. Clicking on Image set your images to do nothing, expand or go to a link when your visitors click on them. This gallery displays the image titles and descriptions by default when the image is set to expand upon clicking. To remove the text, simply delete the title and description from each image in the media manager. 3D SLIDESHOW GALLERY OPTIONS Autoplay set the 3D slideshow gallery to start playing automatically. Clicking on Image set your images to do nothing, expand or go to a link when your visitors click on them. This gallery displays the image titles and descriptions by default. To remove the text, simply delete the title and description from each image in the media manager. 85

94 3D CAROUSEL GALLERY OPTIONS Autoplay set the 3D carousel gallery to start playing automatically. Clicking on Image set your images to do nothing, expand or go to a link when your visitors click on them. This gallery displays the image titles and descriptions by default when the image is set to expand upon clicking. To remove the text, simply delete the title and description from each image in the media manager. ANIMATED GRID GALLERY OPTIONS 86

95 Columns set the number of images to display on the horizontal axis. Rows set the number of images to display on the vertical axis. Margin set the distance between your images. Transitions set the transition style between slides. Autoplay set your gallery to start playing automatically. Clicking on Image set your images to do nothing, expand or go to a link when your visitors click on them. Navigation Buttons - show or hide the control buttons for your gallery. Change Style add, remove or create your own frames for your images. This gallery displays the image titles and descriptions by default. To remove the text, simply delete the title and description from each image in the media manager. VIDEOS Adding a Video Customizing Your Video Video Options Easily add a YouTube or Vimeo video to your site using the Video feature within your site's editor. If you are adding a video from YouTube, make sure that your video is set to Public and that theallow Embedding box is checked (in Advanced Settings) in your YouTube video's settings. In addition, make sure not to use the video's full screen link as it will not work in Wix's video player. Are you looking to add a video that is is not hosted at YouTube or Vimeo? If so, you can add such a video by embedding the HTML code of the video into your site using our HTML app. We also have a number of video apps in the Wix App Market. Check out the following apps:tubepress and iplayerhd. ADDING A VIDEO To add a video: 1. From the left side of the Editor, click the Add icon. 2. From Add, click Media, and then click Video. 87

96 3. From Video, if you know your video's (Vimeo or YouTube) URL, enter it in the provided space and click Update to add it to your site. Alternatively, you can search for a YouTube video to add to your site by clicking Search Videos. 4. From Search Videos, enter your search phrase in the provided space, and click Search. 5. Browse through the videos, preview a video by clicking the play button in the video thumbnail, and add a video by clicking on it, followed by Add. 88

97 CUSTOMIZING YOUR VIDEO To customize your video: 1. Click the video. 2. From the Video settings window, change your Video URL, choose to show or hide the player controls, and checkmark the box next to the relevant customization options: Autoplay,Loop, Show title bar and Light control bar. 3. Click Change Style to change the of the video element. 89

98 4. Click outside of the video to close the Video settings window. VIDEO OPTIONS Once you have added a video to your site, customize it from the Video settings window: Video URL the URL of the YouTube or Vimeo video that you have uploaded. Control Bar show or hide the video player controls. Autoplay set the video to play automatically when a visitor opens the page. Loop set the video to repeat continuously. Show title bar display the title of the video. Light control bar display the video player controls in a lighter color. Note that Apple blocks autoplay on ios devices (i.e., iphones and ipads). Excerpt fromsafari Developer Library: "In Safari on ios (for all devices, including ipad), when the user is on a cellular network they may be charged per data unit, preload and autoplay are disabled. No data is loaded until the user initiates it". SOUNDCLOUD AUDIO Adding SoundCloud Audio 90

99 Customizing Your SoundCloud Player Playing Continuous Music on Your Site Share your SoundCloud music on your site and customize your SoundCloud player from the SoundCloud Settings window. For more information about SoundCloud, click here. Note: To learn how to add a SoundCloud Playlist, click here. ADDING SOUNDCLOUD AUDIO Add your SoundCloud music to your site by adding your SoundCloud embed code to the SoundCloud Settings window. To add the SoundCloud: 1. From the left side of the Editor, click the Add icon. 2. From Add, click Media, then click SoundCloud Audio. 3. From SoundCloud, under Embed Code, paste the SoundCloud embed code. 91

100 To get the SoundCloud embed code for your track, sign into your SoundCloud Audio account and from the bottom of the music player or track, click Share. From the window that opens, click Embed to see and copy the embed code. For more information about SoundCloud, visit their site here. 4. Click Update. 5. Click outside of SoundCloud to close SoundCloud Settings. CUSTOMIZING YOUR SOUNDCLOUD PLAYER To customize your SoundCloud player: 1. Click the SoundCloud player. 2. From the SoundCloud settings window, checkmark the box next to the relevant customization options: Show image and Autoplay. 3. Click outside of the player to close the SoundCloud Settings. PLAYING CONTINUOUS MUSIC ON YOUR SITE You can set the SoundCloud player to play music on more than just one page so that a visitor can continue to listen to your music while navigating throughout your site To play continuous music on your site: 1. Double-click your SoundCloud player to select it. 2. From SoundCloud, checkmark the box next to Show on all pages. 92

101 Playing your music continuously is not the same as looping your music. Once the music in your player ends, it will not restart automatically. Currently the SoundCloud Audio player does not support looping. To learn more about adding SoundCloud to your site, please watch the video below: DOCUMENTS Adding a Document Organizing Your Documents Customizing a Document Deleting a Document Add documents directly to your site from your computer. Your visitors can then download the document by clicking it. You can upload these files: doc &.docx,.xls &.xlsx,.ppt &.pptx,.odt,.odp and.pdf. The maximum upload file size is 15MB. ADDING A DOCUMENT To upload a document: 1. From the left side of the Editor, click the Add icon. 2. From Add, click Media, then click Document. 93

102 3. From Add Documents, select the document you want to add, followed by Add Documents. To upload documents, click Upload Documents in the top right corner and browser your computer for the file. If you already have documents in your media manager, it will say Choose Document. 4. Move the document to the desired location on your site. 94

103 ORGANIZING YOUR DOCUMENTS A quick guide to organizing your documents in My Documents: Roll over a document and then click the trash can icon to delete the document. Click on Date or A-Z buttons to sort your documents by date or alphabetical order. Checkmark the Select All icon to select all of your documents. Uncheck the icon to deselect your documents. Press CTRL and click documents to select several. Use the search box to find a document by its title. CUSTOMIZING A DOCUMENT To customize a document: 1. From the Editor, click the document, and from the pop-up window, click Settings. 2. From Document Settings, click Change Icon to change your document icon. 95

104 3. From the Icons gallery, click an image or upload your own, followed by Choose Icon. 4. From Document Settings, under Title, type a title in the field. Uncheck Show Document Title to hide the document title that appears below the document icon. 5. Click Change Style to customize the Text Mouseover color, Text and Font Style of the document title. 6. Click OK to save your changes. DELETING A DOCUMENT To delete a document: 1. From the editor, click the document to select it. 2. Press Delete on your keyboard. AUDIO PLAY BUTTON Adding an Audio Play Button Customizing Your Audio Play Button 96

105 Share music on your site and customize your Audio Play Button from the Audio Play Button settings window. ADDING AN AUDIO PLAY BUTTON To add an Audio Play Button: 1. From the left side of the Editor, click the Add icon. 2. From Add, click Media, then click Media. 3. Click the Audio Play Button, and from the pop-up menu, click Settings. 4. From Audio Play Button, click Change Track. 97

106 6. From Choose Track, click Upload Music and browse your computer for your audio file. Click Open followed by Choose Track. CUSTOMIZING YOUR AUDIO PLAY BUTTON To customize your Audio Play Button: 1. Click the Audio Play Button, and from the pop-up menu, click Settings. 2. From Audio Play Button, checkmark the box next to the relevant customization options:autoplay and Loop. 3. Under Volume, scroll the button left or right to change the volume. 4. Click Change Style to change the Audio Play Button style. 98

107 SINGLE AUDIO PLAYER Adding the Single Audio Player Changing the Track Customizing the Track Settings Customizing the Style Share a single music track on your site with the Single Audio Player. You can easily change the settings of the music track and customize the style of the Single Audio Player. ADDING THE SINGLE AUDIO PLAYER To add the the Single Audio Player: 1. From the left side of the Editor, click the Add icon. 2. From Add, click Media, then click Single Audio Player. 99

108 3. From Add Tracks, click Upload Music and browse your computer for the audio file. 4. From Add Tracks, select the audio file you want to share on your player and click Add Tracks. You can have several files in Add Tracks, but you can only select one for the Single Audio Player to play. 5. From the Editor, drag and drop the Audio Play Button to the desired location. CHANGING THE TRACK To change the music track: 1. From the Editor, click the Single Audio Player and from the pop-up menu, click Change Track. 100

109 2. From Choose Track, select the new track and click Choose Track. CUSTOMIZING THE TRACK SETTINGS To customize the track settings: 1. From the Editor, click the Single Audio Player and from the pop-up menu, click Settings. 101

110 2. From Single Audio Player, you can change the track and change the name of the track and artist. 3. Select if you want the track to play on Autoplay and on Loop, and the volume of the track. CUSTOMIZING THE STYLE To customize the of the Single Audio Player: 102

111 1. From the Editor, click the Single Audio Player and from the pop-up menu, click Change Style. 2. From Change Style, click Personalize this Player. 3. Using the options, customize your Single Audio Player. You can choose the skin, colors, corners and border. 103

112 4. Click OK. ITUNES BUTTON Adding an itunes Button Customizing Your itunes Button itunes Button Options Add an itunes button to your site and give your users the option of downloading your chosen tracks directly from itunes. 104

113 ADDING AN ITUNES BUTTON To add an itunes button: 1. From the left side of the Editor, click the Add icon. 2. From Add, click Media, and then click itunes Button. 3. Click the itunes Button and from the pop-up menu, click Settings. 4. From itunes Button Settings, click the link under Insert Playlist Link field to open theitunes Link Maker. 105

114 5. From the itunes Link Maker, search for your content. 6. Next to the relevant search result, click Album Link to open the new link. 7. Copy the link under Direct Link. Close the Link Maker. 8. From the Editor, under Enter your playlist link, paste the link copied in Step Click Update. 106

115 10. Under Language, select a language for your button. 11. Under Open in, click the drop-down menu and select New window to open the link in a new window or Same window to open the link in the same window. CUSTOMIZING YOUR ITUNES BUTTON To customize your itunes button: 1. Click your itunes button and from the pop-up menu, click Settings. 2. From itunes Button Settings, click the link under Insert Playlist Link field to open theitunes Link Maker. 3. From the itunes Link Maker, search for your content. 107

116 4. Next to the relevant search result, click Album Link to open the new link. 5. Copy the link under Direct Link. 6. From the Editor, under Enter your playlist link, paste the link copied in Step Click Update. 8. Under Language, select a language for your button. 9. Under Open in, click the drop-down menu and click New window to open the link in a new window or Same window to open the link in the same window. ITUNES BUTTON OPTIONS Playlist Link add the direct link to the itunes content. Language choose a language for your itunes button. Open in open the link in a new browser window or in the same browser window. SPOTIFY PLAYER Adding a Spotify Player by Searching Spotify Adding a Spotify Player by Entering a Spotify URI Customizing Your Spotify Player Spotify Player Options 108

117 Add a Spotify Player to your site so that your users can listen to Spotify music directly on your site. ADDING A SPOTIFY PLAYER BY SEARCHING SPOTIFY Add a Spotify Player to your site from the Media section of Add. To add a Spotify Player by searching Spotify: 1. From the left side of the Editor, click the Add icon. 2. From Add, click Media, and then click Spotify Player. 3. Click the Spotify Player, and from the pop-up menu, click Settings. 4. From Spotify Player Settings, click Search Spotify. 5. From Spotify Search, search for content. 109

118 6. Click the relevant search result and then click OK. ADDING A SPOTIFY PLAYER BY ENTERING A SPOTIFY URI To add a Spotify Player by entering a Spotify URI: 1. Click the Spotify Player, and from the pop-up menu, click Settings. 110

119 2. From Spotify Player Settings, click Enter a Spotify URI. 3. From Spotify, right-click any song, album or playlist. 4. From the list that opens, click Copy Spotify URI. 5. From the Editor, under Enter a Spotify URI, paste the link in the field and click Update. CUSTOMIZING YOUR SPOTIFY PLAYER To customize your Spotify Player: 1. Click the Spotify Player, and from the pop-up menu, click Settings. 2. From Spotify Player Settings, under Size, click Compact or Large. 3. If you selected Large in Step 3, under Color and Layout, select an option. Color and Layout will only change for a playlist or album. SPOTIFY PLAYER OPTIONS Search Spotify search for content from Spotify. Enter a Spotify URI add a direct link to Spotify content. Size customize the size of your Spotify Player. 111

120 USING BUTTONS Adding a Button Button Options Linking Your Buttons Linking Your Button to an External Web Address Linking Your Button to a Page Linking Your Button to an Address Linking Your Button to a Document Linking Your Button to an Anchor Add buttons to your site and link them to your pages, to addresses, to documents, to anchors or to external sites. Customize your buttons to match the look and feel of your site. ADDING A BUTTON Add a button to your site from Buttons & Menus in Add and link it to an external site, a page from your site, a document, anchor or address. To add a button: 1. From the left side of the Editor, click the Add icon. 2. From Add, click Buttons & Menus and then click Button. 7. Click the button and from the pop-up menu, click Settings. From Button Settings, underbutton Text, type a name for your button. 112

121 3. Under Link to, click the text field. 4. From Link, click a link type. For more information about adding links, see the below section, Linking Your Buttons. 7. Click OK. BUTTON OPTIONS Button Text add the text that will appear on your button. Link link your button to an external website, a page of your site, an address or a document. Text Alignment align your text to the left, center or right of your button. Margin set the spacing between your button text and button border. Style change the of your button or create your own. LINKING YOUR BUTTONS 113

122 Once you have added a button, you can link it to external websites, other pages of your site, addresses, anchors and documents. LINKING YOUR BUTTON TO AN EXTERNAL WEB ADDRESS To link your button to an external web address: 1. Click your button, and from the pop-up menu, Link to. 2. From Link, click Web Address. 3. Under Insert a web address, type in the external website's URL. 114

123 4. Click the dial next to Open in new window or Open in same window. 5. Click OK. LINKING YOUR BUTTON TO A PAGE To link your button to another page on your site: 1. Click your button, and from the pop-up menu, Link to. 2. From Link, click Page. 3. Under Select Page, select the page you want to link to from the dropdown menu. 115

124 4. Click OK. LINKING YOUR BUTTON TO AN ADDRESS To link your button to an address: 1. Click your button, and from the pop-up menu, click Link to. 2. From Link, click

125 3. Under Insert an address, type an address. 4. Under Insert a subject, type a subject for your and click OK. 5. LINKING YOUR BUTTON TO A DOCUMENT To link your button to a document: 1. Click your button, and from the pop-up menu, click Link to. 2. From Link, click Document. 117

126 3. From Link to Document, click Choose Document. 4. From Choose Document, click Upload Documents. 5. Browse your folders and select your document. Click Open to upload the document. To select more than one document, hold down the CTRL key and click several documents. 6. From Document Gallery, click your document and then click Choose Document. 118

127 It is possible to upload the following document types: doc &.docx,.xls &.xlsx,.ppt &.pptx,.odt,.odp and.pdf. The maximum document size is 15MB. LINKING YOUR BUTTON TO AN ANCHOR To link your button to an anchor: 1. Click your button and from the pop-up window, click Link to. 2. Click Anchor, or Page Top or Page Bottom (pre-defined anchors). Enter the relevant details and click OK. ADDING AND CUSTOMIZING AN IMAGE BUTTON Adding an Image Button Customizing Your Image Button Create custom buttons from your own images and add separate images for mouseover and clicked views. 119

128 ADDING AN IMAGE BUTTON To add an image button: 1. From the left side of the Editor, click the Add icon. 2. From Add, click Buttons & Menus and then click Image Button. 3. Click the image button to select it and then click Settings. 4. From Image Button Settings, under Default View, click Change Image. 120

129 5. Upload a new image or select an existing image from My Images or Free From Wix. 6. From Change Image, click an image and then click the Change Image button. 7. Repeat steps 4-6 under Mouseover View and Clicked View. 8. Under Choose Transition, click the drop-down menu to select None or Dissolve. 9. Under Link to this destination, click the field to add a link. 10. Under Alt Text, add the alt text for this image button. 121

130 CUSTOMIZING YOUR IMAGE BUTTON 1. Click the image button to select it and from the pop-up menu, click Settings. 2. From Image Button Settings, under Default View, click Change Image. 3. Upload a new image or select an existing image from My Images or Free From Wix. 4. From Change Image, click an image and then click the Change Image button. 5. Repeat steps 4-6 under Mouseover View and Clicked View. 6. Under Choose Transition, click the drop-down menu to select None or Dissolve. 122

131 7. Under Link to this destination, click the field to add a link. PREVIEWING YOUR SITE You can preview your site by going into Preview Mode. In Preview Mode, you can browse through your site as if it is online. To go into the Preview Mode of your site, click Preview from the top of the Editor. To go back to your Editor, click Back to Editor from the top left of Preview Mode. SAVING YOUR SITE You can save your site and continue working on it at another time. You can access your saved sites from My Sites on Wix.com. To save your site, you will first have to name it. The name of your site will be a part of your free Wix URL. To save your site: 1. From the top of the Editor, click Save. 2. From the window that opens, type a name for your site in the field. 123

132 3. Click Save Now. PUBLISHING YOUR SITE When you are ready for your site to appear online, click Publish. If you would like to connect your own domain to your site, (e.g. you will need to upgrade to a Premium Plan and purchase a domain. For more information on domains, click here. To publish your site: 1. From the top right of the Wix Editor, click Publish. 2. Click Publish. If you haven't saved your site yet, type a site name in the text field and clicksave Now. 124

133 3. Click publish your site online. 4. Optional (but highly recommended!): Make sure Allow search engines to find my site is set to green, click Edit your SEO settings and fill in the Site Title, Site Description andkeywords fields. 125

134 For more information about SEO, click here. 5. Click Publish. 6. Click to share your site via Wix ShoutOut or social media, or click Maybe Later to close the window. 126

135 Remove the Wix ads and connect a custom domain to your site by clicking Upgrade Now and purchasing one of our Premium Plans. Click here to learn more about the differences between a free and premium Wix site. GET FEEDBACK ON YOUR SITE Sharing your Site For Feedback Viewing Your Feedback Deleting Feedback Share your site with others before it's live and get their feedback! Check out the instructions below on how to share your site, view your feedback, and delete feedback. Do you have any suggestions for our Get Feedback feature? Let us know here. SHARING YOUR SITE FOR FEEDBACK To share your site with others: 1. From the right of the Editor, click the Get Feedback icon. 127

136 2. Click Share Your Site. 3. Copy the link in the field and click OK. 4. Share the link via or social media. When others click this link, they will be able to leave comments anywhere on your site. To preview what others will see, paste the link in a new browser window. 128

137 You will be sharing the most recently saved or published version of your site. The shared link is valid for two weeks only. VIEWING YOUR FEEDBACK You will see a red notification on the Get Feedback icon with the number of new unread comments. You will also receive an to the address associated with your Wix account. To view your feedback: 1. From the right side of your editor, click the Get Feedback icon. 2. From Get Feedback Settings, click to select a comment to navigate to the page where the comment was placed. 129

138 If you would like to view feedback on a specific page, click the drop-down menu undershow Comments On, and select a page on your site. You can drag the Get Feedback Settings window if comments were placed behind it. 3. To continue viewing your comments after closing Get Feedback Settings, check the box next to Show comments when this panel is closed. 130

139 DELETING FEEDBACK To delete feedback: 1. From Get Feedback Settings, click the comment that you wish to delete. 2. From the comment box that opens, click the trash icon. It is not possible to restore comments after they are deleted. HTML5 KEYBOARD SHORTCUTS Action Description Ctrl + X Cut 131

140 Action Description Ctrl + C Ctrl + V Ctrl + D Ctrl + S Ctrl + [ Ctrl + ] Ctrl + Shift + [ Ctrl + Shift + ] Copy Paste Duplicate Save Move backward Move forward Send to back Bring to front,,, Move single pixel (i.e., Nudge) Ctrl/cmd +,,, Ctrl + Z Ctrl + Y Ctrl + Shift + Z Ctrl + M Ctrl + Shift + M Delete Backspace Ctrl + Click element Shift + Click element Hold Shift while rotating element Move 10 pixels Undo Redo Select next element Select previous element Delete an element Select multiple elements Rotates element in 15 increments Hold Shift while dragging element Keyboard shortcuts that work in text edit mode: Keeps element aligned on the same x or y axis Action Action Ctrl/cmd + B Ctrl/cmd + U Description Description Bold Underline 132

141 Action Ctrl/cmd + I Ctrl + Z Ctrl + Y Description Italic Undo Redo ANCHORS Adding an Anchor Anchor Name Positioning an Anchor Linking an Anchor to an Element Linking a Menu Button to an Anchor An anchor is a position marker for navigating on or between your site pages. Add links to your anchor from other elements on your site. When visitors click on one of these links, they will be taken to the anchor's location. You can also add a link to your site's menu, which when clicked, will take your site visitors to an anchor on your page. ADDING AN ANCHOR To add an anchor link: 1. From the left side of the Editor, click the Add icon. 2. From Add, click Buttons & Menus and then click Anchor. 133

142 3. From the pop- up window, click OK. ANCHOR NAME You can change the name of the anchor for your convenience. Your site visitors will not see the names. 134

143 To change the anchor name: 1. Click the anchor and from the pop-up menu, click Settings. 2. Under Anchor Name, type a name for your anchor. POSITIONING AN ANCHOR Drag the anchor to the location on your page that you would like your visitors to be taken to. 135

144 LINKING AN ANCHOR TO AN ELEMENT You can add links to your anchor from other elements on your site. When visitors click on one of these links, they will be taken to the anchor's location. You can link anchors to images, buttons, and text. To link an anchor to an element: 1. Click to select the element that you would like to link your anchor to and click Link To. 2. From Link, click Anchor. 3. From Link to Anchor, under Which page is the anchor on? click the drop down to select the page that the anchor is on. 136

145 4. Under Select an anchor to link to: click the drop down to select the anchor. 5. Click OK. LINKING A MENU BUTTON TO AN ANCHOR You can link an anchor to your site's menu. To link an anchor to your menu: 1. From the left side of the Editor, click the Pages icon. 2. From Pages, click Add. 137

146 3. Click Link. 4. From Add Link to Menu, click Anchor. 5. Select the anchor to link the menu title to and click OK. 138

147 6. Under Link Name, type a name for your anchor (this will appear in your menu) and clickdone. You can also link a menu button to pre-defined anchors, which when clicked, will take your site visitors to the top or bottom of your page. From Pages, click Add, then Link, and click Page Top or Page Bottom. 139

148 ADDING AND CUSTOMIZING A MENU Adding a Menu Customizing Your Menu Menu Options Add a menu to your site so that users can navigate between your pages and customize it to match your site. ADDING A MENU To add a menu: 1. From the left side of the Editor, click the Add icon. 2. From Add, click Buttons & Menus and then click Menu. To turn your menu into a drop-down menu, first create subpages for your site. CUSTOMIZING YOUR MENU To customize your menu: 1. Click your menu and then click Settings. 140

149 2. From Menu Settings, you can change the Style, Align your text and buttons and edit yourmore tab. 141

150 MENU OPTIONS Buttons Alignment set the alignment of your buttons. Text Alignment align your text to the left, center or right of your menu buttons. More Button Label type a name for your More pages button. Style change the of your menu or create your own. CREATING SUBPAGES FOR DROP-DOWN MENUS To turn your menu into a drop-down menu, you will first have to create subpages for your site. Any page can be turned into a subpage from the Pages section of your Editor. To create a subpage: 1. From the left side of the Editor, click the Pages icon. 2. From Pages, click the icon to the left of a page name and drag the page to the right. The page will become a subpage to the page above it in the list. You will only be able to see the drop-down menu functionality in Preview Mode. To go topreview Mode, click Preview from the top menu of your Editor. If your menu does not turn into a drop-down menu, you may have to delete your old menu and add a new menu to your site. 142

151 MANAGING A MENU DROPDOWN Tutorial Adding a Menu Dropdown Organizing the Pages in your Menu Dropdown Deleting a Menu Dropdown Add a menu dropdown to your site's menu using the drop- down feature. This is useful if you want a menu button to act like a category title and have subpages below it. For example, on a hotel website, you may have a title on your menu called "Facilities" and then the dropdown pages may be "Gym", "Spa" and "Restaurant". "Facilities" on the menu is not clickable: ADDING A MENU DROPDOWN To add a menu dropdown: 1. From the left side of the Editor, click the Pages icon. 2. From Pages, click Add. 143

152 3. Click Menu Dropdown. 4. Under Menu Dropdown Name, type the name of your dropdown. 5. Click Done. The Menu Dropdown page will appear with a symbol ( ) next to it in Pages. ORGANIZING THE PAGES IN YOUR MENU DROPDOWN To edit which pages appear in your menu dropdown: 1. From the left side of the Editor, click the Pages icon. 2. From Pages, click the icon to the left of a page name and drag the page to the right, under the menu dropdown page. The page will become a page on the menu dropdown 144

153 3. To remove a page from the menu dropdown, click the icon to the left of a page name and drag the page to the left. 145

154 DELETING A MENU DROPDOWN Deleting a menu dropdown will only delete the menu dropdown title page, not the pages that appear in the menu dropdown. To delete a menu dropdown: 1. From the left side of the Editor, click the Pages icon. 2. From pages, click the menu dropdown page. 146

155 3. Click Delete. 4. From the pop-up window, click Delete. 147

156 ADDING AND CUSTOMIZING A VERTICAL MENU Adding a Vertical Menu Customizing a Vertical Menu You can choose to have your site menu vertical instead of horizontal. Vertical menus will not appear in the Mobile Editor. ADDING A VERTICAL MENU To add a vertical menu: 1. From the left side of the Editor, click the Add icon. 2. From Add, click Buttons & Menus and then click Vertical Menu. 148

157 CUSTOMIZING A VERTICAL MENU To customize your menu: 1. Click the vertical menu, and from the pop-up menu, click Settings. 2. From Vertical Menu Settings, you can change the Alignment of your text, howsubmenus open, your menu's Style, and Add Animation. 149

158 ADDING A LINK TO YOUR MENU Adding a Link to your Menu Viewing and Editing your Menu Links Deleting a Link from your Menu Add a link to your site's menu using the link feature. This is useful if you want to direct your site visitors to an external site, for example, if you have an external blog, you can create a link to it in your menu. You can also link to a document, areas on your site's pages, or direct to . ADDING A LINK TO YOUR MENU To add a link to your menu: 1. From the left side of the Editor, click the Pages icon. 2. From Pages, click Add. 3. Click Link. 150

159 4. From Add Link to Menu, select the type of link you want to add. 5. Enter the relevant details and click OK. VIEWING AND EDITING YOUR MENU LINKS To view and edit your menu links: 1. From the left side of the Editor, click the Pages icon. 2. From Pages, click the linked pages and edit their settings. 151

160 Linked pages display the link symbol next to the page name ( ) DELETING A LINK FROM YOUR MENU To delete a link from your menu: 1. From the left side of the Editor, click the Pages icon. 2. From Pages, click the linked page. 152

161 3. From Edit Menu Link, click Delete. 153

162 4. From the pop-up window, click Delete. CREATING A SITE FROM A BLANK TEMPLATE 1. Wix offers something for everyone! 2. In addition to 100s of designer-made templates available via our template gallery, you can also find several blank templates to choose from. 3. Just as with our designer-made templates, blank templates are fully customizable. 4. Blank templates typically appeal to the skilled and veteran site creators who are looking for maximum freedom to design an amazing site from scratch, all while using Wix's innovative,simple, and code-free platform. 5. Keep in mind that you can't switch a template midway through the editing process so choose your template wisely. USING A BLANK TEMPLATE Our user-friendly drag n' drop site editor lets you customize any of our templates with ease, transforming it into a stunning site. Before you get started, we strongly recommend that you consider these tips: 154

163 Establish your site's purpose This is the first step you should take after making the decision to create a site. Every site has a different purpose. The best way to determine the purpose, is by focusing on what you're hoping to achieve. For instance, are you trying to sell a product? Find a job? showcase your art portfolio?each one of these different objectives will affect the structure and design of your site. Know your target audience By now you've figured out your site's exact purpose, so it's time to think about your existing customers and your potential customers. Who are they? How old are they? How will they greach your site? What are they going to look for when visiting your site? Think about each person that will visit your site, understanding the needs of your audience will help you create the best possible site. Research, research, research Whether you have a clear vision for your site's look and feel, or not, we suggest that you take some time to research other sites for inspiration. Our template gallery is a great place to start! you'll find there a large collection of site templates showcasing numerous styles and designs. Check out competitors' sites, as well as sites of businesses outside of your industry, you might be surprised where you'll find inspiration. Find your style Following your research, you may have already defined your desired site style. If not, you should consider whether you are looking to create a minimalist site, a colorful site, etc. The possibilities are endless; you simply have to find what best fits your vision. Build a site blueprint A comprehensive site blueprint will help you stay organized, save time, and serve as a reference tool throughout the site creation process. The site map should include a list of all the planned pages and indicate which page links where, and what anchors or subpages are included in what section. Sketch a rough draft of each page that will include all the content the page should eventually display, such as images, texts, videos, buttons, etc. Prepare your images and text in advance Any content you add to your site can influence the design process. Preparing your content in advance will help you stay organized and speed up the editing process. Decide where and how to use your images and text. While preparing your content don't forget about SEO (Search Engine Optimization), and optimize your visual and written content accordingly. Learn more about this by reading our SEO interactive tutorial here. EDITING YOUR BLANK TEMPLATE 155

164 1. If you haven't already, please review our pre site-editing tips above. 2. The Start from Scratch template is available for anyone who wishes to design a site using a clean slate template that offers no pre-designed features. 3. All other blank templates come with a fixed layout you can keep, add minor changes to, or completely redesign. 4. Once you open the template in the editor, you can begin to transform your chosen blank template into a stunning one-of-a-kind site. 5. Start with design elements that will appear on all pages (fixed header, static background image, navigation menu design, etc.), and move onto adding page specific elements (text boxes, image galleries, social media feed, etc.) 6. When you are done editing your site make sure to click Save from the menu at the top of the Editor. 7. As soon as you are ready launch your site, go ahead and click Publish (next to Save). CREATING A MULTILINGUAL SITE Among our 100s of designer-made templates, you can find multilingual templates! Click on any of the links below to start creating your multilingual site:

165 The templates are set up with English as the primary language and Spanish or Portuguese as the secondary language, however, you can change the languages manually as you wish. Keep in mind that this is an advanced feature. If you prefer to use another Wix template, you can create a multilingual site yourself in a few simple steps as explained below. CREATE YOUR MAIN LANGUAGE SITE In the example below, we will create a multilingual Wix site for English and Spanish. On your own site, select your site languages as you wish. 1. Get started by creating your site in English (example of main language). 2. If you are using a menu, click on it and delete it (In order to create a multilingual site you will have to use buttons for your menu). 3. Click Add, followed by Buttons & Menus, and then click Button. 157

166 Note: You may add the buttons on a strip to get a menu feel: Add > Shapes & Lines > Strip. 4. Click the button to select it, and then click the Copy button on the Editor's top menu. 5. Paste the button on your Homepage. If you want to create an identical site as your English site, then you will want to paste as many buttons as you have pages in your English pages. 6. To rename your buttons, click on a button, followed by Settings. From Button Settings, edit the field under Button Text. 7. Next, click a button, followed by Link to. Click Page and select the page you wish to link the button to. 8. Once you've named the buttons and linked them to all of your pages, select all buttons and copy them. Then, paste your buttons on each English page of your site. 158

167 9. Click on each button, and make sure that the box for Show on all pages is not checked. TRANSLATE YOUR SITE TO THE SECONDARY LANGUAGE 1. From the left side of the Editor, click Pages, followed by the Page Settings icon beside the page. 2. From Settings and SEO, click Duplicate. 159

168 3. Enter the page's name in Spanish and click OK. 4. Repeat the steps above to add, rename and link your buttons on the Spanish homepage. 5. Copy the new buttons after they are named and linked, and paste them on all of your Spanish pages. 6. Translate all of the content in your Spanish pages. ADDING LANGUAGE ICONS (FLAGS) Once you have set up all of the languages on your site, you're ready to add icons to direct your site visitor to their language of choice. If you prefer, you can use text boxes instead of flag icons (as explained below). To add flag icons: 1. Click Add, followed by Image. 160

169 2. Click Clip Art. 3. From Add Clipart, click on Free from Wix, followed by Flags in the left hand menu. 161

170 4. Click on any flag you wish to add, followed by Add Clipart. 5. If you do not see your desired flag, you can click Upload Images to add your own clip art. 6. Now, click the flag you added, followed by Link to. 162

171 7. From Link, click on Page. 8. From Link to Page, click on the drop down menu below Select Page, and then click the homepage of the additional language you've added. 9. Alternatively, you can use text links to direct your site visitors to the other languages (instead of flag icons). 163

172 Simply add a text box for each language e.g. EN, ES,PT, etc. and then link each text box to the homepage of the relevant language. Click here to learn how to hyperlink text. 10. Lastly, be sure to add your language text or flag links to the header or footer sections of your site. This way, they will appear on all pages of your site and allow your site visitors to easily navigate between languages. Important note about drop down menus: It isn't possible to create a drop down menu from a menu you created with buttons. You can only create a drop down menu for your site only for one of the languages, by creating subpages, and then adding a drop down menu. You can follow the instructions here. If you create a drop down menu for one of your language's pages, make sure it is not set to Show on all pages. You will need to duplicate and add the menu to each relevant page. ADDING A BLOG TO YOUR SITE Add a stunning blog to your Wix site! ADDING A BLOG TO YOUR SITE To add a blog to your site: 1. From the left side of the Editor, click the Add icon. 164

173 2. From Add, click Blog. 165

174 3. A new page will be added to your site with your blog installed on it. From the pop-up window, click OK. 4. Start customizing your Blog Feed by following the instructions here. Once you have added the blog, you can start writing your posts! To begin, click the blog and from the pop-up menu, click Add & Edit Blog Posts. HIDDEN PAGE When you add a blog, a new hidden page will also be added to your site. This hidden page is a dynamic page called Single Post Page and will open when your visitor clicks on a blog post to expand it. To learn more about the Single Post Page and how to customize it, see here. To delete your blog, you must delete the entire page. From Pages, click the settings icon on the blog page, and from the top right, click Delete. INTRO TO MY SITES PAGE Each Wix account has a My Sites page. You can access this page at any time directly from the top menu of wix.com. Your My Sites page is your account's management portal. From here, you can view, edit, and manage all of your sites. 166

175 To the right of My Sites, above Account Shortcuts, check out our site search bar. Using the search option is easy and incredibly useful for those with multiple sites. Clicking on the + Create a new Site button will take you to Wix's Templates page. From here, you can browse through our templates, and start editing a new site. On My Sites, you will find Account Shortcuts. These are handy shortcuts which include a quick link to your Billing & Payments page, Account Settings, Domains, Vouchers, and more. 167

176 Your sites list, includes all of your account's published and unpublished saved sites. There is no limit to the number of sites listed under a single account. You can upgrade any of your sites by clicking Upgrade. If you have a Premium site, you can click the button to upgrade to a higher-priced plan. When upgrading an existing premium plan, you will only be charged for the difference. Note that you cannot downgrade your premium plan by clicking the Upgrade button. A site that hasn't been been published yet, will be listed as Not Published, it will not include a thumbnail of your site, and will have a Preview Site button instead of View Site. You can click on Editor or Edit Site at anytime to edit your site further, and when you are ready for your site to go live, click Publish. If you've published your site, you can find your site's address below the site name. A free site URL is made of username.wix.com/sitename Premium sites that are connected to a domain 168

177 you purchased, will not display your free Wix URL, but rather your purchased domain. Your site's current Premium Plan is found below the site address. Premium sites will display a thumbnail of the site. Keep in mind that site thumbnails are updated once a week, therefore, any changes you make to your site may not be reflected in the thumbnail right away. All premium sites have a Premium banner across the site thumbnail. To access a site's Dashboard, which is the site's management portal, click Manage Sitenext to the relevant site. ESSENTIAL WIX TOOLS TO USE WITH YOUR BUSINESS SITE With 100s of fully customizable designer-made business templates available for free, it's no wonder millions of businesses across the globe choose to create their sites using Wix. Whether you want to display your photography portfolio, open an online store, or build a site for your hotel and accept reservations, Wix has something for you. If you haven't created your site yet, we suggest that your read our list of top things to consider before selecting a template. Alternatively, if you are looking to create a site using one of our blank templates, be sure to read more about them here. In addition to providing you with all the tools and knowledge you need to create the best site for your business, we have several features that allow you to take full control of your business's online presence from A-Z. 169

178 CUSTOM DOMAIN NAME EVERY WIX SITE GETS IT'S OWN UNIQUE SITE ADDRESS IN THE FOLLOWING FORMAT: USERNAME.WIX.COM/SITENAME. This free Wix URL is a quick and hassle-free way to get your website online, until you are ready for a custom domain. We believe that using a custom domain for your site is as important as the business's brand name itself. Your domain name is the first thing people see when they go to your site, so you want to get it right! You may want to read our tips & guidelines to help you choose one that works for your site and business. Get started using a custom domain name with your site as soon as you upgrade the site to any one of our Premium Plans. Once your site is a premium site, you can connect to it a domain purchased directly from Wix, or a domain purchased elsewhere. If you upgrade to a Yearly VIP, ecommerce, Unlimited or Combo Plan, you will receive a free domain voucher for your site! For more information about our Plans, click here. GOOGLE APPS MAILBOX Upgrading your site to one of our Premium Plans, and connecting it to a custom domain name is an important step towards establishing your business brand. Using a business for your domain (e.g. info@yourdomainname.com) will take your branding one step further by creating a professional image for your business, all while boosting your credibility in the eyes of your potential and existing customers. Another great reason for setting up customized addresses for your business is the 170

179 flexibility it gives you. For instance, you can create custom addresses for specific needs such as: or This not only directs your customers to the right , but it also makes it easier for you to filter, and read through your s. Click here to learn more about purchasing Google Apps Mailboxes directly from Wix. THE WIX APP MARKET Use our App Market to take your site and business to the next level! Many of the apps that you'll find there are created and developed at Wix. Other Apps are made by third parties that you might already be familiar with. Popular brands like MailChimp, Etsy, Constant Contact, Eventbrite, Shopify, and more have created helpful apps that add the same services that you know and love. Not sure where to start? Visit the Wix App Market and take a tour for yourself! There are two ways to access The Wix App Market: 1. From the left side of your Editor, click the Wix App Market icon. 2. From Wix.com's top menu, hover over Explore, and click App Market 171

180 Bonus! You can find tons of handpicked business apps right in your Wix account. These apps and services were specially selected to help generate traffic to your site, promote your business, manage your business, improve your SEO, and so much more. To access these business apps, click My Sites > click Manage Site next to the relevant site > from the left menu of your Dashboard, click App Market SITE CONTACTS Easily manage all of your site's contacts in one place! Go to My Sites, click Manage Site next to the relevant site, and you'll be taken to your site's Dashboard. From the Dashboard's left menu, click Contacts. From here, you can easily import (and export) contacts at any time using Gmail or via CSV files. In addition, customers, subscribers, site members and people who contacted you via your site's contact forms can be found and easily managed via your contact groups in one organized place. To learn more about Contacts, see here. Fun Feature! Keep track of who your contacts are by adding 'notes' next to their names. Notes help you remember exactly who, what, how, and where you came in contact with the people on your contact lists. This really comes in handy once you have dozens or hundreds of contacts. WIX SHOUTOUT Now that you've read about managing your site's contacts, it's time to learn about one of our most talked about apps. WixShoutOut is an incredible tool for any business owner that is looking for an easy way to send beautiful newsletters to site visitors and increase customer engagement. 172

181 With ShoutOut, you can share eye-catching updates, news items, promotions and more. Simply create your message (enter text, images, videos and links), add contacts and send your ShoutOut. That's it! You can also continue to collect contacts for your ShoutOut list by adding the Get Subscribers app to your site. Get Subscribers is a handy pop-up that prompts people to add their s to your newsletter list so that they'll never miss your next announcement. Another great feature WixShoutOut offers is the ability to track your 's performance to see who's clicked, opened and shared your newsletter. For more information about ShoutOut, click here. HOW CAN I BACK UP OR DUPLICATE MY WIX SITE? To duplicate your site: Sign in to your Wix account > under My Sites, next to the relevant site, click Manage Site > on the left, click Popular Shortcuts > click Duplicate Site. 173

182 You don't need to worry about losing your site content! You can find an overview of all edits and changes that you have made to your saved and published site in your Site History. This makes it easy for you to view, flag or restore to a prior version of your site at any point. MANAGING YOUR SITE HISTORY Accessing Your Site History Viewing a Previous Version of Your Site Marking a Version as Important Renaming a Version in Your Site History Restoring a Version of Your Site View and restore any saved version of your site at any time and never worry about making new changes to your site again. Site History only includes saved and published versions of your site so be sure to always save any changes you make to your site. ACCESSING YOUR SITE HISTORY To access your site history: 1. From My Sites, next to your site, click Manage Site. 174

183 2. From the left menu of the Dashboard, click Popular Shortcuts. 3. Under Site Shortcuts, click Site History. 4. From the pop-up window, click Continue. 175

184 A list of your site versions by date and time appears on the left of your Editor. A Pappears next to published versions of your site. All other versions are versions that were saved but not published online. 5. Next to Show, click the drop-down menu and choose the type of site versions you want to view, All, Published or Important. VIEWING A PREVIOUS VERSION OF YOUR SITE To view previous versions of your site: 1. From My Sites, next to your site, click Manage Site. 3. From the left menu of the Dashboard, click Popular Shortcuts. 176

185 4. Under Site Shortcuts, click Site History. 5. From the Site History, roll over a version of your site and click View. MARKING A VERSION AS IMPORTANT You can flag certain versions to mark them as important so that you can easily recognize them in your site history list. To mark a version as important: 1. From My Sites, next to your site, click Manage Site. 177