A guide to setting up your new website

Transcription

1 A guide to setting up your new website

2 Hi there. Welcome to MrSite we re really happy you re setting up your brandnew website with us! Whatever the kind of website you want to create, in this guide we re going to give you all the help you need to make something truly impressive. Step-by-step, we ll show you how to design your pages, add a shop, add content and images and much more. At the back of this guide, you ll find an index, so if you re wondering how to do something specific, you can easily find the pages that explain more.

3 If after reading this you ve got any further questions, no problem. There s lots of ways you can get in touch with the friendly team. To chat online with us, log into your MrSite account and click on the Live Chat button. Alternatively, send an to support@mrsite.co.uk or give us a call. No question is too basic or too complicated we re here to help.

4 Contents. Getting started 6 Activating your website 6 Choosing your website address 6 Your login details and password 11 Add content to your site 13 Edit my website 13 Web pages 13 Design tips 16 Build a page 19 Widgets 20 Page templates 30 Blog 31 News 33 Forums 34 Polls 37 Site designs 40 My site design 40 Add widgets 42 My widgets 42

5 Sell online 45 Edit my shop 45 Categories 45 Products 48 Stock settings 52 Attribute groups 55 Orders 58 Shop settings 60 Payments 60 Shipping 61 Tax 70 Countries 77 Site settings 78 SEO Help 94 Index 96 5

6 Getting started. Activating your website Your first step to getting your new website up and running is to activate your account. All you need is the password that you found in your MrSite box (or if you bought online, the password that was ed to you). Go to and type your password in the space provided. Next, click Go! Remember, the password is case sensitive so type it in exactly as you see it! Choosing your website address You get a free web address for your website included as part of your MrSite package also known as a domain name - for example If you already have a domain name, you can use that with your MrSite website instead (see pages 7-10). After you ve entered your password, on the next page you ll be asked to choose your website address. Enter your chosen website address and click Check availability. We ll then look to see whether it s free; it may be that someone else is already using the address. If the domain is free, you ll see a message saying This domain is available. A bit about domain names A domain name is a more techy way of describing a website address. It s what people type into their browser to get to your website a bit like the online version of your street address.

7 Some tips when choosing your website address: Keep it short ideally, no more than 15 characters. You want people to remember it easily. Make sure it s easy to spell; avoid words with different spellings in the UK and USA, like jewellery/jewelery or colour/color. Go for a regional domain name ending; for example, if you re based in the UK, try to opt for.co.uk, if you re in Australia go for.com.au. Registering your name and website Once you ve chosen your domain name, you ll be asked to fill in a few details about yourself so we can register you as it s owner. You can change these details later, but it s really important that you make sure that things like your phone number and address are accurate. We ll need to contact you when your website and/or domain name are due for renewal to make sure you don t lose them, or perhaps if you ever request technical support and if we don t have the right contact details we won t be able to get in touch. Already own a domain name? No problem you can use it with your MrSite website. Just enter your website address in the box, tick I already own this domain name and click Next. There are two ways to connect your exisiting domain name to MrSite: 7

8 Method one: Transfer your domain name to MrSite Ask your current name company to transfer it to MrSite. This will make it easier for you to manage your website and domain name as they will be in the same location. Your domain name will be included in the cost of your MrSite website and your current name company will not continue to charge you for it on top of your MrSite website. The steps you need to take to transfer your domain name to MrSite will vary slightly depending on the ending of the website address: Got a.com/.net/.org/.biz.info domain? You ll need to ask your current name company to unlock your domain name and give you an authorisation code (this is also called an EPP Key ). Once you ve got it, send an to letting us know your domain name and the code, and we ll complete the transfer for you. Got a.co.uk/.org.uk/me.uk domain? Contact your current name company and ask them to change the IPS tag to MRSITE it s case sensitive so remember the capital letters. Once they ve done this, let us know via , not forgetting to tell us your domain name, and we ll complete the transfer for you. Got a.com.au/net.au domain? Contact your current name company, let them know you want to transfer your domain name over to MrSite and get a domain name transfer password from them. Once you ve got this, send it to us in an to support@mrsite.co.uk, along with your domain name details, and we ll complete the transfer for you.

9 Got a.co.za domain? Contact your current name company and let them know you ll be transferring your domain name over to MrSite. Then, to let us know which domain name you want to transfer over to us. We ll contact your current name company and you will receive an from them asking you to confirm your wish to transfer. We will then complete the transfer for you. Got a.co.in domain? You ll need to ask your current name company to unlock your domain name and give you an authorisation code (this is also called an EPP Key ). Once you ve got it, send an to letting us know your domain name and the code, and we ll complete the transfer for you. Method two: Point your domain name to your MrSite website You can keep your domain name with your current name company and point it towards your MrSite website. This means your current name company will continue to charge you for it on top of your MrSite website and you will need to manage it separately from your website. Every domain name has two bits of information, called Name servers, attached to them these tell the domain name what website content it should show when someone types it into a browser. Name servers allow a company looking after a domain name (for example your current name company) to link it to the website content being held by another company (for example, MrSite). 9

10 To point your domain to your MrSite website do the following: 1. Log into your MrSite account. In your Account Centre, go to Manage account and select Domains. 2. Click Connect a domain and type in the domain you want to point towards your website. Select which MrSite website you want to connect it to. Click Save domain. 3. You ll now see your domain name showing in the list of domains associated with your MrSite account. In the column called MrSite hosted this domain name will not have a tick next to it. 4. Next, in the column called DNS, click View beside the relevant domain name. In the Type column, look for two rows that have NS (Name Servers) written in them. 5. Next, contact your current name company and ask them to change their Name Server details to the same information found in the Content column rows next to the Type column rows that display NS. Need more domain names? You can easily get more domain names in the MrSite Marketplace if you need them. Website and domain name renewal Your MrSite website is a yearly subscription. You can renew your website a year from when you activate it from your Account Centre.

11 It is vital that we have your correct contact details so that we can notify you when your website is due for renewal. If you don t renew your MrSite package, you may lose your domain name, your website and your address. Your login details and password Once you ve completed your registration you ll see your username (which will be the you signed up to MrSite with) and your password (which is your original MrSite password); you ll also be ed these details. You can change your password or address later. Click Log into MrSite. You ll be taken first to your Account Centre, where you can manage your website and domain names. Upgrade your website We believe your website should grow with you if you need it to, so it s simple to upgrade from MrSite Starter to Classic, Pro and Seller, and get more features and space. You can do this from your Account Centre. 11

12

13 Add content to your site. To start creating your website, just click on Build my website in your Account Centre and select your website. Your Overview page gives you a quick overview of your site for example it will show you how many pages you ve added, what s happening in your online shop and any activity in your blog. Next, have a look at the menu on the left hand side of the page. Edit my website Click on the main menu option Edit my website and now the fun bit can start - here is where you can create and design your pages, getting them to look how you want, and add, text, images, a blog, forum, user poll and new articles to your website. Since you re in control of your site, you can go back and edit your pages whenever you want. The Publish button When you re ready to set your website live on the internet, click the Publish button, which you ll find at the top of the screen. You will need to click on this button every time you make changes to your site for your edits and updates to go live on the internet too. Web pages Click on Edit my website in the main menu, followed by Web pages below it. A page will appear showing a set of default pages, including a shop page, blog, and of course your homepage. Aside from your homepage (you definitely need that!) you don t have 13

