Please note, we only support POP3 email accounts. The following information is to be used as a guide to assist you in setting up your POP3 email accounts using the details supplied by GOOP Digital. We do not support IMAP, Exchange, Google G Suite or other email account types. If your business requires a more advanced email set-up, we can recommend an IT company in Geelong.
The type of email service you require depends on many variables – the nature of your business, the number of employees, the variety and number of devices on which you want to view your emails… the list goes on.
There is no one-size-fits-all email solution. GOOP Digital will build you a website that incorporates your current email service – if you have one – or can recommend the best email options for you. We can provide POP3 emails for your website, but do not recommend them for most clients. POP3 emails are limited in their functionality and versatility. They do not allow you to view your emails across a variety of devices and are best suited if you require only one email address on one device, such as a desktop computer. If you’re wondering, POP3 is short for Post Office Protocol 3, but you don’t need to know that – it’s just another of those weird and wonderful Internet abbreviations.
Google G Suite – our recommendation
At GOOP Digital we recommend clients requiring various email addresses take advantage of the email service available through Google’s G Suite. G Suite allows clients to create personalised, professional email addresses incorporating the client’s domain name, such as [email protected] Messages are stored on a central server at Google and can be viewed across numerous devices. There is a cost paid directly to Google. GOOP Digital is an online marketing company which specialises in creating websites that work and are prominent in Google. We’re not an IT support or computer repair business, which is why we offer only basic POP3 emails and limited email support. GOOP’s email service comprises:
- Set-up of POP3 email accounts. POP3 emails need to download permanently onto a nominated main/central device (usually your desktop or laptop) to ensure you have a copy of your emails on your computer. You cannot access POP3 emails to one address on a variety of devices.
- We do not permanently store emails on our server so it is recommended that you have your own backup procedures in place.
- Webmail – we provide remote email access so you can check your emails when you’re away from your desk. We provide instructions for accessing Webmail.
Although we recommend clients use G Suite for emails, you can use other email services such as Gmail, Microsoft 365, IMAP or Exchange. However we must emphasise that GOOP Digital does not support or manage any of those services. Our email service is limited entirely to setting up POP3 emails and Webmail. You or your IT provider will need to manage email services other than POP3. GOOP Digital can amend MX records if you choose to use G Suite or Microsoft 365 but we will need the relevant details. We recommend your IT Company manages your domain name and emails if you choose to use IMAP or Exchange emails.
GOOP Digital does provide limited support for your POP3 domain emails and basic troubleshooting assistance but our support incurs a fee if GOOP Digital is not the cause of the problem.
What you should do if your emails are not working:
- Check you have Internet access – i.e. go into your Internet browser and check if you can see and use Google?
- If you do not have Internet access your emails will not work. You will need to wait for your Internet Service Provider (ISP) to come back online – i.e. Telstra, Optus, iiNet, etc.
- Do not change the email settings as they will start working when you are back online.
- Call GOOP Digital on (03) 5222 4220 but please be aware that if the problem with your email is not caused by GOOP Digital, our assistance will attract a fee. You will need to advise us whether the issue is with sending emails, receiving emails or both. Please, do not change your email settings unless we tell you to.
- If you see an email error message, please note what that error says and advise GOOP Digital when you call.
GOOP Digital can recommend remote support via an IT company of GOOP Digital’s choice. If the issue is deemed to be the fault of GOOP Digital’s server we will cover the cost of our IT partners remotely logging into your computer. If the issue is your settings – and this is one reason why we urge you not to change them – or your Internet Service Provider, you will be invoiced by our IT company.
If you are waiting for an email, do not sit at your desk furiously clicking “Send/Receive” again and again. If you do that you can risk being blocked from the GOOP Digital server because it will detect these repeated attempts and treat it as unusual behaviour.
Please – and this is really important – do not change the email settings unless you have consulted with your IT support technician or GOOP Digital first.
POP3 email basics: Introduction to email account types contains information about POP3 email accounts.
Gmail: Find out all about Google’s Gmail.
Email for iPhone or iPad: Find out how to add an email account on your Apple iPhone or iPad.
Email in Microsoft Outlook 2010: Learn how to add or remove an email account from Microsoft Outlook 2010.
Creating email signatures: How to create and add an e-mail message signature in Microsoft Outlook.
Email in Windows 10: Follow the official Microsoft guide to set up email in Mail for Windows 10.
Another guide to email in Windows 10: If you don’t find what you’re looking for on Microsoft’s site, try this guide to configure a POP3 email account in Windows 10.
If you still can’t find the answer you’re looking for, try Google. It’s unlikely you’re the first person to encounter your email issue so try Googling your problem and the chances are more than likely somebody will have provided the solution.
And finally, if you’re still in the email wars or don’t have the confidence to tackle the problem yourself, call your IT company. Fixing email issues is their job! If you don’t have an IT company, please contact GOOP Digital and we might be able to recommend some of our preferred IT support providers.
We add Google Analytics to websites we build as standard practice! What is it and why do we do this?
Google Analytics is a product which tracks user data on your website. As a tool, it will help you monitor the performance of your website which will allow you to create an effective online marketing plan. You’ll be able to see how many Internet users are visiting your website in any given time period, how the users are finding your website, which pages they are landing on, what devices they are using to look at your site, and much more.
The key things we look at are:
- Audience > Overview
- Audience > Mobile > Overview
- Audience > Mobile > Devices
- Acquisition > All Traffic > Sources/Medium
- Behaviour > Site Content > Landing Pages
These tabs provide a fast and detailed snapshot of how your website is performing, which will help determine what you need to do to improve your website’s performance. For each of the five key things above, we have provided details about how to access each tab, what it looks like and what to look for.
Please note, we have used a variety of examples from GOOP websites which we believe best demonstrate the tool and as such we have blanked out the business name/s where applicable. All data shown is from a 30-day period.
Start by going to the Google Analytics official website. Click the “Sign in” link and sign in using your Google Account login details. If you are already logged into your Google Account when you go to this web address, it will say “Access Google Analytics” – click this link instead.
You will automatically land on your website’s analytics Home page. From here you need to click on the Audience tab and then the Overview tab. This has information about how many users are visiting your website, how many sessions these users have had, how many pages per session they are looking at, how many new versus returning visitors your website has, and more.
A couple of key pointers:
- A “Session” is the period of time a user is on your website. There will often be more sessions than users, because each user can have more than one session on your website if they visit more than once.
- “Users” encompass new and returning visitors, and each user has had at least one session on your website. Google Analytics identifies the IP address of each computer, this is how it determines if you have visited the website before. So if you visit your own website on a regular basis, it will only count you once as a returning user.
- Ideally, you want to see more new visitors than returning visitors. Your website should be a lead generator, not just a business profile.
- The bounce rate can depend on your type of business, but generally speaking, a bounce rate of less than 55% is good.
To look at other data, you need to use the left-hand menu to navigate each of the main tabs. The main tabs are: Dashboards, Shortcuts, Intelligence Events, Real-Time, Audience, Acquisition, Behaviour and Conversions. However, the main ones we always look at are: Audience, Acquisition and Behaviour. Each of the main tabs have sub-menu tabs. You can click each main tab to open/close the sub-menu options. The screenshot below shows how we have all the main tabs “closed” or not showing their sub-menu options.
The next thing you want to look at is also under the Audience tab. It’s important to look at what devices your website’s users are looking at your website from. Click Audience > Mobile > Overview. This will provide an overview of the types of devices being used, in order of highest usage. For example, the website below has more mobile traffic and than desktop traffic. The step after this one will provide more specific mobile traffic information, but this this tab does give a good overview.
Now click the second option under Mobile, which is Devices. This will show the number and percentage of mobile and tablet device users visiting your website. It will also list the specific types of devices, i.e. Apple iPhone, Apple iPad, Samsung Galaxy models and more. We now know responsive websites are the standard in web design, but this data will help cement a decision to upgrade your website so that it automatically responds to the size of the screen users are viewing from.
So now you know how much traffic your website is getting, how much of this traffic consists of new visitors and what devices they are looking at your website from. But what are your main referrers or drivers of traffic to your website? You can find this data by clicking Acquisition > All Traffic > Sources/Medium.
Ideally, you want to see “google / organic” as your top referrer, because this means your website is highly visible in Google’s unpaid search results list.
“(direct) / (none)” means direct visits to your website – people typing your domain name into their Internet browser’s address bar. These people already know your business and are most likely returning visitors. Other top referrers could include social media accounts, if your business is active on social media. If you are unsure of or concerned about any dodgy looking referrers, please contact us.
Next, it’s really handy to see which pages users are landing on when they first reach your site. These are called Landing Pages and this data can be accessed by clicking Behaviour > Site Content > Landing Pages. Landing Pages can consist of pages and blog posts on your websites. The pages that appear highest in the list are working the best to capture your audience in Google’s search results list. Therefore, if any of your main product or service pages aren’t appearing in this list, you probably need to add some keyword-focused blog posts to give the selected page/s a boost. This data is really useful to help you develop a blog strategy.
Your Landing Pages will default to show you the top 10 pages. You can view more/all of them by scrolling down to the bottom of the 10 pages listed, and in the bottom right-hand corner will see a drop-down list of options next to “Show rows” – click this and select the number of Landing Pages you want to see. If you click the next option, which is 25, but your site only has 18 Landing Pages (for example), then you will see all 18 Landing Pages.
Once you have expanded the number of Landing Pages you can see, take a look at the content being viewed. This particular screenshot shows the Landing Pages of a client who regularly adds blog posts. You can see that these are working incredibly well to bring traffic to the website because there are 16 blog posts in the top 25 Landing Pages (all the red arrows are pointing to blog posts!). This helps you judge the effectiveness of your blogging efforts on your website.
- You can download the official Google Analytics app on most smartphones and tablets, making it easy to view data on the go! Search “Google Analytics” in your app store and choose the one created by Google Inc.
- The Real-Time tab is fun to check, as you can see how many users are on your website at that very point in time, where they’re from (geographic location), what they’re looking at and more!
- Master the steps above and learn to understand the data, then start to explore the other options, too.
Image Editing & Resizing
Online Photo Editing and Resizing Tools
Need to edit your images or resize them for optimal online performance? Here is a selection of online tools you can use to edit and resize your photographs so they don’t slow your website down.
Just drop your jpg or png files into the TinyPNG site and the free online program will compress them to an ideal quality and size for online presentation. It couldn’t be any easier!
PicMonkey is a tool we love to use to edit images. It’s a free online image editing program which can be used from a Mac or PC computer, as long as you have an Internet connection. Go to PicMonkey and edit away!
If PicMonkey’s not your cup of tea, then Canva is another free online photo editor that is a breeze to use. Again, all you need is to be connected to the internet. Visit the Canva site, follow the instructions and you’re on your way.
Online PDF Compression Tools
All PDF files uploaded to your website must be under two megabytes in size to ensure your site performs at its peak. If your files are over two megabytes you’ll need to resize them. Thankfully there are various free online tools that can help reduce your PDF files to a size that won’t weigh your website down.
Smallpdf has numerous tools for editing PDFs but our favourite is Compress PDF. Like the name says, Compress PDF compresses PDF files. Simply drop and drag your PDF files into the Compress PDF page.
I Love PDF
I Love PDF is another free online PDF compressor. Just select your PDF file or drop and drag it into the page.
By the way, GOOP Digital has no affiliation whatsoever with these sites, we’ve merely chosen them from the countless options online to help reduce the size of your files.
Social Media Image Sizes & Templates
Looking for the dimensions of images for your social media pages? You’re in the right place. Here you’ll find the image dimensions for Facebook, Twitter, Google+, YouTube and LinkedIn, as well as advice if you run into problems.
Facebook image sizes
- minimum size: 180 x 180 pixels
- ideal size: 851 x 315 pixels
- loads fastest as a JPG, with a file size of less than 100KB, but if your profile or cover image incorporates your logo or text, a PNG file format might produce a clearer result.
Shared images and links
- ideal size: 1200 x 630 pixels
- maximum view width: 470 pixels
- file types: JPG or PNG
- recommended dimensions: 400 x 400 pixels
- recommended dimensions: 1500 x 500 pixels
- recommended dimensions: 440 x 220 pixels
- maximum display size: 1024 x 512 pixels
- maximum file size: 5MB
Accepted formats: JPG, GIF, or PNG. Please note, animated GIFs do not work but will display as static images.
- displays as a 120 pixel circle
- you can upload a square or rectangular image, but it will crop the edges and you will need to choose your circular selection within the image uploaded
- ideal size: 1080 x 608 pixels
- recommended size: 497 pixels wide
- maximum display size: 2048 x 2048 pixels
Channel icon (profile picture)
- if your YouTube channel is connected to a Google+ profile or page, it will pull the profile picture from the connected page – you do not need to upload one separately
- if your YouTube channel is not connected to a Google+ profile or page, you can upload a channel icon –
- ideal size: 800 x 800 pixels
Channel art (cover image)
- ideal size: 2560 x 1440 pixels
- text-safe area: 1546 x 423 pixels
Accepted file formats: JPG, GIF, BMP or PNG (no animated GIFs).
- ideal size: 400 x 400 pixels
- anywhere between: 1000 x 425 and 4000 x 4000 pixels
Accepted file formats: JPG, GIF or PNG files.
- ideal size: 400 x 400 pixels
- recommended: 646 x 220 pixels
Accepted file formats: PNG, JPG, GIF files.
- recommended size: 350 pixels wide
Shared link image
- 180 x 110 pixels
- displays as a 110 x 110 pixel square
- recommended dimensions:
- square image: 1080 x 1080 pixels
- vertical image: 1080 x 1350 pixels
- horizontal image: 1080 x 566 pixels
Social media image troubleshooting
File won’t upload
- check your image is an accepted file format, i.e. JPG
- check the file size of your image, most cases require less than 2MB
- check the image dimensions, the image might be too small or too big for the space allowed.
Image uploaded but doesn’t ‘fit’ the space
- your image is probably the wrong shape, check whether the image space is square, rectangular or circular. If a space is circular (Google+ profile images) and you upload a square, the edges must be cut off
- check your image dimensions, it might be bigger than the recommended space, cropping a side/sides to make the image fit.
In this section you can:
- learn how to set up a new Gmail account and Google My Business listing
- how to add and remove managers of your Google+ page
- how to transfer ownership of your Google My Business listing
- find out how to set up a business YouTube Channel
- how to transfer ownership of a YouTube Channel
- how to set up a Facebook Page for your business
- read up on some online marketing tips for Facebook Pages
- view Facebook Page Guidelines
- learn how to run a contest or sweepstakes on your Facebook Page
- learn how to change your Facebook page name
- read about using Twitter for your business
- set up a LinkedIn Company Page
- see the logo and cover image dimensions for a LinkedIn Company Page
- learn about using a third party app for running competitions on social media: WooBox.
Gmail & Google My Business Set-up
Setting up a Gmail Account
To create a Gmail account, you’ll need to provide some basic information like your name, gender and birthdate. You will also need to choose a name for your new Gmail email. Go to Gmail and click the link that says ‘Create an account.’
Follow the signup form and enter the required information. Just like anything it’s important to choose a strong password – one that is hard to guess. You may leave ‘Your current email address’ blank if you like.
The ‘Create your profile’ page will appear. Click ‘Add a photo’ if you want to add a photo to your Google+ profile. You don’t have to, simply click ‘Next step’. Your account will be created, and the Google welcome page should appear.
Create a Google My Business listing
Google uses business listings as a crucial source of credibility for your business and therefore beneficial for your overall SEO visibility and local rankings. This listing is also important for building a reputation with your customers as well as trust with Google.
Go to Google My Business. Click ‘Sign in’ (top right). Sign in with your new Gmail account details.
If you have a storefront or physical business location click on ‘Storefront’. If you do not have a physical business location click on ‘Service Area’, ideal for plumbers. Next, enter your business name in the search field that appears and click the search icon.
Next, click ‘I’ve correctly entered the name and address.’
If you see the below screenshot appear it means there’s a business out there with a similar or the same name. Simply click on ‘This doesn’t match – Add your business’.
Enter your full business details. Being a mobile service such as plumbing you won’t have an address. In this case enter your home address. This will NOT display on Google and is simply so Google can send out a physical postcard to your address.
Enter a Category ‘Plumber’ and check the box ‘I deliver goods and services to my customers at their location’. Click ‘Continue’.
Next, add a service area. There are two options here, you can either enter the postcode of the area you service or enter a radius. Once done click ‘Continue’. Either option is fine, the more accurate the better.
Check ‘I am authorized’ box and click ‘Continue’.
If the below appears with a similar business in your location click ‘This doesn’t match’.
In the next window you’ll see the below. Simply click on the ‘Mail’ icon.
Enter your contact name and click ‘send postcard’. The postcard should take roughly 1-2 weeks to arrive. Once it does simply follow the steps on the postcard. Please note the postcard may look a little like junk mail, do not discard it.
Once your business is verified with Google (you’ve entered the code on the postcard) you can then add additional business details such as the below:
- Trading hours
- Business introduction
- Business logo and images
- Website URL address.
These instructions will guide you to perform an extensive range of actions on your WordPress website. From editing pages to adding posts, inserting image galleries to tagging images correctly for Google search, we’ve covered the most common and most important areas of your WordPress website.
Logging into your website
To make changes to your WordPress website you will need to log into the back end where you will see all your options for adding and editing content in the various sections of your site, listed in the left-hand dashboard menu.
Your login details are on a Word document which was sent to your email address. If you don’t have your website’s login details please email [email protected] and we will forward them to you. Follow the website access link on your Word document and then type your username and password into each field. Hit ‘Enter’ on your keyboard or click ‘Log In’.
You will land on the ‘Dashboard’ in the back end of your WordPress website, which will display your left-hand dashboard menu, which contains all the sections you can edit.
This is a snapshot of a basic dashboard menu:
All GOOP websites have the following sections in the left-hand dashboard menu:
Other sections your website might have in the left-hand dashboard menu can include:
- Staff Members
We have broken our instructions into clear sections using headings, so you can skip to the bit that relates to your needs. Something you will come across on Pages, Posts, Events and more, is the editing toolbar. Hence we have included an overview of its functionality as part of our intro, below.
Writing a post
All GOOP Digital sites come with a blogging functionality – the ability to add news items. Blog posts archive in reverse chronological order, so your posts should be timely. It is universally accepted that a blog post which is older might not contain 100 percent up to date information, so don’t remove old posts because they add value to your site and help it rank in Google’s search results! We recommend adding a minimum of one blog post per month. The below instructions explain the steps to take to add and edit blog posts. You might also like to read our blog-writing tips.
Of course, you can add images into blog posts, we have explained how to do that in our images section!
Add a new post
To add a new post, log into your website and click ‘Posts’ in the left-hand dashboard menu, this will bring up a list of posts already published on your website. From here, you will see there are two links you could click on to add a new post – click either:
Once you have clicked ‘Add New’ in the posts section, you will be taken to a screen with blank post fields for you to fill in. All posts can be published if they at least have a title, and body content:
Depending on the design of your website and website extras you have chosen, you might also need to select a blog category, blog author and set a featured image. You do not need to add tags to your posts. We have included our instructions for setting a featured image in the images section.
If your site has multiple categories, please click to tick the most relevant one within the ‘Categories’ box:
If you forget to select a blog category, your post will still publish to your blog/news page, where all posts appear.
If your site also has blog authorship installed, you should select the most relevant person from the drop-down list within the ‘Author’ box:
This is part 1 of implementing blog authorship – read part 2 of implementing blog authorship, here.
Edit an existing post
If you see a mistake on a blog post that is published on your website, don’t stress! Blog posts are easily edited and the edits are instant after clicking ‘Update’.
To edit an existing post, log into your website and click ‘Posts’ in the left-hand dashboard menu, this will bring up a list of posts already published on your website. From here, simply click on the title of the blog post you want to edit, or hover your mouse over the title and click ‘Edit’, i.e.:
This will open the post in ‘Edit Post’ mode. Simply type into the text box or change your images and then click ‘Update’:
Editing and adding pages
Pages usually contain static content, such as a business’s core products and services and business profile. GOOP Digital takes great care to structure and write your website’s pages so they contain the most relevant content and keywords, for your clients and for your website’s visibility in Google’s search results. As such, we generally ask that you don’t heavily edit page content, as it can affect how you rank in Google. And the only time you should add a new page is if you start offering a new product or service. If you’re unsure whether you need to add a new page, please contact us.
General tips for using the editing toolbar
- remember some options might be hidden, click the toolbar toggle to open all formatting options
- if you’re not sure what an icon does, hover your mouse cursor over it, and it will tell you
- make sure your body content is defaulting to paragraph and only change it if you need to use sub-headings, i.e. Heading 3 format
- remember to use the ‘Clear formatting’ button if you are copying and pasting content from a Word document.
Please note: Pages are different from blog/news posts. There should be little need for you to create a new page for your website but if you do you’ll only be able to save a draft of the page or ‘Submit for Review’. Please note when you submit a new page for review we do not actually receive a notification that you’ve done this. You’ll need to email [email protected] with the details of your new page so we can publish the page for you. Pages work a little differently from posts and we need to make sure your new page fits with your website’s menu and any other features we’ve built into your site.
To add a new page, log into your website and click ‘Pages’ and then click the ‘Add New’ button:
This will bring up a blank page for you to fill in content. The main fields are the title, body content and SEO Friendly Title (H1). The title is what will appear in your menu navigation – what users click on to get to the page – and needs to be something short but specific, i.e. ‘Pool Landscaping’. Your body content should describe the product or service – what you do and where you do it. The SEO Friendly Title (H1) should be similar to the title, but contain your location too, i.e. ‘Pool Landscaping, Geelong’. Once you have filled in all sections, click ‘Submit for Review’:
Remember to email [email protected] with the details of your new page so we can add meta data and insert the page into your menu system.
To edit a page, log into your website and click ‘Pages’:
This will bring up the list of pages added to your site. From the list of published pages, click on the name of the page you wish to update, i.e.:
This will open the page in ‘Edit Page’ mode. Make your changes in the text content area, and when you are ready, click ‘Update’:
Once you refresh the front end of your website, you will see your changes instantly.
Using the editing toolbar
The toolbar is visible on Pages, Posts, Products, Events and more. A toolbar like the one below will be visible anywhere you need to type and edit text content. The toolbar has all your text formatting options, including heading formats, bold, italic, adding links, bullet lists, numbered lists and more.
Here is a snapshot of the WordPress toolbar:
If you use Microsoft Word many of the options will be familiar to you, such as the bullet list icon and the bold icon. In fact, we often say editing your WordPress site is much like editing a Word document, but online.
Sometimes you can’t see the full range of options in your toolbar, so you will need to open the rest of the toolbar. To do so, click on the icon highlighted below:
Which opens the rest of the toolbar options, like so:
The icon that opens and closes your toolbar is called the ‘toolbar toggle’. If you can’t see an icon you need to use or that you know was there previously, try opening your toolbar toggle.
To find out what each icon does for you, hover your mouse over each one for an explanation, i.e.:
Below are further instructions for the most commonly used toolbar functions, including heading formats and how to add a link.
Text and heading formats
The text on your site is coded to appear at a certain size, in a certain font and colour, consistent with your site’s design. You do not need to select fonts, sizes or colours, our pre-set formats will translate onto the site appropriately. Text will default to appear as regular body font, known as the ‘Paragraph’ format. You will see text defaults to ‘Paragraph’ by looking at the drop-down list in the toolbar.
From the ‘Paragraph’ drop-down list you can select Heading 2 and Heading 3 sub-headings where applicable (you don’t need to use a Heading 1 in WordPress as it’s always pre-set elsewhere). The rest of your text should be Paragraph format (which your body content text will default to, unless you change it):
If you do need to use a Heading 2 or Heading 3 format to highlight sub-headings, you can select the format from the drop-down list. Type your sub-heading text, highlight the text using your mouse cursor, then select the format from the drop-down list which will change it.
Just be aware that you will need to put your sub-heading on its own line (hit ‘Enter’ or ‘Return’ to put your mouse cursor on a new line). If you try to change text within a sentence or paragraph, it will change the format of the whole sentence or paragraph. If that happens, don’t stress, just highlight the whole section of text, and re-select ‘Paragraph’ from the drop-down list to change it back.
We don’t recommend the use of Headings 4, 5 or 6 because they do not stand out enough to warrant their use – you might as well use the bold icon.
Adding internal links
Internal links are simply links that keep people on your site, for example, linking from a blog post to a service page. Internal links add value where relevant, but our favourite saying about links is:
If in doubt leave it out!
An example of a relevant internal link would be: Joe the landscaper is writing a blog post. Joe is writing about a residential retaining wall he installed for a client in Geelong. Joe links the phrase ‘residential retaining wall in Geelong’ to the retaining wall page.
To add an internal link, use your mouse cursor to highlight the piece of text you want to be linked, then click the ‘Insert/Edit Link’ icon in the toolbar:
This will open a new little window. Because you are keeping people on your site, click the little message that says ‘Link to existing content’ – this will expand options to link to content on your site. You can use the search bar to look up the page you want to link to. Once you see the relevant page name in the list of content on your site, click on the page name to generate the link for you, then click ‘Add Link’:
The text should now clearly be linked:
Click ‘Publish’ or ‘Update’ to save your changes.
Adding external links
External links are simply links that go to other websites, taking people away from your site. It is a good idea to have the external link copied before you follow these instructions. Simply visit the website you want to link to, and copy the URL in the address bar of your browser, i.e.:
To add an external link in your WordPress website, use your mouse cursor to highlight the piece of text you want to be linked, then click the ‘Insert/Edit Link’ icon in the toolbar:
This will open a new little window, which has a box called ‘URL’, this is where you need to paste the external website’s link, i.e.: http://www.picmonkey.com/
Once you have pasted the link into the URL box, click to tick the ‘Open link in a new tab’ option, which will keep your site open. Then click ‘Add Link’:
The text should now clearly be linked:
Removing unwanted formatting
All computer software has its own code, which we don’t necessarily see, but appears behind the scenes and can affect the formatting of things such as text. For example, your WordPress website has clean code which is easy for Google to read. Our developers have pre-coded the text in your site to appear a certain way, consistent with your website’s design. Hence it is important if you copy and paste text content from another source, such as a Word document, into your WordPress website, that you clear the formatting of the external source.
There is a simple trick using your toolbar to clear formatting. Once you have copied and pasted text content into your WordPress website, i.e. content for a blog post which you typed onto a Word document, highlight all the text, then click the ‘Clear formatting’ icon in your toolbar:
That’s it! You can click anywhere in the text content area to un-highlight the text. Then you can publish or update your post/page/product depending on its status (published/draft).
You probably won’t notice any difference, but please remember to do this as it does strip out unnecessary code from behind the scenes which can affect your text’s formatting. If you type directly into WordPress you do not need to do this step.
Please note: Images that are too big and heavy can affect how fast the pages on your website load, causing frustration for your users and affecting how Google ranks your site. Before you upload images to your website, you must learn how to resize images which are appropriate for web use. You should not upload images straight from your phone, camera or other sources. Even photos taken on a smartphone will be too large to insert into your website – you must learn how to resize them! If you don’t already have image editing software you like to use, you might like to follow our image resizing instructions using PicMonkey. You can also use tools such as Canva and TinyPNG.
Images should be 1024 pixels on the long side – portrait or landscape – with a reduced file size, ideally around 200KB.
If there are images that are part of your design with different dimensions, we will advise during your training session. If you are unsure, please ask.
The design of your website will determine whether you need to use featured images. Featured images can appear on pages and posts. The process for adding featured images is the same, but where the image appears can be different depending on its purpose. Websites for visual-based businesses such as photography, landscaping and design, will likely use featured images as part of the site’s design.
Featured images on pages will generally appear in the header area and are often described as ‘banner images’. Featured images for pages will often require different sizing to what’s normally recommended. Please copy the exact dimensions of an existing featured image on a page or ask us if you’re not sure what the dimensions should be. It’s important that featured images on pages fit the exact space we have allocated for the design, to ensure your site continues to work optimally on all devices.
Featured images on blog posts will always appear on the blog or news page, along with the blog title, link and excerpt. Images in this instance add colour and interest to the news page, helping attract the attention of the user. You could insert a gallery into a blog post, and then also set your favourite image as the featured image, to appear on the news page. Featured images on blog posts will sometimes, but not always, appear at the top of the blog post when you open the full article. You will be able to tell by looking at the full blog article on the front end of the website.
To set a featured image, either navigate to the page you want to edit or add a new post. Once you have the page or post open and ready to add content, look for the ‘Featured Image’ box, which often sits off to the right-hand side of the main text content area. Click the ‘Set featured image link’ to get started:
Once you’ve clicked the ‘Set featured image’ link, a new window will open where you have two options to select your featured image, ‘Upload Files’ or ‘Media Library’:
If you have an image saved on your computer that you’d like to upload, please click ‘Upload Files’ and then ‘Select Files’ or drag and drop the desired image from your computer’s files anywhere within the upload window. Wait until you see the image appear in the media library. Once an image has finished loading it will appear in the Media Library ready for you to use.
If the image you want to use is already loaded into your website, choose the ‘Media Library’ option and simply click on the image you want to use so that it is ‘ticked’. Then, click ‘Set featured image’:
The image will appear in a little square shape on the screen within the ‘Featured Image’ box:
Please note, while it appears compact in the back end for practical reasons, it will translate to the size it is supposed to be on the front end, as long as you have resized it to the recommended dimensions.
Remember to click ‘Update’ on your page or post to save the changes – or, if it’s a new post, click ‘Publish’.
To change a featured image, you don’t need to remove the featured image, you can just click on the featured image as it appears in the last screenshot above, then upload or select a different image from the media library and click the ‘Set featured image’ button again.
Add an image gallery
You can add an image gallery to a page or blog post to add colour and interest and to demonstrate work you have done. Galleries on pages should be kept relatively short and appear beneath the page’s text content. Because page content describes your core products/services, an image gallery should only show a selection of your best work or best images relating to that product or service. We recommend keeping page galleries to no more than around 20 images. We wouldn’t recommend adding more than 20 images to a gallery in a blog post, either.
Galleries are the neatest, fastest, easiest way to add images to pages and posts. The gallery format aligns the images for you, so you don’t need to worry about it’s appearance on the page as it will be neatly contained within the gallery’s borders.
Galleries will display your images in a neat grid format, with images appearing as thumbnails. Users can click on any image within a gallery to open it’s full size, and then scroll through the rest of the images.
To add a new image gallery, navigate to the page or post where you want the gallery of images to appear. In this instance, we will show you how to add a new gallery in a blog post, but the process is identical on a page. When you add or edit a blog post, you will have your blog title and blog content. To add an image gallery, start by putting your mouse cursor on a new line, beneath your text content:
Next, click the ‘Add Media’ button above the editing toolbar:
This will bring up your ‘Media Library’ and the option to ‘Upload Files’. If you need to upload new images, click the ‘Upload Files’ tab, followed by the ‘Select Files’ option. Then you can navigate through your own computer’s files and folders to find your desired images. Alternatively, you can drag and drop images from your computer onto the ‘Upload Files/Select Files’ screen and wait for them to load. All images once loaded will live in the Media Library.
Once you see your desired images in the Media Library, ensure the ones you want to appear in the image gallery are selected. You can tell images are selected when they have a little ‘tick’ on them. You can click to tick/select multiple images. Once your gallery images are selected, click the link ‘Create Gallery’ on the left-hand side of the window:
You will then need to click the blue ‘Create a new gallery’ button in the bottom-right hand corner to confirm this action:
You can now edit your gallery. To edit your gallery you can drag and drop the images you have selected into a new order, give them captions and add to your gallery. It is important to remember to select ‘Link To – Media File’ from the Gallery Settings on the right-hand side of the window. When you are ready, click ‘Insert Gallery’:
You will see your gallery has been inserted to the content area of your page or post:
Remember to click ‘Publish’ on a new blog post or ‘Update’ on an existing page or post to save the gallery to that page or post.
Edit a gallery
Once a gallery exists on a page or post, you can easily add and remove images, update captions or adjust the gallery’s settings. Once you are logged into the back end of your website, navigate to the page or post that has the gallery on it that you want to edit. Open the page or post in edit mode. If you need to, scroll down beneath the text in the main content area until you see the gallery. Click your mouse cursor anywhere on the gallery, this will bring up your options to edit or remove the gallery. Click the little pen icon which means ‘edit’:
This will open the gallery in edit mode, where you can drag and drop images into a different order, click the ‘X’ to remove an image, or click ‘Add to Gallery’:
Once you have clicked ‘Add to Gallery’ you can ‘Upload Files’ or select existing website images from the Media Library. Once your images have loaded or you have selected images from the media library, click ‘Add to gallery’:
This will take you back to the ‘Edit Gallery’ section, where you can reorder your images and caption your new images. When you’re done, click ‘Update Gallery’:
Remember to also click ‘Update’ on your page or post, to save the changes. Clicking ‘Update gallery’ only saves the gallery’s changes, not the page or post. You need to update both.
Many people don’t realise the importance of image titles, tags and captions! But they can have an impact on your Google rankings, including how your images rank in Google Image search. While this has emphasised importance for image-based industries like photographers, landscape gardeners, builders and the like, it is important for all clients to take note of these instructions if you are uploading any number of images. Below is a screen shot of an image with its fields to the right, ‘Attachment Details’. This image has been clicked on in the media library, you will notice these same image fields appear on the right-hand side when you upload a new image, too.
URL: This is simply the path name that leads to where an image is stored in a website. You wouldn’t usually link to an image so you don’t need really need to know any more about this.
Title: The title will essentially be the file name you had the image saved as before you uploaded it. You can edit the title once your image has been uploaded, but it’s better if you change it to something appropriate before you upload the image, because the URL pulls the original file name, and can’t be changed. The title of your image should reflect what’s in the image, and if possible, where it was taken! This image is a perfect example. The title is keyword-focused and relates to the actual image. We don’t want to see titles like ‘DSC_012_abc.jpg’ – these mean nothing to Google!
Caption: The caption of your image is most useful for your users. It tells your users what they are looking at, i.e. is the feature of the image the pavers, the plants, or both? Your captions should be short, no longer than a sentence, and will usually be overlaid on the image when a user clicks to view the full-sized image in a gallery. By keeping your caption keyword-focused you are also giving Google a great opportunity to understand what your image is about, further enhancing its search-ability.
Alt Text: This is the most important field for Google search, so it’s imperative your Alt Text is short, to the point, and contains a keyword and location where possible. If you make your titles keyword-focused you can actually copy the same field as your title!
Description: Means nothing, appears nowhere, you can ignore it!
Embedding videos from YouTube
Embedding a YouTube video is so easy! Why YouTube? We include YouTube instructions because YouTube is the second-biggest search engine in the world, second to and owned by Google. Once you have a video uploaded to your business YouTube channel, embedding it into your WordPress website is the easy part.
To start, you should find and copy the YouTube’s video link, ready to paste into the back end of your website. To do this, go to your channel (it really doesn’t matter if you’re signed in or not).
Click on the video you want to grab the link for, which will take you to the screen where you can watch the video. From here, copy the URL in the address bar of your Internet browser.
Now you are ready to embed the video into the back end of your website. A common place to put videos is into blog posts. You can also put them into pages or testimonials – the process is exactly the same in each case, only the location varies.
Open the page, post or testimonial where you want the video to appear (doesn’t matter if you’re adding new or editing existing). Put your mouse cursor on a new line, i.e. hit ‘Enter’ or ‘Return’ on your keyboard to start a new line. Then paste your video link which you copied onto the new line. Within a few seconds your video will load. Click ‘Publish’ or ‘Update’ to save your changes.
Replacing images and PDFs
There is a handy function in your WordPress site that allows you to replace images and PDFs.
To replace a media item, log into the back end of your WordPress website. Click on ‘Media’ in the left-hand dashboard menu – this will take you to the Media Library where all your images and PDFs are stored in one central location.
Find the image or PDF you wish to replace and click on it to open options. On the right-hand side of the image or PDF, click the option ‘Upload a new file’, which is next to the field ‘Replace Media’.
This will take you to a new screen titled ‘Replace Media Upload’. From here, click ‘Choose File’ and locate the new file on your computer. There are two options, it defaults to the option you want which is ‘Just replace the file’. Then, click ‘Upload’.
Once the file has finished uploading, you will be taken to a new screen which means you’re done. The new screen will just be the media item, the new PDF or image.
Always go to the website as the public sees it and check the media has swapped over just in case.
You’ll need to refresh your screen or browser as data often caches. A handy tool if you’re not sure how to refresh your browser is Refresh Your Cache.
Using our Events plug-in
Have regular events for clients, the public or staff? Then you’ll probably benefit from GOOP Digital’s Events plug-in with which you can publicise your events, include maps to event locations, profiles of speakers and even provide links to online booking
How to add an Event
To start, type your URL http://www.yourdomainname.com.au/wp-admin into the address bar of your internet browser. Now enter your user name yourusername-client and your password, which is on the document you will have received from GOOP Digital.
Click Log In.
You will now see your website’s dashboard. Hover your mouse over the word Events to bring up All events and the Add New button, as in the image below. Click on Add New.
Once you’ve clicked on Add New a window will open where you can add all the information about your event. Type in the name of event in the field where it says Enter title here and then in the blank space below you can write all about your event.
You can format your text, add images and generally provide all the information guests need to know what your event is about and who it’s for. If ticket sales are necessary, you can create a link to an online ticketing platforms such as Eventbright and Trybooking.
Once you’ve added all the general information about your event, you can then get down to the specifics of date, time and place by adding information in the fields which appear below the text region. In the Event Details you can specify the date of your event, the time and, importantly, the location which will appear in map form on your website. Just fill in the gaps.
When you’ve added all the information about your event, double-checked and proof-read your information, simply click on the Publish button and your event is live for the world to see.
Using our Funeral Notices plug-in
GOOP Digital’s Funeral Notices plug-in is a powerful tool for funeral directors, helping them publicise the dates, times and locations of funeral services and providing an opportunity for family, friends and colleagues to leave tributes to the deceased.
How to add a Funeral Notice and Tribute
To start, type your URL http://www.yourdomainname.com.au/wp-admin into the address bar of your internet browser, then bookmark the address for future use. Now enter your user name and your password, which is on the document you will have received from GOOP Digital.
Click Log In.
You will now see your website’s dashboard. Hover your mouse over the word Obituaries or Funerals to bring up All Obituaries or All Funerals and Add New button, as in the image below. Click on Add New.
Now fill in the details in the appropriate fields. The notice of the death goes in the top text section. If you leave a field blank it will not appear in the notice. This area is only for the death notice. The funeral notice goes in another field.
Scroll down and you’ll see where to add the funeral notice. If the funeral service is private, tick the private service box to hide the funeral details. If you do not add information to a field, it will not display.
You’ll see in the example above that the church name and address and the name Cancer Council Victoria are underlined, which shows they are links. The ability to create links to addresses and websites is a key feature of GOOP Digital’s Funeral Notices plug-in. The address provides funeral guests with a Google map link and live directions to the service locations. The link to websites can take website visitors directly to donations pages on websites and to other online destinations.
To add a map link to a notice, start a Google search in a new window and search for the location of the church, chapel, cemetery etc. in Google. If you know the exact address, type the address into Google.
When Google provides the map of its results, click on the map and then click on the Share button to bring up a link to the URL of the address. Copy the link.
Go back to your notice, highlight words you want in the link, such as the church or cemetery name, and then click on the chain link which is visible in your website’s toolbar. The chain link is the obviously visible link in the image below. Likewise, if you want to unlink an element in your website, click on the adjacent broken link.
Clicking on the chain link will bring up a field where you will add the link. Paste the link into the relevant field and click on the blue box and white arrow to apply the link.
The process is similar for linking to a web page. If, for example, you wanted to link to the Cancer Council Victoria’s donation page you would open the Cancer Council’s website in a new window, find the donation page and then copy the URL.
Once you’ve copied the URL, return to the funeral notice, highlight the words “Cancer Council Victoria”, click on the chain link to make a link, paste the Cancer Council URL into the relevant field and click on the blue box and arrow to apply. You’ll find more information about internal and external links on the GOOP Digital Help page under the WordPress tab.
When you’ve added your link information scroll back up to the top of the page.
At the top right of the page you’ll see a Publish button and a Set featured image link. The Publish button is self explanatory. It publishes your notice.
The Set featured image link is what you click on to add an image of the deceased person to the notice. To add an image to a notice you must first upload the image to your website’s media library. This link to GOOP Digital’s Help page shows you how to add images to your library.
It’s crucial you resize your images before uploading them otherwise your website will eventually stop working. You need images no bigger than 600 pixels wide. Here’s a link to GOOP Digital’s instructions and an online photo editor that will resize your photographs.
Once you’ve uploaded your image you then choose it from your library and click Set featured image.
The image will pop into the appropriate field and then you simply click on Publish. You’re done.
It’s important you don’t remove notices from your site once the funeral has passed because the more names and notices you have, the more powerful your website becomes. Your website is set up to automatically archive the notices and allows people to search for past notices.
While WordPress is a very powerful content management system when it comes to content, sometimes your site might need something more customised.
Attractions & Suppliers
For ‘Things To Do’ and ‘Suppliers’ pages, we use blog categories to tell content where to go and how to appear. Depending on your site’s structure and requirements, blog posts can be used to showcase supplier logos, descriptions and attractions. Attractions and suppliers are two of the most common examples when blog posts would be used for something other than blog posts. Posts can be ideal to use for other purposes, because:
- they are already there
- they are easy to use
- they can be categorised, and the categorised posts can appear on other locations on the site.
You cannot simply create a category and expect a post to show elsewhere on your website, posts will only do this if it has been included in the design and development of your site. Our developers need to do additional styling for posts that pull onto pages other than ‘Blog/News’.
You will know if your site uses blog categories to add attractions or suppliers because we will tell you when your site goes live and/or during training for your new/upgraded GOOP Digital website. Below are instructions for adding attractions and suppliers.
Below is a snapshot of attractions listed on the ‘Things To Do’ page of an accommodation website:
You can see each attraction has a featured image, title, sub-category (i.e. ‘nature & parks’) short blurb about the attraction and link to website (external website link).
To add a new attraction, log into the back end of your WordPress website and click ‘Posts’ from the left-hand dashboard menu:
This will bring up a list of the posts already added to your site, with the option to ‘Add New’:
Once you have clicked ‘Add New’, you will be taken to a new screen where you can fill in all the relevant fields for your attraction:
Fill in/complete the following:
- give your attraction a name in the top title field
- describe the attraction by typing a paragraph or two of unique content into the main text box area
- tick the most-relevant category. Many sites that use attractions have more than one attraction category, i.e. ‘Food & Drink’, ‘Nature & Parks’, ‘Shopping’, etc.
- set a featured image
- add a link to the attraction’s website, if one is available
- publish your attraction post and always double-check on the front end of the site that it looks as expected!
Here is an example of a completed attractions post in the back end of a website, with the category ticked to ‘Activities’:
Make sure all your posts are consistent, following the same style as other attractions posts. For example, in order for the ‘View Website’ links to appear consistently on the front end of the website, all the links have been added in the back end in a consistent format, i.e. the text ‘View website’ on a new line, linked to the external attraction’s website.
In order to set up an attractions page, we would have had to add at least one attraction for you. If you’re not sure, look at an earlier attraction in the list of posts and copy its format.
Below is a snapshot of client logos listed on the ‘Clients’ page of a packaging and garment label website:
In a very similar fashion to attractions, each client has been added as a blog post, and categorised to ‘Clients’. Suppliers and sponsors work exactly the same, only the page names and categories will be different. For the purpose of these instructions, we will focus on this example adding client logos.
To add a new client, log into your WordPress website and navigate to add a new post (instructions above and here).
Once you have clicked ‘Add New’ (post), you will be taken to a screen where you can fill in the post’s fields:
Fill in/complete the following:
- client’s name – goes in the blog title field at the top
- in many cases where logos are added to client listings/supplier/sponsor pages, no description is required
- custom link – this field may or may not appear, but if it does, this is where you can add a website link to the client’s website
- tick the relevant blog category, i.e. ‘Clients’
- set a featured image, which will be the client’s logo
- click ‘Publish’ and always check the front end of the website to ensure it looks as expected!
Here’s an example of a client listing post filled out in the back end of a website:
If your WordPress website has blog authorship installed you can credit blog posts to an author using a Google+ personal profile. This is beneficial to help build familiarity and credibility around your brand.
Implementing blog authorship essentially has two parts: selecting a blog author in the back end of your website when you add a post, and signing into your Google Account to add your blog title and link.
When you add a new blog post, select the most relevant author from the drop-down list we have installed for you:
You can publish or update your post once the rest of it is ready. That’s all there is to part 1!
Part 2 requires you to log into the author’s Google+ personal profile and add the link back to the website. Follow these steps:
Start by signing into your existing Google Account and navigate to your personal Google+ profile:
Once you are logged in and looking at the relevant author’s profile, click the ‘About’ link:
The ‘About’ part of your profile is broken into different sections. Look for the ‘Sites’ or ‘Links’ box and click on the universal ‘pen’ icon which means ‘edit’:
Scroll to the section which says ‘Contributor to’ and click on the little + symbol to add a new contributor link:
Then, copy and paste or type your blog post title, exactly as it appears on your website. Also copy and paste the direct blog post URL, which can be obtained by going to the specific blog post on your site, and copying the unique blog link from the address bar of your web browser. Once the title and URL have been entered, click ‘OK’:
Events & Stockists
Events and stockists are examples of custom post types. This simply means they will appear as options in the left-hand dashboard menu (just like staff members and testimonials!) and have custom fields different to your ‘regular’ posts and pages. Whether your site has an events or stockists list will be determined during the site-planning stage and then incorporated into the design of your site, brought to life by our developers. An events or stockist list can usually be added later (at a cost) if required.
An events list has obvious benefits for councils, associations, tourism boards, sporting clubs and other businesses or organisations running or supporting events. Events aren’t just concerts, markets or seminars, they can even be as simple as fitness classes and walking groups! Not all sites need to showcase or promote events, but those that do can follow these instructions.
Please note: our event list product does not allow your clients to purchase tickets to events – it is not e-Commerce. You can easily link to external booking sites though.
Here’s an example of an event list on the front end of a wine-store website. The events tab in the main menu has been labelled ‘Masterclasses’:
To add a new event, log into you WordPress website and click ‘Events’ in the left-hand dashboard menu:
This will bring up a list of events already added to your site, with the option to ‘Add New’:
Once you’ve clicked ‘Add New’, you will be taken to a screen where you can fill in the event fields:
Fill in/complete the following:
- event title – in the first text box near the top of the screen
- event description – can include a link to an external booking system, i.e. TryBooking
- event details – including start date/time, end date/time, reoccurance and venue
- click ‘Publish’ to make your event appear on your site and always check the front end to ensure it looks as expected!
The events list feature allows you to add venues, which pulls a Google map if the address is recognised by Google. Once you’ve added a new venue it will be saved in your site and you can search and use it again without adding the full address. You can add a new venue in the ‘Event Details’ section when you add a new event, start by clicking the ‘+’ symbol:
This will expand the fields to add the details of the venue and its location:
Fill in the venue name and address. If the address is recognised on Google maps you might notice the red pin moving around the map until it settles on the address you’ve added. Please note we cannot manipulate Google maps or move the pin marker – if the address is not recognised by Google the map won’t work (sorry).
If you have previously added an event venue, you can search it and click the venue name without adding the address again. You can do this two ways, either start typing the venue name into the venue bar and wait until you see the venue and can click on it. The other way is to simply click the drop-down arrow which will open the list of all venues, simply scroll your mouse cursor down until you see the venue name you want and click on it:
Once you’ve clicked on the venue name the map will adjust itself to show the venue’s address (again, only if it’s recognised by Google maps):
When you’re ready, you can ‘Publish’ your event.
It can be useful for retailers to showcase stockist information in a user-friendly format which makes it easy for customers to find the nearest store stocking your products. Below is an example of a stockist list appearing on the ‘Stockists’ page of a pillow supplier website:
To add a new stockist, log into the back end of your WordPress website and click on ‘Stockists’ in the left-hand dashboard menu:
This will take you to a screen with a list of stockists already added to your site, with the option to ‘Add New’:
Once you have clicked ‘Add New’, you will be taken to a screen where you can fill in the fields for the stockist you are adding:
Fill in/complete the following:
- stockist name – in the first text box near the top of the screen
- stockist address, phone, email and website
- stockist category – this will often be based on location
Please note, if there is a field you can’t fill in, you can leave it blank, it won’t affect its ability to be published. When you’re ready, click ‘Publish’ to make your stockist live.
Below is a snapshot of a stockist which has been completed in the back end of a website:
Product Catalogue & e-Commerce
If your WordPress website has a product catalogue or e-Commerce installed, you’ll need to learn how to add products. The instructions for adding products into the e-Commerce or catalogue feature are exactly the same! That’s because the product catalogue uses the e-Commerce functionality to display products, but has not had the other features added that make a shopping cart work, such as shipping, payment and orders.
There are some key questions and issues that come up time and again in regards to adding products. Here are some of the main things to get your head around before you dive into adding products:
- there are two types of products – simple or variable;
- simple products come in only one type, i.e. a one-size-fits-all poncho in a one-off, unique print. There are no other sizes, colours or prints available (no variations)
- variable products come in different variations, i.e. a pair of shoes can come in different sizes, in different colours, materials or patterns. It is the same model of shoes, with different options depending on the client’s preferences
- you will need to take your own product photos, hire a photographer or source appropriate images with permission from suppliers
- you will need to learn how to resize images; even edited images from a photographer are likely to be too large and heavy for web use. Websites with a product catalogue or e-Commerce are usually image-based in order to showcase products. It is imperative you pay attention to both the dimensions and file size of your images or risk reducing the speed of your site; one way to frustrate users!
- yes, you can embed videos or upload PDFs into the description area of individual products
- you need to set a featured image for each product – the featured image is the main one web users will see and click on to get more info, which would include the full product description, any additional gallery images, videos or PDFs
- you can add gallery images to showcase your product in greater detail/showcase variables
- you need to tick a category for your product to appear on your site, i.e. if you are uploading a candle, the category to tick it to will probably be ‘Candles’. If you publish your candle product without ticking the relevant category, then you have a confused candle that doesn’t know where to appear and it will just sit in the back end of your website
- product info/descriptions should ideally be unique content. Even if you get descriptions from suppliers, rewrite it in your own words or write your own description. Google rewards unique content. If you need inspiration draw on the reasons why you decided to stock that product, i.e. ‘a wonderful-smelling candle that’s hand-poured locally by…’
Please note: While the process to add products is identical for product catalogue and e-Commerce clients, we have noted any minor differences clearly throughout. Product catalogue clients can add variable products with attributes, but do not need to add variations. Don’t worry if this doesn’t make any sense, it will as you read through the instructions!
Add a simple product
Log into the back end of your WordPress website, then click on ‘Products’ in the left-hand dashboard menu. This will bring up the list of existing products on your site, with the option to ‘Add New’:
You will be taken to a new screen where you can fill in all the fields for your product:
Fill in the following fields for your simple product:
- product title at the top
- product description in the main text-box area – this is where you could upload a PDF or embed a video, if required
- regular price – e-Commerce clients must add a price for all products in order to sell them, adding a price is optional for product catalogue clients
- tick a product category – this will tell your product where to appear on your site
- product image – this is the main image associated with your product and will be the one users click on for more info. The process for setting a product image is identical to setting a featured image, which we’ve already explained
- product gallery – this is entirely optional. If you have additional images of any given product, add them into the product’s individual gallery by clicking ‘Add product gallery images’. To add product gallery images you will have the option to select and upload files or use images pre-loaded into the Media Library. Once your images are loaded/selected, simply click ‘Add to gallery’.
Here’s a snapshot of a simple product with the fields filled in:
And because we ran out of space and you’re curious, here’s the product image and product gallery section:
Add a variable product
These instructions focus only on the parts that make variable products different to simple products. The rest of the fields are the same as a simple product, instructions and examples above.
Before you add a variable product, it will be helpful to understand some of the terminology:
- attributes and values – an attribute is basically the description of a variation, i.e. attributes could include size, colour, pattern, flavour. The values are essentially the variations of each attribute, i.e. values could include S/M/L/XL, blue/red/green, floral/stripes/spots, vanilla/chocolate/strawberry
- variations – variations is where you add your combination of attributes and values, combined with things like price and whether a variation is ‘out of stock’.
When you add a new product, it defaults to a simple product. You might like to add your product title, image and category and skip to this bit before adding your description, i.e. there’s no need to list colours and sizes in the description as you will add these in the variable product data section.
To create a variable product, click the drop-down list in the ‘Product Data’ section, then click ‘Variable product’.
You will probably notice the price field disappears. And on the left-hand product data menu, ‘Variations’ appears:
The next step is to click on ‘Attributes’:
Then, click ‘Add’ next to the option ‘Custom product attribute’:
This will open up the area to add the actual attribute and its values:
You should complete the following:
- add your attribute name, i.e. size.
- add your values separated with spaces and pipes, i.e. S | M | L | XL
- e-Commerce clients – ensure both boxes are ticked for ‘Visible on the product page’ and ‘Used for variations’
- product catalogue clients – only need to tick ‘Visible on the product page’ (you are not selling variations, you are just displaying them).
Please note: You can add more than one set of attributes, simply repeat these instructions by clicking ‘Add’ – ‘Custom product attribute’ and enter your next set of attributes and values. For example, a pair of shoes might have different sizes and colours, so you’ll need to add two sets of attributes and values for ‘Size’ and ‘Colour’.
Product catalogue clients can stop here! The rest of the instructions are purely e-Commerce based.
Next, click ‘Variations’:
This takes you to the section where you can add your product variations. We recommend creating variations from all attributes which will combine all the options in a list for you, i.e. pink shoes come in size small, pink shoes come in size medium, blue shoes in small, blue shoes in medium, and so on.
From the drop-down list select ‘Create variations from all attributes’ and then click ‘Go’:
You will receive the following pop-up message – click ‘OK’:
You will then receive notification this has worked, click ‘OK’ again:
You will now see the list of variations which have been added from your attributes. Now you need to add specific data for each variation, including price and whether a variation is ‘out of stock’. To add data for each variation, click the ‘Expand’ link at the top of the list to expand all variations:
Each variation will now be ‘open’ in the list, like the below snapshot:
Fill in each of the following fields for each variation:
- regular price ($)
- sale price ($) – if applicable. Please note, if you are adding a sale price do not remove the regular price as you want to show the difference! I.e.:
- stock status – in or out of stock. Please note, this is not an inventory system, the stock status is to show the user whether they can purchase it or not. There is no level of syncing with any inventory system whatsoever
- shipping and tax will be pre-set by our developers based on the agreement made when you purchased e-Commerce. You can leave the shipping and tax classes as ‘Same as parent’
- you don’t need to add a variation description, unless you really want to.
Once you have added all the relevant fields to each variation, make sure you scroll to the very bottom and click ‘Save Changes’:
Here is an example of a variable product on an e-Commerce site:
Then, ‘Publish’ or ‘Update’ your product, and always check it on the front end of your website to ensure you haven’t missed anything, like a featured image or prices.
Testimonials & Staff Members
Depending on your business and needs, your GOOP Digital website might have other options in the left-hand dashboard menu, which can include ‘Testimonials’ and ‘Staff Members’. These instructions explain how to add new testimonials and staff members to your website, keeping it up-to-date with relevant information.
Testimonials help demonstrate your business’s credibility in its field by providing real examples of clients who have explicitly stated their satisfaction with your products or services. You can add text or video testimonials. If you receive an email testimonial, you can copy and paste the text into a new testimonial on your website; just remember the handy ‘clear formatting’ trick in the toolbar for the pasted text. If you receive a letter or a fax testimonial, you will need to type the words into a new testimonial on your website.
Remember – relevant words about your business add value for Google. We don’t recommend uploading PDF testimonials, it’s definitely worth the extra elbow grease to type up the content of a letter or fax. If you can, always add the person’s location with the testimonial, as this adds value for your website’s searchability too. Just their suburb or town is fine – not their home address or anything private!
Add a testimonial
Log into the back end of your WordPress website and click ‘Testimonials’ in the left-hand dashboard menu, which will bring up a list of testimonials already on your site, with the ability to ‘Add New’:
Once you click the ‘Add New’ button, you will be taken to a new screen with fields to fill in:
Fill in/click the following:
- title – the title will usually (but not always) be the person’s name. Keep the titles consistent with other testimonials added on your website. Add the title into the long skinny rectangular field above the editing toolbar.
- main text box area – add the text and/or video link into this large text box area. This is where the actual testimonial goes!
- testimonial details (business, location, URL) – testimonial details might vary slightly, however most will have a field for a business name, location and URL to another website. If the person is not from a business, forget about the business and URL fields! Always try to add a location. If the person is from a business feel free to add the business name and link to their website.
- categories – if there’s only one category – usually ‘General’ or ‘Testimonials’ – then when you hit ‘Publish’ your testimonial will be live on the testimonials/reviews page on your website. If there are multiple categories this is usually to help sort testimonials for different parts of your business, i.e. commercial and residential. If there are multiple categories you should tick the most relevant one so it appears in the correct area on your website.
- Once the above fields are filled in, click ‘Publish’ to make the new testimonial live!
- video testimonials are the most powerful format because you can see and hear that a real person is commending your business, which helps build credibility
- video testimonials can be taken on a smartphone, uploaded to a business YouTube channel and then embedded into a testimonial on your website – YouTube instructions are on our extra instructions page
- if you do shoot a video testimonial when the opportunity arises remember these tips: turn your phone horizontally/landscape (suits YouTube’s dimensions better), ensure your subject is not a silhouette – get them to stand or sit facing natural light where possible, get your subject to speak naturally if possible, rather than from cues which can look fake
- ensure you have the person’s permission to add their testimonial to your website, if it is a private email simply ask if they would mind if you add their words to your website, with their name and town.
Some GOOP sites incorporate the staff members feature which allows you to add staff profiles. This can be particularly useful for medical professionals such as doctors, dentists, physiotherapists, psychologists and more, as it allows clients to learn a bit more about their practitioner. It can also be useful for other industries, too. Whether your site has this feature or not will generally be determined during the site-planning stage or added later, at a cost.
Add a staff member
Log into the back end of your WordPress website and click on ‘Staff Members’ in the left-hand dashboard menu, which will bring up a list of staff members already added to your site. You will also see a button which says ‘Add New’:
Once you click ‘Add New’ you will be taken to a new screen with all the possible fields you can fill in about the staff member you want to add:
Fill in/click the following:
- staff member’s name – put the person’s name into the long skinny rectangular field above the editing toolbar
- bio – add a bio/profile about the staff member in the main text box area. Avoid including information that isn’t relevant to what that person does at your business. Information that’s relevant to include would be their role at the business and how they help your customers, what qualifications and experiences they have and what they specialise in
- staff member details (title, qualifications, phone, email and social media links) – this is where you can add further information in a shorter or abbreviated format, i.e. you would explain and list all the staff member’s relevant qualifications in the main text area, and then list the abbreviated versions for quick viewing in the ‘Qualifications’ field, i.e. Cert, AdvDip, B, etc.
- most of the social media links won’t be relevant but a good one to add if available is a link to the staff member’s professional LinkedIn profile
- don’t add a link to your website, as the person will already be on it if they’re looking at the staff member
- if your website has this feature then you should endeavour to add professional headshots to each staff member, in the form of a featured image – follow our featured image instructions!
- WordPress: the platform your website is built on, the software that powers your website
- Content Management System (CMS): a CMS is a platform that allows the user to update and manage their own content, this allows for a lot of DIY updates. WordPress is your CMS.
- Back end: once you are logged into your website where you can manage its content, we refer to this as the back end
- Front end: what the public sees and what you see when you’re looking at the website, i.e. when you’re not logged in or when you view a page or post