here - Mr Site

A guide to
setting up
your new
website
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.
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 email
to [email protected] or give
us a call. No question is too basic
or too complicated – we’re here to
help.
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
My widgets
42
42
Sell online
45
Edit my shop
45
Categories
45
Products
48
Stock settings
Attribute groups
52
55
Orders
58
Shop settings
60
Payments
60
Shipping
61
Tax
70
Countries
77
Site settings
SEO
78
79
Email
84
Help
94
Index
96
5
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
emailed to you). Go to www.mrsite.co.uk/activate 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
www.yourwebsite.com. 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.
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 email 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
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 email to
[email protected], 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 email, 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 email to [email protected], along with your
domain name details, and we’ll complete the transfer for you.
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, email
[email protected] 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 email 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 email to
[email protected], 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
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.
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 email address.
Your login details and password
Once you’ve completed your registration you’ll see your username
(which will be the email you signed up to MrSite with) and your
password (which is your original MrSite password); you’ll also be
emailed these details. You can change your password or email
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
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
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.
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 79-81.
Meta description: This should be a brief, concise summary of
what this page is all about. You should try to limit it to about 170200 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 80.
15
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
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
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 www.paint.net.
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 www.istockphoto.com 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:
www.sxc.hu
www.dreamstime.com
www.123rf.com/freeimages.php
www.stockvault.net
www.freephotosbank.com
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!
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 Upper content drop zone
B Left column drop zone
C Middle column drop zone
D Right column drop zone
E Lower content drop zone
F 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
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:
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
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.
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
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.
Once you’re happy with your gallery, click ‘Save’.
Social
Interact with your customers with Social widgets.
Guest book
This widget helps you create a place for your customers to
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’.
Email address: Enter your email 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 email
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 email 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
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 37-38 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 33-34 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’.
‘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”.
Email address box text: This text will appear next to the ‘Email
box’ when customers fill in your ‘Contact Us’ form. Type in it, for
example “Enter your email 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 email 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
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 email address [email protected]
(replace ‘yourwebsite.com’ with your actual website name).
See page 84-85 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.
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
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 45-55.
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.
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
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 email 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 email to let you know when someone comments on
a blog post.
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
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.
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
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’.
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
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
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’.
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 16-18 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
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.
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
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
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
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 79-81.
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
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
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 52-54 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
for the product, you want your customers to be emailed 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 email
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
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
email 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 email 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
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 70-76 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 70-76 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 55-57.
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 email 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
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’
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
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
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 0.00.
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 0.00.
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
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 email: 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
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 email
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
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.
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
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
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
£4.99.
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
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 £1.00.
Order total to: This is the top level of the price range, e.g.
£10.00. With our example, it means that all orders between
£1.00 and £10.00 would be charged at this shipping cost.
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 £10.00 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
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
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
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.
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
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’
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
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
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
total price up to £11 – it’ll look like this:
If you want your tax prices at checkout to be calculated as net
tax (so the tax is included) on your product pages, then leave
this box unticked.
Allow customers to select tax type: If you’d like customers to
be able to choose how tax is displayed when they are browsing
through your shop – with or without tax – then tick this box.
Your customers will be able to make their selection using a
drop-down box located at the top of your shop.
Tax display type: If you have not ticked the ‘Allow customers
to display tax type’ box then this option will appear. Rather than
your customer choosing how product prices are displayed,
you’ll be able to select whether you want to show prices with tax
(‘Including tax’) or without tax (‘Excluding tax’).
Display tax label: Tick here if you want to display a tax label on
the product page and order summary – it will mean your prices
are displayed like this:
Hide zero tax: Some products may end up with no tax being
displayed, for example if you’ve chosen the ‘No tax’ option in
‘Tax methods’ (see page 71). If this is the case, then you may
not want the £0.00 tax to show on product pages and in
order summaries, so ticking here will stop the zero tax from
appearing.
Hide tax in order summary: Tick here if you do not want to
display tax in your customer’s order summary.
Tax management
In this section, you can make sure that tax charged will take account
of the shipping costs that your customer will be charged.
Shipping is taxable: Tick here if you would like to apply tax to
shipping costs.
Shipping price includes tax: If you’ve ticked the ‘Shipping is
taxable’ box above, then this option will appear. Tick here if the
shipping price should include tax – to edit your shipping costs,
see page 63
75
Shipping tax class: If you’ve ticked ‘Shipping price includes
tax’ then this option will appear. Select the relevant tax class
from the drop-down list – to create tax classes for shipping, see
page 70.
Payment method additional fee is taxable: Should your
payment method charge additional fees for purchasing a
product, you can tick this box if you would like tax to be applied
to it. If not, leave it unticked.
Shipping origin
If you’ve selected to apply tax according to where your customers
are ordering from (i.e. ‘Tax by country or state’) which you can do in
‘Tax methods’ (see page 71), then you will need to fill out this section:
Tax based on: Select from the drop-down menu whether you
want to set tax according to the customer’s billing or shipping
address. If, for some reason, the customer’s billing or shipping
address is not available, then your shop will automatically use
your ‘Default country’ (which you can select below). You can set
your shipping origin in the ‘Shipping settings’ (see page 60)
Default country: Here you can set your default country for
calculating tax, should the customer’s shipping or billing
address not be available.
Default state/province: Here you can set your default country
for calculating tax, should the customer’s state/province should
not be available.
Default zip/postal code: Enter a zip or postal code – this will
ensure that tax is calculated should the customer’s postal code
not be available.
Once you’ve completed these fields, click ‘Save settings’.
Countries
Pro Seller Only
Click on ‘Edit my shop’ in the main menu, then ‘Shop settings’
underneath it. Next, click on the ‘Countries’ tab.
In this section, you can select which countries you’d like to sell to.
You’ll see that the UK appears as the default country. However if
you want to add more countries to the list, then click the ‘Add new
country’ button.
In the screen that appears, select the additional country you want
to sell to from the drop-down list. At the bottom of the screen, you’ll
see the following options - tick whichever ones you want to apply:
Allows billing: Tick here if you want to allow people with a
billing address in this country to purchase from your site
Allows shipping: Tick here if you plan to ship to this country
Published: Click here to set these options live on your site for
your customers to see.
Click ‘Save details’. Repeat this process for every country you want
to sell to.
77
Site settings.
Site settings
In this tab, you can change the admin settings for your website
– including setting a holding message when your site is under
construction, choosing and adding new email addresses and getting
your site visible on Google.
There are a few different sections for you to fill out:
General
Here you can set up the basic details about your new website. Just
fill in these fields:
Site name: Give your website a name
Site URL: Enter your website’s domain name here (for example
www.mywebsite.com).
Site under construction: If you’re working on your site and
don’t want the rest of the world to see it until it’s complete, then
you can put up an ‘Under constriction’ sign. Simply tick this
check-box to do so.
Favicon: A favicon is a little image that appears at the top of a
website browser bar next to the website address – like this:
A favicon can add to the professional feel of your site. It should
be a simple, square image as it’s so small. If you have a website
favicon, you can upload it by clicking ‘Choose file’, selecting the
file you want to add and clicking ‘Open’.
SEO
SEO stands for ‘Search engine optimisation’. When someone uses a
search engine like Google to look for something on a website, it will
show them a list of websites and pages that it thinks are relevant to
what the person is looking for. By filling in this section and the other
basic SEO sections for specific web pages (see page 15), shop
categories (see page 47) or shop products (see page 49), you can
‘optimise’ your website’s chances of getting higher up the search
engines.
The basic SEO settings you create here are your ‘default’ settings
- they’re applied to all your website pages, unless you fill in the
specific SEO sections when creating web pages, product pages and
category pages, in which case they are over-ridden.
And if you’re a MrSite Pro customer, you get access to the brilliant
‘SiteBoost’ widget, which could help boost your site’s position on
Google, Bing and the other search engines even further You can
download the ‘SiteBoost’ widget by going to the ‘My widgets’ tab
and clicking on ‘Browse more widgets’, which will take you to the
MrSite Marketplace.
Default 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.
79
When you’re deciding which keywords to use, scan through your
webpage and make a list of the most important. For example, if
you’re a photographer in Luton, then some good keywords might
be:
Photographer, photography Luton, wedding photography
Obviously, there are lots of websites who may be competing for the
same keywords, so try to be as original as possible. Longer phrases,
like ‘Photography studio Luton’, rather than single words, can
help find you the right visitors. For more tips on choosing the right
keywords, why not visit www.mrsite.co.uk/support - it’s got lots of
helpful articles to get you started.
Default meta description: This should be a brief and consise
summary of what your website is all about. When you write a meta
description, limit it to 170 characters or 200 characters at most.
Again, think about the words and phrases you expect your visitors
to type into Google to find your website or pages and incorporate
these.
For example, if the photographer we mentioned earlier were writing
his meta description, it might read:
‘John Smith Photography is the premier photography studio in
Luton, specialising in weddings, family portraits and corporate
photography.’
Enable website name prefix: Tick here and this will make the
title in your browser bar display the name of the page the visitor
is currently on, for example ‘My website, Contact us’ or ‘My
website, Homepage’. You can edit your page names by going to
‘Web pages’ in ‘Edit my website’, and clicking ‘Edit’ beside the
page whose title you want to change.
Default meta title: Meta titles are the titles that appear in
search engine results - they look like this:
When someone is searching for something, then you want to make
sure that your meta title grabs their attention - so think carefully
about what words will show a website visitor how your website or
page is relevant to their search.
Google site verification: This is for letting Google know that
your site is live, so that the search engine knows to come visit
your site and include it in it’s listings.
You’ll need a Google Webmaster account to verify your
site; if you don’t have one already, go to www.google.com/
webmastertools and follow these steps:
1. Log into your Webmaster account and go to ‘Webmaster
tools’.
2. Click ‘Add a site’ and enter your website address.
3. Select the ‘Alternate methods’ tab in the screen that will
appear
4. Select ‘Add a meta tag to your site’s home page’.
5. Google will now generate a code for you – select this
code and paste it in to the field on your MrSite screen.
81
Google analytics: Google Analytics is a way to track
how your website is performing – it lets you see who’s
visiting your site, how they’re getting there, how long they
stay and which pages are most popular.
6. If you don’t already have a Google Analytics account,
click ‘Sign up for Google Analytics’,then select ‘Sign up’
and fill in your details and details about your new website.
7.
If you already have an account, go to ‘Admin’, select ‘Add
new account’ and then fill in the details of your new site.
8. You’ll be given a tracking code – it starts with ‘UA –‘
followed by some numbers. Make a note of the code.
9. In the ‘Site Settings’ tab you see by Google Analytics
we’ve already filled in the code you’ll need to start
tracking visits to your site. Scroll to the bottom of the
code and you’ll see part of it is a code that also starts
with ‘UA-xxx’. Replace this with the code Google
generated for you.
10. Tick ‘Enabled’ and then ‘Save details’. Google Analytics
will now be set up to run on your site – to view your
website’s statistics log into your Analytics account.
Please note – Google Analytics leaves cookies on your visitors’
computers. These are considered to be unobtrusive and harmless.
However, after the introduction of new regulations regarding the
use of cookies, we would recommend that you inform visitors
somewhere in your website that you are using first-party cookies
to enable you to better understand how people use your website.
Please go to www.mrsite.co.uk/support for further guidance.
83
Email.
With your MrSite package, you also get your own email, linked to
your website. It means that customers will get a really professional
impression when they try to contact you, for example with an ‘info@
yourwebsite.com’ or ‘[email protected]’ address. Of course,
replace “yourwebsite.com” with your actual website name.
MrSite recommends that you set up your MrSite email account with
a mail client package (such as Outlook, Live Mail or Thunderbird) as
downloading your emails onto your mail client will free up some of
your allotted MrSite web space.
Checking your email
When you choose your website name, we’ll automatically create an
email address for you, which will be [email protected] (replace
‘yourwebsite.com’ with your actual website name). To check your MrSite email, go to http://mail.yourwebsite.com (do NOT put “www.” in
this address and replace ‘yourwebsite.com’ with your actual website
address) and enter the following:
Address: [email protected]
(replace ‘yourwebsite.com’ with your actual website name)
Password: Your original MrSite activation password
Once you’re logged in, you’ll see an overview of your email account.
To view any new emails, just click on your mailbox on the left and
select ‘Inbox’. You also can create a calendar, store a list of your
contacts and edit your account settings (including setting messages
in case you’re out of the office or on holiday).
Setting up a new address
Depending on which package you have, your various email
addresses can all send mail to the same mailbox, making it easier
for you to manage your mail. Alternatively, you can set up different
mail-boxes for your different accounts – perfect if you’ve got a few
staff members needing individual email accounts.
When you register your domain name and website with MrSite, we
automatically set up an administrative email address for you – it’s
[email protected] (replace ‘yourwebsite.com’ with your actual
website name)
You can log in as an email administrator and from there, set up new
email accounts or create ‘alias’ email addresses which lead to one
inbox.
To get started go to http://mail.yourwebsite.com (do NOT put
“www.” in this address and replace ‘yourwebsite.com’ with your
actual website address).
1. Click on the ‘Admin login’. button and fill in the following:
Admin Username: [email protected] (replace
‘yourwebsite.com’ with your actual website address).
85
Password: This is your original MrSite activation
password
2. This will log you into the admin section of your website,
where you can create extra email accounts or link a new
email address to a main email account.
3. To create a new email account, click ‘Add new’.
4. Then just fill in these fields:
Status: Tick this box to make this new email account
live.
Login: The email address will have your domain name
as the ending, so you just need to fill in the start – for
example, ‘info’ or ‘john.smith’.
Password: Enter the password for this email address
here.
Rights: You can either make this email account an
administrative account, which means the owner of the
account can themselves create new email accounts
, change password and delete accounts, or a ‘User’
account, which has no administrative settings.
Display name: Here you can enter the name that will
show email recipients who has sent them an email – for
example ‘John Smith’ or ‘MrSite’.
Quota: Email can take up quite a bit of your web
space, so you may want to limit how many emails can
be stored for this email account. If you want to limit the
mailbox storage, enter the maximum storage in the field;
otherwise tick ‘Unlimited’.
Redirect mail to: If you want to redirect your web mail
to another email address, like a personal address or an
Outlook account, tick this box and enter the mail address
you want your emails to be redirected to.
5. Click ‘Next’.
6. You’ll now see the letters ‘SMPT’, followed by your new
email address. Click ‘Finish’ and you’re all done and can
start receiving emails to your new account.
Using another email program
Lots of customers choose to have their MrSite email delivered
through another mail program, like Outlook, Apple Mail or perhaps
on their smart phones and tablets. Here we’ll give you instructions
on how to set your email up on the most popular email programs,
but please bear in mind that MrSite cannot provide support for these
packages. Please contact the relevant company if you are experiencing difficulties with their software.
Outlook 2007/2010
To set up your MrSite mail to work with Outlook, just follow these
steps:
1. Open Outlook 2007
2. Click the ‘Tools’ menu and go to ‘Account settings’.
3. In the ‘Email’ tab and click ‘New’.
87
4. If you’re prompted to choose an email service, select
‘POP3’ and click ‘Next’.
5. Fill in all necessary fields to include the following
information:
Your name: Here, just enter your name as you’d like it
to appear in the ‘from’ column of someone’s email when
you message them.
Email address: Enter your full email address here, eg.
[email protected]
Password: Enter your email password
6. At the bottom of your screen, you’ll see an option to
‘Manually configure server settings’ or ‘additional server
types’ – leave this option unchecked and click ‘Next’.
7.
Verify your user information and fill in these sections:
Server information
Account type: POP3
Incoming mail server: mail.yourdomain.com
Outgoing mail server (SMPT): MrSite doesn’t have an
outgoing SMPT server, but if you contact your internet
provider, they will be able give this to you.
Login information
User name: Enter your email username, e.g. mail@
yourdomainname.com
Password: Enter your email password
Require login using secure password authentication:
Leave this option unchecked
8. Go to ‘Test account settings’ – you should receive
a message telling you that all the tests have been
successfully completed.
9. Then just click ‘Next’ and ‘Finish’ and you’re all set up to
go.
iOS devices – iPads, iPhone and iTouch
If you want to get MrSite mail on your iOS device, just follow these
instructions:
1. Tap ‘Mail’ if this is the first email account you’ve added
to your device; otherwise tap ‘Settings’ on the home
89
screen, followed by ‘Mail, contacts’ calender’.
2. Select ‘Add account’ and tap the ‘Other’ option
3. Select ‘Add mail account’ and then fill in the details in
the screen that comes up – your name, email address,
password and a description of the email account that
you’ve added (i.e. ‘work’). Tap ‘Next’.
4. In the next screen, select ‘POP’.
5. Fill in details about your Incoming Mail Server, which
allows you to receive emails that have been sent to you. It
should look like this:
6. Your Outgoing Mail Server lets you send emails. You’ll be
asked for your ‘host name’ – you need to check with your
wireless/mobile/broadband provider what this is.
7.
Tap ‘Next’ – if you receive a message saying ‘Can not
verify server identity’ go to ‘Details’ and then click
‘Accept’.
8. Once you’ve completed the above steps, go back to your
‘Home’ screen and in ‘Settings’. go to ‘Mail, Contacts,
Calenders’ . Tap on the email account you’ve just
created.
9. In ‘Outgoing Mail Server’ tap ‘SMPT’, and beside ‘Server’
tap ‘On’.
10. Turn ‘Use SSL’ off and enter 110 as your Server Post
number.
11. Almost done – just select ‘Done/Verify’ to complete the
process.
Apple Mail
To set up your MrSite mail to work with your Apple Mail, follow these
steps:
1. Open ‘Mail’ on your device.
2. If the ‘Welcome to mail’ assistant doesn’t appear, then
select ‘Add account’ from the ‘File’ menu.
3. Fill in the ‘Full name’, ‘Email address’ and ‘Password’
fields (you should know that your email account
password gets stored in ‘Keychain’ so you can
automatically be logged into your email when you open
‘Mail’).
4. Deselect ‘Automatically set up account’ and click
‘Continue’.
5. Select your account type and give your account a helpful
description, like ‘Work’ or ‘Website email’.
6. Fill in these fields:
Incoming mail server: Enter mail.yourdomainname.
com.
User name: Enter your email address here (eg. mail@
yourdomainname.com)
Password: Enter your email password
7.
If prompted, enter your ‘Incoming mail security’ settings
and click ‘Continue’
8. In the ‘Outgoing Mail Server’ field, enter a useful
91
description like ‘ISP Outgoing Mail Server’ and enter your
details
Outgoing email server name: You’ll need to contact
your broadband provider and ask them for the outgoing
SMPT server setting.
9. If asked to, select ‘Use Authentication’ and enter your
username, password and then click ‘Continue’
10. Again, if prompted, enter your Outgoing Mail security
settings and click ‘Continue’
11. Verify your settings in the ‘Account summary’, check
‘Take account online’, click ‘Create’ – and you’re all done!
Windows Live mail
To set up your Windows Live mail client to work with your MrSite,
follow these steps:
1. Open Windows Mail
2. Select ‘Tools’, followed by ‘Accounts’
3. Click ‘Add’, select ‘Email account’ and then click ‘Next’.
4. Enter your name as you’d like it to appear in the ‘from’
column of someone’s email when you message them and
click ‘Next’.
5. Enter your email address, eg. mail@yourdomainname.
com
6. Fill in these fields:
Incoming mail server type: POP3
Incoming mail server(POP3 or IMAP): enter mail.
yourdomain.com
Outgoing mail server (SMPT) name: You’ll need to
contact your internet provider and ask them to provide
you with this, as MrSite does not have an outgoing SMPT
server
Outgoing SMPT server requires authentication: disable
this, unless your internet provider tells you otherwise
7.
Click ‘Next’ and then ‘Finish’ and you’re all set up.
Blackberry devices
To set up your MrSite email on your Blackberry device, please follow
these steps:
1. From the BlackBerry home screen, click ‘BlackBerry
setup’
2. Then go to ‘Set up internet email‘, and select ‘Add an
email account’
3. Enter your MrSite email address, e.g. mail@
yourdomainname.com, and password, and click ‘Next’.
Your BlackBerry will now set up your email account
automatically. If setup completes successfully, skip to
the next step. If your email account can’t be configured
automatically, do the following:
4. Select ‘I will provide the settings to add this email
93
account’ and click ‘Next’.
5. Select ‘Email (POP)’ and click ‘Next’.
6. Type your full email address for your user name (for
example, [email protected]).
7.
Scroll down and type the name of your email server ,
which is mail.yourdomainname.ext and click Next.
8. Enter the name of the outgoing server. MrSite only
provides POP3 server to download your emails, SMTP
can be provided by your Internet service provider or
another third party company.
9. Click ‘OK’ to complete the setup.
And remember...
We’ve covered the most popular email clients or devices here, but
it’s also worth checking out www.mrsite.co.uk/support for more
advice.
Help and support
If you need further help and support, get in touch with our friendly
support team. To chat online to them, log into your MrSite account
and click on the ‘Live Chat’ button. Alternatively, send an email to
[email protected].
95
Index.
A
Activation
6
Customising
41
Tips
16
Apple Mail
91
Template
40
Articles, news
33
Viewing
41
Attributes
52, 55-57
Attributes, add to product
56
Attribute groups
55-57
Address, website
Domain name
Already own
6-10
Choose
Transfer to MrSite
B
Blog
31
6-10
7-10
6-7
8
E
Edit my website
13-38
Creating/ Editing posts
31
Creating new post
31
Blog comments
32
Apple mail
91
Blog settings
32
Blackberry
93
Build pages
19
Check your email
84
Build my website
19
Email
C
Categories
Change password
Colours, edit
‘Contact Us’ form
Contact details
Content, add
Content widget
Countries
84
Create email address
85
Email address
84
Email program
87-94
Getting email on your phone 87-94
45-48
6
41
iOS devices
89
New mail account
85
Outlook
27-28
Password
11
Windows mail
21-23
87
84-86
92
22-23
61, 62, 67, 77
EPP Key
Export to excel
8
59
D
Delivery
Design
61-70
40
F
Facebook
26
Favicon
78
Fonts, edit
41
Marketplace, MrSite
43
Forums
34
Measures
69
G
Galleries
Google
Google analytics
Guest book
23
Menu, navigation
14
Meta description
79-81
Meta keywords
79-81
78-82
Meta tag
79-81
82
Meta title
81
Mini cart widget
29
My shop widgets
29
24-25
H
Header, add
41
N
Help
94
Name servers
9, 10
HTML
22
News articles 33
Hyperlinks
23
News feed widget
26
News page
33
News settings
34
I
Image
21-22
Add/ Edit images
21-23
Category images
46
Get images
18
Product images
55
Inbox, email
IPS Tag
84
8
Orders
Layout
19
Links
23
Live chat
3
Logo, add
41
87
Overviews
13
P
Pages (see web pages)
Password, account
Password, email
Password protected pages
11
30
11
84-86
15
Payment gateways
60-61
Payment methods
60-61
PayPal
M
58-59
Outlook
Page templates
L
Manage accounts
O
Personal details
Polls
60
11
37-38
97
POP3
93
Postage (see Shipping)
Preview your site
19
Products
48-55
Add attribute
56-57
Downloadable
49
New product, add
48-55
Product prices
49
Publish your site
13
SEO for category pages
47
SEO for product pages
54
SiteBoost
79, 29
Shop, Edit my shop (See sell online)
SiteBoost
Social links widget
26
Social networks
26
Social widgets
24-28
Shipping
61-69
Country restrictions
R
Renew website and domain name
10
S
Sell online
45-77
Accepting payments
61
Measures
69
Mini cart widget
29
My shop widgets
28
Orders
58-59
Shop categories
45-48
Stock
52-54
45
79, 29
61,62
Free shipping
65
Fixed rates shipping
63
Shipping costs
63
Shipping origin
70
Shipping by country & weight
67
Shipping by order total
Shipping by order weight
Shipping settings
64-65
66
61-69
Measures
69
Methods
61
Stock
52-54
Shipping (see Shipping below)
Shop settings
60-77
Tax (see Tax below)
SiteBoost
29,79
Site settings
78-82
SEO
52, 70-76
29, 79-82
Subscription renewal
10
Support
94
Meta keywords
79
T
Meta description
80
Tax
Meta title
81
52, 70-76
Tax, add
20
Website address
Tax classes
70
Web space
Tax methods
71-73
Tax settings
73-77
Text, add
21
Template, page
30
Title
14
Twitter
Latest tweets widget
Widgets
28
22-23
Guest book widget
24-27
Latest tweets widget
28
Mini cart widget
29
My shop widgets
26
Siteboost widget
Unpublish
14
Upgrade
11
User poll
26
27
Content widget
News feed widget
U
78
84
20-30, 42-43
‘Contact us’ form widget
26,28
Under construction
6-10
Social links widget
Social widgets
Widget library
26
22-23
26
24-28
43
Windows live mail
92
WorldPay
60
V
Videos
29
Y
YouTube
W
Web pages
29
13-39
Add new
14
Build pages
19
Default pages
13
Delete
16
Layout
19
Sections
19
Title
80
Template
30
99
And finally...
We hope your website proves
really successful and that you
achieve everything you want from
being online.
We’d love to hear how you get on
- feel free to send us an email to
[email protected] and let us
know!