14 to use any of these default pages. To unpublish a page click Info next to it and then untick the Published box. Each MrSite website comes with a set number of pages. However, you can create as many pages as you want, since MrSite only counts those pages that you ve got published live on your site as part of your page limit. Add a new page to your website If you want to add a new page to your website, click on Edit my website in the main menu, followed by Web pages below it. Then, click on the Add new page button. Fill in the following: Page details Page name: This is the text that will appear in your website menu. Published: Tick this box if you want this page to be published live on your website. Untick it if you want to unpublish it. Page position: If you have ticked the box above, then this option will appear. You can make this page a main website page by selecting Root page. If you want it to be a sub-page (so it appears within a main Root page ) you can choose here which Root page it will appear within by selecting it from the dropdown list. Add to menu: Tick here if you want this page to appear in the main navigational menu of your website.

15 Display order: This will set how high this page appears in your navigation menu so if you type 1 then it will be the first page in your menu, and if you select 5 it will be the fifth. Access password: If you want to make this page passwordprotected, so only your trusted visitors can access it, enter the password here. SEO (Search Engine Optimisation) Filling in these details will help this page get higher up Google i.e. get it optimised for the search engines. Meta keywords: These are a brief list of the most important themes that this page refers to. When someone uses a search engine to find a website, the search engines uses the meta keywords to match up the most relevant websites though the keywords themselves aren t visible to your website visitors. When deciding which keywords to use, scan through your web page and choose the most important words. You can find out more about choosing your keywords on pages Meta description: This should be a brief, concise summary of what this page is all about. You should try to limit it to about characters and include the words and phrases you expect your visitors to type into Google to find your website page. To find out more and see an example see page

16 Meta title: A meta title is seen in the browser bar across the top of a website. You can see an example of one on page 81. When deciding what your meta title should be, again think about the key terms people might type into Google to find your website and include them. When you ve completed all these fields, click Save new page. You ll now see your new web page appear in the list of Web pages and you can start filling it up with content! Deleting pages As well as unpublishing pages from your site (see page 14 for more info) you can also delete a page entirely from your site. Click on Edit my website in the main menu, followed by Web pages below it. Next, click Info beside the page you want to delete. Then, scroll down and click on Delete page. Remember though, you can t delete your homepage (your first page)! Design tips Be Consistent Make sure that the text on every page of your website is consistent in size and colour Create your own set of design guidelines and stick to them. For example, you may decide that all headings on your website will be font size 14 in black, and all normal text will be font size 12 in grey. Make sure your font is easily legible. For example, Arial, Verdana and Times New Roman are use almost exclusively on web pages

17 throughout the Internet. These fonts can be guaranteed to appear on all computers. If you were to pick a font that was not on the computer of a visitor to your website, your text would not be visible to them. Choosing hard to read script fonts, such as Script should be avoided. Be careful with colour It can be tempting to go crazy with technicolour but this can be distracting for your site visitors. Try to use neutral colours and imagery consistently throughout your website. Bear in mind that around 10% of us suffer from colour blindness. Colours with high contrast e.g. black text on a white background are therefore recommended. Red on green would be a bad choice as they both have the same levels of contrast and would be virtually indistinguishable to someone suffering from colour blindness. Plan ahead Try writing down a site plan before you start creating, so you know what content will go on which page. You ll find this saves you space, so there s lots of room to expand. Break up your pages It s easy to totally fill up a web page with text but this can be overwhelming to your website visitors and encourage them to leave your site entirely. Break up text with images, titles, bullet points and paragraphs. This will make your pages easier to digest and encourage visitors to read through the information. Remember, web page visitors tend to browse rather than read. 17

18 Resize your photographs Resize your photos before you add them to your website. Many photos taken on a digital camera or phone can be such high quality that they take up lots of web space and will take a long time for visitors to your website to download and view. Use an image editor to make them smaller - Photoshop is popular but there are also lots of free programs out there; we especially like Always use great images A beautiful and interesting website can be seriously let down by bad images and photographs. Similarly, an average website can become outstanding with great pictures. Don t underestimate the effect that good photos will have on your website, boosting sales and peoples impression of you! If you can t afford professional photography, don t fret. There are lots of websites out there that offer cheap yet tasteful stock images. We recommend where you can buy fantastic stock photographs for as little as 50p / $1 / 1 euro. The following sites also offer thousands of stock images for free: And remember, don t use other peoples photography or images on your site without permission. You could find yourself landed with a large copyright infringement bill!

19 Build a page To start building a page, click on Edit my website in the main menu, then click on Web pages below it. Then, click on Build it next to the page you want to work on. You ll see that your page is split up into different sections: This layout makes it easier for you to make your page look how you want it to, not to mention as professional as possible. On your screen, these sections look like this: A B C D E F Upper content drop zone Left column drop zone Middle column drop zone Right column drop zone Lower content drop zone Footer drop zone Previewing your pages As you start building your pages, you ll probably want to see how they are looking so you can make any last tweaks before you publish them live on the internet. To preview your page, just scroll down until you see the Preview 19

20 page button at the bottom of the screen. Click on it and you ll see how your page is looking. If you re happy, click Save page - otherwise you can carry on designing. Widgets Widgets help you build your web page. If you want to add some content, or a box with your latest tweets, or perhaps an image gallery, all you need to do is drag and drop the relevant widget into your page, decide how big you want the widget to be, and then add content to the widget. In this section, we re going to cover the basic widgets you get with your MrSite website but there are lots more available in My widgets in the main menu. Some of them help you add new site features, some of them make it easier for you to manage your site. We re always adding more so it s worth browsing around the MrSite Marketplace every so often to see what s new! To add a widget to your page, click on Edit my website in the main menu, then click on Web pages below it. Click on Build it beside the page you want to add your widget to. Then, click on the Content or Social drop-down lists in the Widgets section on the right, hold down your mouse over the widget and drag it into your page layout. Click on the widget and you ll see this:

21 The numbers represent how big the widget will appear on your webpage select 1 for the smallest size, 4 for the biggest size. Then to start working with the widget, click Edit. The widgets are in different sections; Content widgets let you add content, images or galleries to your site, while Social widgets are all about using your website to start a conversation with your visitors. Content Add content to your website with Content widgets. Column content widgets - add text and images Once you ve dragged your one, two, three or four column Content widget into place on your web page, click on it and click Edit. You ll see in this widget screen there is a space for you to type in your text and then format it as you want you ll notice the familiar text editing buttons in the menu at the top: To add an image, click on this button: A pop up box will appear. Select the small square icon by the Image URL box and you will be taken to your image gallery. Here you can store and edit all the images you will use on your website. 21

22 To add a new image to your library, just select Upload an image. Then, select the image on your computer that you want to add to your website and click Open. You ll now see that the image has been added to your Image Library. If you want to crop the image, then you can click on it and select Crop followed by Crop image. Click on Done cropping when you re finished, then click on Insert image. In the next screen you ll see details about the size and alignment of your image which you can edit as you choose. Click Insert and the image will appear in your Content widget screen. Click on it and you can move it around until it s in the right position. You can also edit it s size by clicking the right-hand corner of the image, holding your mouse down and moving it inwards. Please note that if you are having trouble moving your image, we recommend that you use the Mozilla Firefox internet browser. Using HTML HTML is something you don t really need to think about with MrSite websites, unless you re feeling techy or want to develop more advanced website design skills. HTML is the language that your computer uses to tell the internet how a website should appear. It s behind all you see on the internet, from how big text is to colours. Luckily MrSite sorts all that our for you - but if you do want to add content to your website using HTML code, then you can do that easily. Click the HTML button in the Content widget that looks like this: Add your code and click Update when you re happy.

23 Adding a hyperlink to images or text You can create a link (or hyperlink) so that when a visitor to your site clicks on an image or photo, they are then taken to a new website page, either within your site or on another website. To do this, select the word or image you want to link to and click on this button: Enter the address of the website you want to link to in the Link URL field. If you want the new page to open up in a separate window select Open in new window from the Target dropdown menu. Click Insert. Click Save when you re happy. Gallery With an image gallery, you can create beautiful collections of photos or pictures that your website visitors can easily scroll through. So, if you re a photographer you can showcase your latest work; a baker might show off their amazing cupcakes; or a community group might create a collection of photos from their latest event. Once you ve dragged the Gallery widget into your page, click on it and then click Edit. You can add your images by clicking on Add image and then uploading them from your Image library (to find out how to add more pictures to your Image library see page 22). Next, click the image/s you want to add to your gallery, followed by Insert image. 23

24 You ll now see your images in the Gallery widget screen, along with some other options: Show arrows: You can show arrows on your pictures, to help your visitors move to the next picture. Transition in: This affects how your images move from one to the other. Choose from Fade, Elastic, or None. Transition out: This affects how your images leave the screen - again, choose from Fade, Elastic or None. Show close button: If you select Yes, then when your images are displayed, visitors can click a small arrow to return back to the main page. Thumbnails: Select Yes to show small thumbnails (mini images) of the images you ve added to your gallery. Thumbnail size: If you choose to show thumbnails, here you can specify their size. Buttons: If you select Yes, then buttons which allow your visitors to scroll through your images or exit the gallery will appear at the top of the screen. Social Once you re happy with your gallery, click Save. Interact with your customers with Social widgets. Guest book This widget helps you create a place for your customers to

25 post a message on your website about you, your products and businesses. Once you ve dragged the Guest book widget into your page, click on it and then click Edit. address: Enter your address if you d like to be notified when someone posts a message on your Guest book. You ll also need to set New posts require moderation to yes below it for this feature to work. Footer notice: Your footer notice is text that you can choose to show underneath the box where a visitor will write their post in your Guest book, such as We won t store your address, or Thanks for your comments. Posts per page: Enter here how many posts from visitors you want to show on your Guest book. New posts require moderation: Set this to Yes if you want to moderate all posts before they appear publically on your site. Posts avatars: Avatars are images that posters sometimes use when they regularly make comments in online forums or Guest books so people can recognise them quickly. If your poster has added an avatar to their address using Gravatar, a popular system used in blogs, then, if you tick this checkbox, it will appear in your Guest book. Avatar size: If you have selected to display avatars on your Guest book, then here you can select the size of the images that will be shown. Once you ve completed these fields, click Save. 25

26 User poll User polls provide a great way for you to engage your site visitors and get their opinion on the topics that matter to them and you. First of all, you need to create a User poll - see pages for instructions on how to do this. Once you ve created your User poll, drag the User Poll widget to wherever you want it to be on your web page, click on it and click Edit. Select the User poll that you have just created from the drop-down list and click Save. News feed If you have a News page on your website (see pages for more details on how to create a News page), then you may want to have a feed of it on another web page, showing headlines of the latest News articles that you have posted. The News feed widget lets you do just that. Drag the News feed widget into your web page, click on it and then click Edit. Simply specify how many articles you want to show in your feed. Social links With this widget you can easily create a link on your web page to your different social networks like Facebook, LinkedIn or Twitter. Drag the Social links widget into your web page, click on it and then click Edit. Just type your username or the URL (web address) of your social network page into the relevant box and click Save.

27 Contact us form The Contact Us Form widget allows customers to send you messages directly through your website. Drag it into your web page, click on it and then click Edit. Fill in the following: Contact Us form title: If you want to display a title such as Please send us a message to your site visitors, enter it here. Button text: Edit the button text that visitors to your website will click on when they want to send you a message via the Contact Us form. Keep it simple like Go or Submit. Message sent text: Visitors to your site will see this text once their message has been sent via the Contact Us form. Type in, for example, the following: Thanks for sending us a message. We will get back to you soon. Name box text: This text will appear next to the Name box when customers fill in your Contact Us form. Type in it, for example, Enter your name here. address box text: This text will appear next to the box when customers fill in your Contact Us form. Type in it, for example Enter your address here.++ Message box text: This text will appear next to the Message box when customers fill in your Contact Us form. Type in it, for example, Enter your address here. Enable captcha: Here you can enable or disable a form captcha. Captchas show letters that visitors to your site will be asked to enter into your Contact Us form to help prevent you 27

28 being spammed. We recommend you keep captcha enabled. Collecting messages sent through your Contact Us form Messages sent through your Contact Us form will be sent straight to your MrSite address (replace yourwebsite.com with your actual website name). See page for further information on how to retrieve these messages. Latest tweets If you want to show your latest Twitter posts on your website (this is called a Twitter feed ) then just drag and drop this widget into your web page. Click on it and click Edit. Fill in the following fields: Title: If you want there to be a description or title above this feed, enter it here. Twitter username: In order to display your tweets, you ll need to enter your Twitter username here. Avatars: If you d like to display avatars (these are little images that Twitter users add to their accounts) when followers tweet at or re-tweet you, then set it to Show avatars. Screen names: If you d like to display your tweet and re-tweet screen names, then set this to Show screen. Number of tweets: Enter the number of tweets you d like to show in your feed. Click Save when you re done.

29 My shop My shop widgets help make your customers shopping experience easier. Mini cart A Mini cart widget allows your customers to see the items that they have added to their shopping cart whilst browsing on your site. Most online stores position their mini cart in the top right hand corner of every web page that a customer visits. Siteboost Widget Pro Seller Only This widget will help boost your website s position on Google and other search engines with advanced SEO features (search engine optimisation). Full instructions on how to use it can be found within the widget. And there s more... These are the widgets that come automatically with your MrSite website. However, there are lots more available for you to download in the MrSite Marketplace, with more added every week, such as a YouTube widget for adding video content, image slideshows and many others. Click on My widgets in the main menu, then click on Find more widgets to see what s available. 29

30 Page templates If you re planning to have an online store, you ll probably want the layout of certain types of pages to look the same to make it easier for your customer to shop. When you re setting up your store, you ll be able to create Category pages, which are your main shop pages, and Product pages. Page templates help make them look unified. You can find out more about creating categories and products on pages You can find the Page templates section by clicking on Edit my website in the main menu, followed by Web pages below it; scroll right down to the bottom of this page and you ll find it. A series of page types for which you can create templates will be displayed in a list. For example, if you click Build it next to the Products page template and drop in a Twitter widget, then this widget will appear on all your product pages. Of course, you might want to have a few categories or product pages which are the exception to the page template rule. No problem - click on Edit my shop in the main menu, then click on Categories or Products. Next, click on a category or product (if there are none you will have to add one first - see pages 45-55), click on Edit and then under Settings, select Add to web pages for manual editing. This page will now appear in your list of ordinary web pages and you can edit and design it as you wish - just click Edit my website in the main menu then click Web pages, and click Build it beside it.

31 Blog With a blog, you can regularly update your website visitors about what you ve been up to, add any exciting new updates and maybe even some fun images. Plus, having a blog that s regularly updated with new content (you might hear people referring to this as fresh content) is very good for helping you get higher up Google (i.e. your Search Engine Optimisation, or SEO, see page 79). A blog is one of the default pages MrSite has created for you; if you do not want it to be published live on your site then click on Edit my website in the main menu, followed by Web pages. Then click on Info next to the Blog page and uncheck the Published box. To add to and manage your blog, click on Edit my website in the main menu, followed by Blog. You will see the following tabs: Post In this tab you can edit any blog posts that you ve made, and publish or unpublish them on your website. Adding a new post Click on Add new post and fill in the following: Blog post title: Give your blog post a title. Blog post entry: This is where you can add your content to your blog. To add an image, click on this icon (see page 21-22): 31

32 Allow comments: Ensure this box is checked if you want to allow website visitors to leave comments on this post. You can edit the comments in the Comments tab in the Blog section (see below). Published: Check this box to publish this post live on your site. Once you re happy, click Save new blog post. Comments If you ve chosen to allow comments on your blog, then in this tab you can see the comments that have been posted, as well as delete them from your website. Click Delete to take a comment off your website. Click Edit and you can edit the comment, as well as see the and IP address of the person that posted it. Blog settings In this tab you can choose the settings for your blog. You ll see these options: Allow comments: Tick here if you want to allow website visitors to leave comments on your blog posts Notify about new blog comments: Tick this box and you ll receive an to let you know when someone comments on a blog post.

33 Posts per page: Enter the number of blog entries you want to show on your blog page. Once you ve completed this section, click Save blog settings. News A news page is a great way to keep your customers updated about interesting news in your industry, as well as posting topical articles which may be of interest to your site visitors. As with a blog, a news page can be very good for helping you get higher up Google, as it rewards websites that regularly add new content by making them more visible on searches. Click on Edit my website in the main menu, followed by News. You will see the following tabs: Articles In the Articles tab you can add, edit and delete news articles. To add a new article to your News page click on Add new article. Then, fill in the following: Title: Give your news article a title. Published: Tick here to publish this article live on your site. Story overview: Here, enter a brief overview of your article. This overview also be used in the News widget if you add one to your website (see page 26). 33

34 Full story: Enter the full article here. If you want to include photos or an image, click on the screen icon to upload one (see page 21-22). When you re happy, click Save news article. To edit or delete a news post, click on Edit my website in the main menu, then click on News, then Articles, then Edit next to it. News settings In this tab, you can create the settings for your News page, such as how many articles you want to show on one page. Articles per page: Enter the number of news articles you want to show on your news page. Forums You can add a forum to your website - this is a place where your website visitors can interact with you and each other. In a forum, you can create different topics and visitors can leave posts discussing them. The discussions in your forums are called threads. It s a great way to start building a community and encouraging loyalty. And as with a blog and news page, a forum can be very good for helping you get higher on Google, particularly if you can encourage visitors to regularly add to it.

35 Creating a new forum Click on Edit my website, in the main menu, then click on Forums underneath it. To add a new forum to your website, first you need to create a Forum topic - this is a general subject for a group of discussions. In the image above, Sales is a forum topic. To add a new forum topic, click Add new topic and fill in the following: Name: Give your forum topic a name Description: If you want to, describe your forum topic, for example What new products would you like us to stock?. Display order: Here, enter a number to reflect how high up you want this topic to be shown on the forum (1 will make it the first topic on the page). Next, click Save forum topic followed by Back to forums. Now you ve got a topic, you ll need to create discussion threads for people to discuss. Select Add forum thread and then complete the following: 35

36 Forum topic: Select which forum topic you want this thread to appear in. Name: Type in the name of this thread. Description: Enter a description for this thread to help visitors know what kind of thing is being discussed in it, for example, Please stock more chocolate cake. Display order: Enter a number to reflect how high up in the topic you want this thread to appear; if you enter 1 it will be the first topic. When you re finished, click Save forum thread - once you ve clicked on the Publish button, your forum will be live for visitors to start interacting on. Forum settings In this tab, you can create the admin settings for your forum. You ll see these options: Show visitor s post count: Tick here if you want to display how many posts have been made to each topic. Topics per page: Enter here how many topics you want to display on your forum page. Posts per page: Enter here how many posts you d like to display per page. When you re happy, click Save forum settings.

37 User polls With a poll, you can get your website visitors engaged with your site by asking them about the topics that matter to them and you. As well as being a great way to make your website more interactive, it s also useful for getting feedback from visitors; for example, a shop might ask what products customers want to see sold on the site, or a charity might ask supporters for their opinion on a relevant topic. Click on Edit my website in the main menu, then click on User polls underneath it. Here you can see all the polls you ve created, see whether they are published on your site, and edit them. Create a new poll To create a new poll, click on Add new poll and set up a new question for your website visitors to answer. Fill in the following: Poll question: Type in the question you want to ask your website visitors here. Published: Tick here if you want to publish the question live on your website. Display order: If you have a few polls, then here you can specify the order in which they will appear on your web page. So for example, by making a new poll s display order 1, then it will appear first on the page. Click Save new poll. You ll now see that, on the right of the page, you can give the possible answers for the poll. Enter the answer (for example Yes or No ) and then select the order in which this answer will be displayed 37

38 on your site. Click Add poll answer. You can repeat this process until you ve added as many poll answers as you want. Adding a user poll to a web page: If you want to drop a user poll that you ve created into a web page, then it s simple to do so. Just drop the User poll widget into your page by going clicking on Edit my website in the main menu, then on Web pages below. Next, click on Build it next to the page you want to add the poll to, and the User poll widget can be found in the Widgets section under Social. Hold your mouse over it and drag it into place. Once you ve selected how big you want the poll to be (you can read more about this on page 20) then click Edit and select your poll. If you d like to have a few different polls live on your site, you can add the User poll widget as many times as you like.

39 39

40 Site designs. My site design Having great content and images on your website is really important, but a fantastic site design can take it from fine to incredible!. Choose and customise one of the different website designs they ve all been created to help make your site look attractive, up-todate and professional. As they re based on the most current design trends, you can be assured that your website visitors will not only be impressed, but they ll find browsing your site an easy and enjoyable experience. Just have a look at the many available and pick your favourite and don t forget, more are always being added, so keep an eye on the MrSite Marketplace. Finding your perfect design Click on My site design in the main men and click on Browse more designs. This will take you to the MrSite Marketplace, where you will see the full range of designs available. To see how a design will look on your site, click Test drive design. If you like the design, click Get design to add it to your design library. Your design library Your design library allows you to keep all your designs together in one place. Building a design library means you can easily access your favourite designs, keep a record of those you ve used on your site and create a bank of designs which you can use for different occasions (for example, seasonal versions of your favourite design). Take a look at the Live column in your design library - the design that s currently being used on your site will have a big green tick next to it. To change your current live site design, click on the Options button and select Publish this design.

41 Customising your designs If you want to customise your designs, then click Options beside the design you want to work on and select Customise. Your home-page will appear, but on the left-hand side of your screen you will find a column where you can edit the colours and fonts of the design. Click on the colours in the different sections here to change them. See pages for more design tips. Adding a logo to your website Click Options beside the design you want to work on, followed by Customise and look for the Logo setting. Different designs work better with different-sized logos, so depending on which design you choose, you ll see instructions on how you should size your logo. Adding a header to your website A header is the banner image that goes at the top of a website. It can help make your website instantly recognisable and while not essential, it can be nice, especially if you re promoting something like a sale or event. Click Options beside the design you want to work on, followed by Customise and Header. Then upload your image. Renaming a design You can also rename your designs, to make it easier for you to identify them great if you ve customised two or three versions of the same theme. Just click Options beside the design you want to work on, then Rename. Viewing a design If you want a quick look at how a design will look on your site, then you can click Options and then View to see a preview. 41

42 Add widgets. My widgets As we ve discussed on page 20-29, widgets are fantastic little addons to your site which will help make it look great, let you engage with customers and allow you to manage your site better. Your widget library Your widget library is where you can see all the widgets that you ve downloaded from the MrSite Marketplace. To look through the widgets available to download, just click on MrSite Marketplace in the main menu. Page widgets Page widgets can be dragged and dropped directly into your pages to make them more engaging or to make their design better. To add a downloaded widget to a web page, click on Edit my website in the main menu, followed be Web pages below it. Then click on Build it beside the page you want to work on. You ll see a column called Widgets - just click Downloaded to see the full list of your widgets, which you can then drag and drop as you would normally (see page 20). Admin widgets These are widgets that make it easier for you to manage your site. They aren t visible on your website and don t affect how it looks; instead they ve been created to help you manage your site behind the scenes.

43 For example, with the ebay widget you can link up your MrSite online shop to your ebay seller account, while the SiteMap widget helps tell Google which pages you ve added to your website, helping it to list your pages correctly. Finding more widgets In the MrSite Marketplace you can discover new widgets and site designs. More are being added every week, so keep your eyes open for the new arrivals! Click on My widgets in the main menu. Then click on the Find more widgets button. You ll see there are two tabs, one for widgets and one for site designs. Why not download the Youtube widget to add videos to your site, or test drive Enterprise, an elegant, modern design perfect for a business website? 43

44

45 Sell online. Edit my shop If you want to sell online, then your MrSite website comes with it s own shop. Online selling also known as e-commerce is a great way to reach more customers, all over the world. If you re just dipping your toes in the water of selling online with a MrSite Starter website, then go straight to page 48 to discover how to start adding products to your shop page. If you have MrSite Classic, Pro or Seller, read on! You can start building your shop by clicking on Edit my shop in the main menu. Categories Classic Pro Seller Only To add a shop to your website, you need to create a Category page. Categories make it easy for your customers to browse through products sold on your website; so, for example, if you sell jewellery, you might have a main category page called Jewellery which might have sub-category pages for bracelets, necklaces and rings. Click on Edit my shop in the main menu, then click on Categories underneath it and your screen will display all the categories you have created. Adding a new category Click on Add new category and fill in the following sections: 45

46 About this category Category name: Enter the title of your category page here e.g. Jewellery. Published: Tick this box if you want this category page to appear on your website. Description: Enter a description of your category here e.g. Browse our beautiful range of handcrafted jewellery. Category image Click on Add an image under Category image and select a picture to represent your category from your Image Library. Remember, great images will encourage great sales (see page 18)! Category settings Root category: If you want your category page to appear in your main navigation menu, select [ --- ]. If you want it to appear as a sub-category, select the main page you d like it to appear within from the drop down list. Display order: If you have made this category a root page, then this option will appear enter a number to reflect how high you want this page to appear in your main navigational menu. So, for example, if you enter 1 then the category will appear at the top of your menu. Add to web pages for manual editing: If you tick this box, then this category will not follow any layout rules that you may have created to apply to all category pages in Page templates, and you will be able to style it individually (see page 30 for more

47 information). Layout: Select from the drop-down list whether you would like products you add to this category to appear in a grid or in lines. Number of products per page: Enter here how many products you want to show on your category page. Unify your categories You may want your categories to have unified look; you can do this in Page templates (see page 30). SEO SEO stands for Search Engine Optimisation, which basically means optimising your category information to help it appear higher up search engines like Google. Fill in the following details: Meta keywords: These are a brief, concise words describing the most important themes in your shop category. When someone uses a search engine to find a website, Google will use these keywords to help match up the most relevant websites to what the person typed into the search bar. The keywords aren t, however, visible to site visitors. Try and pick around 10 words that fit with this category. There s more information about keywords on page Meta description: A meta description is a short description of your category page which will appear in search engines like Google; for examples, see page 80. Try and limit your description to between 170 and 200 characters and try and include words or short phrases that you 47

48 think your potential customers will search for. When you ve completed all these fields, click Save new category. Click on Back to Categories and you ll now see all the categories you ve created. If you ever want to edit them, just click Edit. Products Click on Edit my shop in the main menu, then click on Products beneath it. In this screen you can manage the products you sell in your shop, edit them and create new ones. Here, you ll see all the products that you have added to your shop; you can search through them easily. If a product is currently live on your site, then you ll see a green tick next to it. If you ever want to delete a product, click Edit and Delete. Adding a new product To add a new product, click on Add new product and fill in the following sections: Please note that some of these options are only available for those with a MrSite Pro or Seller website. About this product Product name: Enter the name of your product here Published: If you want the product to be live on your site, tick

49 this box. Short description: For example, This beautiful set of prints makes a great gift for any occasion. Product description: Here you can give a longer description of your product - for example, A set of 5 prints, mounted in canvas with a green pine frame. Will add a beautiful accent to any room and makes the ideal present for any art lover. Buy settings: Price in GBP: Enter the price of your product here Pre-sale price: Pro Seller Only If the product is on sale and you d like to display the pre-sale price as well as the discounted price, enter it here. Disable buy button: Pro Seller Only If you want to temporarily stop customers from buying this product, but still want it to be visible on your site, then tick this box. Please see the Stock section on page to learn how to stop customers purchasing a product automatically when stock goes below a certain level. Download settings Fill in this section if you want to sell any downloadable products: Is this a downloadable product?: If you want to sell products that can be downloaded like music or video then tick this box and a series of options will appear. Send URL for download: Tick this box if, once they have paid 49

50 for the product, you want your customers to be ed a web page address (also known as a URL) where they can download it from. Download URL: If you have ticked the Send URL for download box above, then this option will appear. You can enter the web page address (also known as the URL) that your customer will need to go to in order to download the product. Download file: If you have not ticked the Send URL for download box, then you will see this option it lets you the product to your customer as a file, rather than as a web page address or URL). If you want to do this, click the Choose file button to select the relevant file. Unlimited downloads: Tick this box if you d like to allow each customer to download the product as many times as they want. Max downloads: If you have not ticked the Unlimited downloads box, then here you can set the maximum number of times each customer can download the product so, for example, if you want them to be able to download it only once, enter 1 here. Download will expire in: If you want this download to only be available to the customer for a certain period of time, enter the time period here. Product has user agreement: Pro Seller Only If you d like the user to accept a user agreement when they purchase the product for example, a message about not distributing the product further then tick this box. User agreement text: Pro Seller Only If you ve ticked the box requiring the customer to accept a user

51 agreement, enter the text for the agreement here. Product has sample download file: Pro Seller Only If you ve got a sample of the file, like a sample of a piece of music or the first chapter of an e-book, then tick this box and fill in the following fields: Send URL for download: Pro Seller Only This option will only appear if you have ticked the Product has sample download file box. Tick this box if you want to your customer a web page address (also known as a URL), from which they will be able to download the sample. Download sample URL: Pro Seller Only This option will only appear if you select Send URL for download. Enter the URL (or web address) where the sample can be downloaded from. Sample download file: Pro Seller Only If you want to this sample as a file instead of a web page address (also known as a URL), click the Choose file button to locate the relevant file on your computer. Product shipping settings: Pro Seller Only Is this product shippable: If you re planning to offer delivery of this product, tick here. Apply free shipping: Tick this box if shipping is included in the price of the product. Additional shipping charge: If you want to charge an extra shipping cost, enter it here. 51

52 Weight, length, width, height: Enter the measurements of your product here, so that your shop can calculate shipping charges should you charge for shipping according to product dimensions or weight. Product tax settings: Pro Seller Only Tax exempt: Tick here if you don t want to apply tax to this product (see page to find out more about applying tax in your shop) Tax class: By adding this product to a particular tax class, i.e. Books or Jewellery, your shop will automatically charge whatever tax you have set for that class on the product (see page to find out how to create tax classes). Product stock settings: Pro Seller Only Manage stock: There are three different ways you can manage stock of this product just select which one suits you best. Don t track stock level: If you select this, then your shop will not track stock levels of this product. Track stock level: If you select this, then your shop will track the overall stock levels of this product Track stock by product attributes: Selecting this option means that your shop will track the stock levels of this product according to it s attributes. Attributes are different types of the same product, for example, t-shirts could be available in the attributes red, blue and green. Find out more about attributes on pages

53 Stock quantity: Here, enter how much stock of this product you have. Display stock availability: You will only see this option if you select Track stock level from the Manage stock drop-down list above by ticking this box, the product page will show customers how much stock is left. When stock gets below: This option only appears if you select Track stock level from the Manage stock drop-down list above. Enter the number of stock remaining that you would like to trigger the following action......take the following action: This option only appears if you select Track stock level from the Manage stock drop-down list above. Select what action you d like to take when stock is low. If you select Unpublish then the product will be removed from your store until you add more stock. Once you have added more stock, if you want the product to reappear in your shop, you will need to re-tick the Published box in the About this product section at the very top of the page under Product details (see page 48) Notify me when stock gets below: If you select Track stock level from the Manage stock drop-down list above, then this option appears. When your stock gets below the number you specify here, then you ll receive an letting you know. Allow out of stock orders: If you select Track stock level from the Manage stock drop-down list above, you will see this option - tick the box if you want to allow customers to place orders even when you are out of stock. Minimum cart quantity: Here you can specify the minimum 53

54 number of this product that a customer needs to buy in order to place an order. Maximum cart quantity: Here you can specify the maximum number of this product that a customer can buy. Product SEO SEO stands for Search Engine Optimisation, which basically means optimising your product information to help it appear higher up on search engines like Google. You can do this by clicking on the + sign next to SEO and filling in the following details: Meta keywords: These are a brief, concise lists of the most important themes in your shop category. When someone uses a search engine to find a website, Google will use these keywords to help match up the most relevant websites to what the person typed into the search bar. The keywords aren t however visible to visitors. Try and pick around 10 words that fit with this category. There s more information about this on page 79. Meta description: A meta description is a short description of your category page which appears in the search engines; for examples, go to page 80: Try and limit your description to between 170 and 200 characters and try and include words or short phrases that you think your potential customers will search using. Next, click on Save new product

55 Adding a product image To add images of your product, you ll first need to save your Product details just scroll down and click on the Save new product or Save product details button at the bottom of the page. Next, click the Add a picture button in the top right corner of your screen under Product images and select the image you want to add, followed by Open (see page 21 for more info on adding images). Once you ve added your image, click Save image. If you want to delete an image, select Delete. When you ve finished, click Save product details at the bottom of the page, followed by Back to products and you will see your newly added product has appeared in your product list. Attribute groups Attributes provide you with a way to offer a more personalised shopping experience to your customers, where they can choose from optional or required extras when they purchase a product. So, for example, if you sell t-shirts, you may offer one t-shirt style in red, blue and green, and in sizes small, medium and large. The attributes are the colours and sizes. On a product page on your website, a drop-down menu can be created so your customers can choose which product attribute they want (e.g. which colour and size they want). To set up an attribute group, click on Edit my shop in the main menu, followed by Attribute groups beneath it. Next, click on Add new attribute group. 55

56 Type in the name of the attribute group (e.g. Colour ) and a description of it (e.g. Please select the colour of the t-shirt you want to buy ). Click the Save attribute group button. You ll see the attribute group that you just created is showing in a list. If you ever need to edit it, just click on Edit. Adding an attribute to a product If you ve created an attribute group like Colour, you will need to show your customer what different colours are available (e.g. attributes like red, blue and green ). To do this, click on Edit my shop in the main menu, followed by the Products beneath it. Then, click on Edit next to the product you want to add an attribute to. Click the Attributes tab at the top of the page and in the Add an attribute group to this product column, fill in the following: Select attribute group: Select the attribute group (e.g. Colour) that you want to add to the product from the drop-down list (see page 55 to learn how to add an attribute group). Text prompt: Enter any text that you d like your customer to see for example, What colour do you want this product in? Display as: Select how you d like to display the different attributes available to your customers. Choose from the following: Dropdown list: This type of list is suitable for when you have more than one attribute available and want to limit the customer to one choice only. Radio list: This list of buttons is also suitable for when you have more than one attribute available and want to limit

57 your customers to one choice only. Checkboxes: These tick boxes are suitable for when you have more than one attribute available and want to allow customers to select more than one of them. Once you ve selected the above, click on the Add attribute group to product button. You will now see the attribute group appear in the Product attributes list. To add your different attributes (e.g. red, blue, green ) click on the Add/edit attributes button. A new screen will appear. In the Add an attribute column, you ll see the following: Attribute name: Enter the name of your attribute (i.e red ). Extra cost: If you want to charge an extra price for this attribute, enter it here; otherwise, leave it at Weight adjust: If the attribute adds weight to the original product, it will affect the shipping cost for example, if you sell a pendant and the attribute is an extra necklace chain, this chain will add additional weight. If you want the shipping costs to automatically adjust to take account of this extra weight when this attribute is selected, enter the weight of the attribute here. If not, leave it at Pre-selected: Tick this box if you want the attribute to be automatically pre-selected on the product page. When you re happy, select Add attribute. It will then appear in your product attributes list. Repeat this process as many times as necessary. If you ever want to edit an attribute, e.g. if you now stock purple rather than green t-shirts, click on Edit my shop in the main menu, followed by Products underneath it. Next, click on Edit next to the appropriate product and click on the Attributes tab followed by the Add/edit attributes button. 57

58 Orders When you need to see who s made a purchase on your shop, click on Edit my shop in the main menu, followed by Orders underneath it. If you have any orders, you should see the following: Ref: This is the unique reference number that is automatically generated when an order is shipped. Total: The total value of the order. Customer So you can easily contact your customer if you need to. Date: The date that the order was placed on. Order status: The order can be either pending, processed or cancelled. Pending means that payment is still due, while processed means that payment has been received and delivery is in progress. When delivery is completed and you ve added this information into the system, the order will show as complete. Payment status: If your order is still pending, next to Payment status, you will see a Set to paid button. You can change the status of this button to paid manually once the order has been paid for. Then, the button will appear as Refund (Offline). Should you need to refund your customer, click on this and the product status will change to Refunded. Shipping status: This column shows what stage of delivery the product is at. It will either show as delivered, which means that the customer has received it, shipped, which means that it has been handed over to the postal services, or not yet

59 shipped, which means that the order has not yet been sent out for delivery. Finally, if you click View then you can call up all the information about each order, as well as print a packaging slip and an invoice for the purchase. You ll also see a column called Order status, where you can do the following manually: Cancel any orders Issue refunds Save a tracking number if the order is being sent out by special delivery Confirm that the order has been shipped Confirm when the order has been delivered to. To make it easier for you to find specific orders, you ll see a box in which you can enter the reference number of the order and then go straight to it. You can also search through your orders by date, customer address, shipping status and much more, making it as easy as possible for you to track down specific orders. Exporting or importing orders If you want to import or export a list of your orders, then you will also see buttons to do both here to select whether you want to use XML or Excel, click Export orders or Import orders. 59

60 Shop settings Click on Edit my shop in the main menu, followed by Shop settings underneath it; here you can select all the admin settings that will help you keep your shop running smoothly and make it as simple as possible for your customers to place an order with you. Most of the features detailed here are only available to MrSite Pro and Seller customers; MrSite Starter and Classic users will see more limited Payment and Shipping options. We re going to take you through the different tabs available in this section, which allow you to accept payments, set how your shipping and tax costs are calculated and set which countries you sell to. In each different tab, click it and a drop-down menu will appear, with different sections for you to complete. Payments Before you can start selling live on your site, you need to link up your online shop to a Payment gateway, which will allow you to accept payments from your customers. MrSite Starter and Classic customers can accept payments via PayPal, or else can offer Cash on delivery. MrSite Pro and Seller customers can also accept payments through Nochex and Worldpay. To add a new payment gateway, click on Edit my shop in the main menu then Shop settings underneath it. You will now be in the Payments tab. Click Add new payment method and tick the checkbox beside the payment methods you would like to add to your site.

61 You ll now see that they have become available in your list of payment methods. Click on Edit next to the method. Here you can click on the links to see further information on your chosen payment method and instructions on how to accept payments in your shop with it. Please note, different payment gateways charge different fees to process payments when you make a sale. Please check with your chosen payment provider to find out what their fees are. Restrict payment method by country Pro Seller Only Here you will see a list of all the countries that you have selected to sell to (you can create this list by selecting countries in the Countries tab above, see page 77). You can stop certain payment methods from being available to customers in particular countries by ticking the boxes of your choice. When you re happy, click Save payment methods. Shipping Click on Edit my shop in the main menu, then Shop settings underneath it. You will see the Shipping tab at the top of the page. Click on it. You will see four options available in a drop-down menu. Methods Click on Edit my shop in the main menu, then Shop settings underneath it. Next, click on the Shipping tab and select Methods from the drop-down menu. 61

62 In Shipping methods you can add different different ways for your customers to choose to receive your products, for example First Class or Special Delivery. (Please note, we ve created default options for MrSite Starter and Classic customers; the names cannot be changed, but you can edit the descriptions and order of display). Click on Edit and then fill in these options: Name: This is the name of the shipping method e.g. first class. Description: Provide your customers with more information about this delivery method, for example First class normally arrives within 3 days. Display order: Enter a number to reflect the order in which the shipping method should appear in your payment page at checkout. When you ve entered all the information, click Save shipping method. You can also delete a shipping method here. Click on Back to shipping methods. If you re a Pro customer, you can also click Add new shipping method to create new ones. Fill in the details as above, click Save details and you ll now see your new shipping method appear in the list on the page. If you ever want to edit it, click Edit. Restrict shipping method by country Pro Seller Only Here you will see a list of all the countries that you have selected to sell to (you can create this list by selecting countries in the Countries tab above, see page 77). You can stop certain shipping methods from being available to

63 customers in particular countries by ticking on the boxes of your choice. When you re happy, click Save shipping methods. Shipping costs In this section, you can specify the costs for the shipping methods you ve set up for example, you may allow customers to receive free shipping for orders over a certain total. To get started, click on Edit my shop in the main menu, then Shop settings underneath it. Next, click on the Shipping tab and select Shipping costs from the drop-down menu. We ve created a set of default settings for you, which you can then edit to suit your business. Fixed rate shipping Fixed rate shipping means that your customers are charged a flat fee when they select to have their products delivered via a particular shipping method for example, whatever the total cost of their order, to have it delivered via Special Delivery they will be charged If you select Edit next to it, you ll see the option to Add a fixed rate shipping cost on the right. Here, you will see the following: Select method: Select from the drop-down list the first shipping method you want to add a cost to. Specify the cost for it below. You can add a cost to as many shipping methods as you like by repeating these steps just remember to click Add new cost each time and they will appear in your Fixed rate 63

64 shipping costs list. Now scroll down to complete the Fixed rate shipping costs settings section. Display order: This represents the order in which your shipping methods with a fixed charge will appear in your checkout page. Publish: Tick here to make this cost live on your site. When you re happy, click Save shipping cost and click on Back to shipping costs. Shipping by order total Pro Seller Only This option allows a customer to choose to have their order delivered to them via a certain method; the delivery cost will vary according to the total cost of their order. For example, you could set it so that if they place an order over 100, then next-day delivery will be free for them. Select Edit and you ll see a column called Add a shipping by order total cost on the right. Fill in these details: Select shipping method: From the drop down list, select the shipping method you would like to apply this cost to. Order total from: Here, you can specify a price range that orders need to fall into for this shipping cost to be applied here, enter the minimum amount the order needs to cost, for example Order total to: This is the top level of the price range, e.g With our example, it means that all orders between 1.00 and would be charged at this shipping cost.

65 Use percentage: If you d like the shipping cost to be based on a percentage of the total order cost, tick this box. Charge percentage: If you ve ticked the Use percentage box, then enter the percentage of the order cost you d like to charge. For example, if the total order costs 5 and you set the percentage as 10%, then the customer will be charged 50p for delivery. Charge amount: Instead of charging a percentage of the total cost, you can also create a set delivery cost for all orders falling within your specified price range; for example, if you enter 2.50 here, all orders costing between 1.00 and will be charged 2.50 extra for delivery. If you would like to charge for delivery using this method, tick the box. Once you ve completed this section, click Add new cost and it will appear in your Shipping by order total costs list. Next, scroll down to complete the Shipping by order total settings section: Publish: Tick this box to set this shipping cost live on your site Display order: Enter a number here to reflect how high this option will appear on your checkout page. When you re happy, click Save shipping cost and click on Back to shipping costs. Free shipping With this option, you can offer customers free shipping for some or all of your shipping methods for example, all orders which are picked up in store would not be charged for shipping. 65

66 Click Edit next to Free Shipping and then in the Add a free shipping cost section, select which shipping methods will not require the customer to pay a shipping charge and click on Add new cost. It will appear in your Free shipping costs list. Next, scroll down to complete the Free shipping settings section: Published: Tick here to set this shipping cost live on your site. Display order: Enter a number here to reflect how high you want this cost option to appear on your checkout page. When you re done, click Save shipping cost Click on Back to shipping costs. Shipping by order weight Pro Seller Only Click on Edit next to Shipping order by weight. Next, look at the Add a shipping by order weight cost section. Here you can set your shipping costs according to the weight of the customer s order. Select shipping method: From the drop-down list, select the shipping method you would like to apply this cost to. Order weight from: Specify the weight range which orders must fall into to be eligible for this shipping cost to be applied. This field is for the minimum weight for example, 1 kgs. Order weight to: Enter the maximum the weight range which orders must fall into for this shipping cost to be charged. So, if you enter 10kg here, then all orders weighing between 1 kg and 10kg would be charged at the shipping cost you enter below. Use percentage: If you d like the shipping cost to be based on

67 a percentage of the total order cost, tick this box. Charge percentage: If you would like the shipping charge to be based on a percentage of the order total, enter the percentage here. For example, if the order costs 10 and you enter 10, then if the customer s order weighs between 1kg and 10kg will be charged 1. Charge amount per kg(s): If you would like the customer to be charged a certain amount per kg that their order weighs, then enter the amount you d like to charge here. Click on Add new cost and it will appear in your Shipping by order weight costs list. Now scroll down to complete the Shipping by order weight settings section. Published: Tick here to set this shipping cost live on your site. Display order: Enter a number here to reflect how high you want this cost option to appear on your checkout page. Shipping by country and order weight Pro Seller Only This shipping cost lets you calculate the cost of delivery based on both the country the order is going to and the total weight of the order. Click Edit next to Shipping by country and order weight and then in the Add a shipping by country and order weight cost section, fill in the following details: Select country: From the drop-down list, select the country you would like to apply this cost to. 67

68 Select shipping method: From the drop-down list select the shipping method you would like to apply this cost to. Order weight from: Specify the weight range that orders from this country must fall into for this shipping cost to be applied. Enter the start of the weight range, for example 1kgs. Order weight to: Here enter the maximum weight an order from this country must be to have this shipping weight applied. So, if you enter 10 kg here, all orders from this country between 1 kg and 10 kg will have this shipping cost applied to them. Use percentage: If you want the charge for shipping to be worked out as a percentage of the total cost of the order, then tick this box. Charge percentage: If you ve ticked the box above, then here enter the percentage of the order cost you would like to charge. For example, if the order costs 5 and you enter 10% here, then the customer will be charged 50p for delivery. Charge amount by weight: Rather than charge a percentage for your shipping cost, you can alternatively set the shipping cost to charge a set amount per unit of measurement; for example, 1 per kg, so if the order weighs 2 kg the customer will be charged 2. Charge amount: If you ve ticked the box above, here enter what you would like to charge. Click on Add new cost and it will appear in your Shipping by country and order weight list. Active: Tick this box to set this method live on your site.

69 Display order: Enter a number here to represent the order in which your shipping by order weight options should appear on the checkout page. When you ve completed the above click Save settings. Now scroll down to complete the Shipping by country and order settings weight section. Published: Tick here to set this shipping cost live on your site. Display order: Enter a number here to reflect how high you want this cost option to appear on your checkout page. Measures Pro Seller Only Click on Edit my shop in the main menu, then Shop settings underneath it. Next, click on the Shipping tab and select Measures from the drop-down menu. Filling in this section will allow your shop to calculate shipping costs by dimensions and weight. There are two sections to complete: Dimensions Here you can select what units of measurement your customers will see when shown information about shipping costs based on dimensions. Weight Here you can select what units of weight your customers will see when shown information about shipping costs based on weight. 69

70 Click Save settings when you re done. Shipping origin Click on Edit my shop in the main menu, then Shop settings underneath it. Next, click on the Shipping tab and select Shipping origin from the drop-down menu Here you can add details of where your products will be shipped from. This will allow your shipping costs to be calculated correctly. Select your country from the drop down list - to add countries to this list click on the Countries tab (see page 77). Select your state and add your postcode. Tax Pro Seller Only In your tax section, you can set up different tax settings for your different types of products, for the different countries you sell to and for the different shipping settings you ve created. Click on Edit my shop in the main menu, then Shop settings underneath it. You will see the Tax tab at the top of the page. Click on it. You will see three options available in a drop-down menu. Tax classes Pro Seller Only Different types of products may require different levels of tax to be applied to them, especially if you are planning on selling in different countries. Click on Edit my shop in the main menu, then Shop settings

71 underneath it. Next, click on the Tax tab and select Tax classes from the drop-down menu. You ll see we have already set up some default tax classes for you, but if you want to create some more then click the Add a tax class button. Give your tax class a name and a display order (the order in which it will appear if more than one tax class is available) and click Save tax class. Once you ve created them, you can also edit your tax classes by selecting Edit next to any you want to change. Tax methods Pro Seller Only Click on Edit my shop in the main menu, then Shop settings underneath it. Next, click on the Tax tab and select Tax methods from the drop-down menu. You ll see that there are three different ways you can apply tax in your shop. Just select Active next to the one you want to apply to all the products in your shop. No tax Select this option if you do not want to apply tax to products in your shop. Tax by country and state Select this option to allow you to vary the amount of tax applied depending on where your customer lives so for example, this might be useful if you have customers in the UK and France, and the two countries charge different rates of tax for a particular product. 71

72 If you click Edit and scroll down, you ll see an option to add a new tax rate, which will allow you to create different tax rates for different countries and products. Click on the Add new rate button and fill in the following details: Country: Select the country you want to apply this tax rate to from the drop-down list - to add countries to this drop-down list click on the Countries tab (see page 77) State/Province: If you would like to specify the state or province this tax rate will be applied to, select it here. Tax Class: Here select the tax class you want to apply this tax rate to. Percentage: Enter the percentage of the total cost of your shop products to be charged as tax - this will be shown to customers at the checkout. Click Save. You will see this now appears on the Tax by country and state list to change any of the details, just click the Edit button and if you want to remove this option, click Delete. You will be able to create as many tax rates for as many different countries, states/provinces and tax classes as you like by repeating these steps. To fully enable the Tax by country and state option, you must also complete the Tax based on: option in the Tax settings section (see page 73-75) Fixed rate tax This option allows you to apply one fixed rate of tax across all products in your online shop. Click Edit to specify what that

73 rate should be (for example, 20%). Tax settings Pro Seller Only Click on Edit my shop in the main menu, then Shop settings underneath it. Next, click on the Tax tab and select Tax settings from the drop-down menu. Here you can set how you want your tax settings to be shown in your shop to customers, as well as further settings. Fill in the following: Tax display options Seller Only Add tax to product prices: Tick this box if you want your product prices to be shown before tax is calculated for example, if your product costs 10 and you ve set a fixed tax rate at 10% your product page would look like this: Then on the checkout page, 10% tax will be added to bring the 73