Support for

Categories & Microsites - How-to Guide

Jamie Ashworth
by Jamie Ashworth 6 years ago
 

The Categories & Microsites Menu Tab in Flyerlink is the Control Panel for printing.com, nettlBrandDemand, w3client and w3shop Microsites.

Menu Location: Workgroup > Customers > Categories & Microsites

Important Sections

  • Microsite Pages (Used to build/add/edit w3shop pages)
  • Customers (A lists all customers associated to this Microsite)
  • Available Products (Lists all products available to Customers associated to this Microsite)
  • Apps (Apps are the Menu Tabs shown to the client within their Account Dashboard, such as My Orders and Invoices)
  • Financials (Set your default payment terms/options for all customers assocaited to this Microsite)

Customer Accounts

Customer Account consists of a Main Account Contact and several Additional Contacts who work for the same business.

Each Customer Account is assigned a unique Customer Account Code to differeantiate them from other customers.

The relationship between Customers and Microsites

All Flyerlink Workgroups are set up with a Default Microsite that all customers are assigned to when first created found under Workgroup > Customers > Categories & Microsites > View/Amend

Moving Customers for one Microsite/Category to another

You can move customers to different Categories/Microsites using the dropdown menu under Workgroup > Customers > View/Amend > Nuts & Bolts.

Microsite Settings

my.printing.com

w3shop

w3shop - How-To Guides w3shop - How-To Guides

w3client & BrandDemand Microsites

Main Details

Allowing TemplateCloud Designs or just your products Allowing TemplateCloud Designs or just your products

Financial

Customer credit & payment controls Customer credit & payment controls

Side Menu

Microsite Apps - Choosing your menus Microsite Apps - Choosing your menus

Basket quotes Basket quotes

Product Pricing & Available Products Filter Product Pricing & Available Products Filter

Redirections on w3shops Redirections on w3shops

w3shop product images w3shop product images

Personalising Emails Personalising Emails

Microsite Images

Everything else...

Categories & Microsites - How-to Guide

The Categories & Microsites Menu Tab in Flyerlink is the Control Panel for printing.com, nettlBrandDemand, w3client and w3shop Microsites.

Menu Location: Workgroup > Customers > Categories & Microsites

Important Sections

  • Microsite Pages (Used to build/add/edit w3shop pages)
  • Customers (A lists all customers associated to this Microsite)
  • Available Products (Lists all products available to Customers associated to this Microsite)
  • Apps (Apps are the Menu Tabs shown to the client within their Account Dashboard, such as My Orders and Invoices)
  • Financials (Set your default payment terms/options for all customers assocaited to this Microsite)

Customer Accounts

Customer Account consists of a Main Account Contact and several Additional Contacts who work for the same business.

Each Customer Account is assigned a unique Customer Account Code to differeantiate them from other customers.

The relationship between Customers and Microsites

All Flyerlink Workgroups are set up with a Default Microsite that all customers are assigned to when first created found under Workgroup > Customers > Categories & Microsites > View/Amend

Moving Customers for one Microsite/Category to another

You can move customers to different Categories/Microsites using the dropdown menu under Workgroup > Customers > View/Amend > Nuts & Bolts.

Microsite Settings

w3shop - How-To Guides

This help article contains links to guides that help you make the most of your w3shop system. An outline of the ususal set up steps are detailed below.
These guides MUST be followed exactly. Unfortunately we will not provide any assistance were your w3shop website has been created using Workarounds to achieve an outcome that is not intened or described in the articles below.

w3shop Overview

w3shop First Steps...

1. Select your w3shop Category Workgroup > Customers > Categories & Microsites

2. Under Microsite Style, edit your Theme, Fonts, Colours and upload a personalised website header image.

3. Add common web pages to your w3shop website.

4. Add Google Analytics, Meta Data and Descriptions to each page to help Google to find you.

5. Build your own products to sell online.

6. Cherry pick products you wish to sell from the Marqetspace product range.

7. Add a Payment Gateway to accept online payments.

8. Link your Domain Name to your w3shop website.

How does the cache work on my w3shop?

What is a cache?

A cache is a feature that transparently stores data so that future requests for that data can be served faster.

Your w3shop uses a number of caches to make it work as fast as possible. These include a price cache, a voucher cache, an image cache and an html cache.

If you sell designer templates, we automatically scan your w3shop six times each day to look for products which are suitable for templates. If you don't have, say, an A6 double-sided product, then we won't show any designs which are that size. Create a product, and later that day, matching designs will show up.

Why are you telling me this?

The vast majority of support queries we receive relate to changes not yet showing. If you've recently updated your products, please wait one hour before reporting missing products, missing images or incorrect prices.

What's the alternative to a cache?

We could just run queries 'live' and load images every time. If you've ever tried to compare flight prices or car insurance quotes, you'll probably have seen a "please wait while we search" message - this is an example of a database query being run live.

If we did that, your w3shop would run very slowly indeed. Instead, we pre-calculate certain things and then serve the 'saved' version to your visitors. This technique is used by many ecommerce sites.

If you're used to editing a blog or a static website, then this concept will be new to you. However, if you've build an ecommerce site or sold via third party sites, you'll know that changes don't appear 'instantly'.

What's the downsides of a cache?

Since the page might have been saved a little while ago, there could be a delay of up to one hour before changes you make to your w3shop become live. That means, if you add products, change prices, replace images, it could be one hour before your site shows them.

You'll notice the cache most strongly on your w3shop Homepage, which can take upto 1 hour to update with new text.

Why does my site feel slower after I make any changes?

Every time you change your site - adding a product, changing some text or editing images, we need to delete the 'saved' version of your page (or pages, if the change affects many things).

It doesn't matter whether you've drastically changed the page, or just fixed a typo - we need to clear the cached/saved version and create the page again.

This means the next person to view the affected page will trigger a 'redraw' and 'recalculation'. Since that person is probably you, the first time the page is viewed will be the slowest. For the second visitor onwards, the page will feel snappier.

If you make more changes, and save again, you'll be going through this cycle again. So try to make changes in 'batches'.

Why does Flyerzone feel faster than my w3shop?

The more visitors you have, the faster your site will feel. Although that sounds counter-intuitive, the more people that view a page, the less likely they're the first to view it. More visitors mean more people viewing a cached/saved version of the page.

Have you recently changed the way the cache works?

Yes. On 17th February 2014, we upgraded all our caches to run automatically when certain events triggered them. Before then, some caches had to be run manually by administrators.

Choosing a w3shop Theme

A w3shop Theme is  a ‘framework’ or layout to start from. Each theme comes with some basic page layouts which are a ‘starting point’ rather than a blank canvas. Whichever you pick, you can replace text and images with your own, as well as change colours and fonts.

Certain complex pages are the same on all themes, like Design Search pages, product filters, the basket and checkout pages.

We have provided 5 themes: Delicious Metro, Minimal Regular, and Zone Red, Zone Clean and Cumulus.

We strongly recommend using Cumulus, our only responsive theme.
Cumulus is the most flexible theme, with the greatest number of page layout options, and it is responsive on mobile and tablet devices.

You can see an active demo of Cumulus on http://lish.io
Check out the pages underneath the About Us menu to view the different default page layouts available.

The Cumulus theme:

The Minimal Regular theme:

The Zone Red theme:

The Delicious Metro theme:

To set your chosen theme go to Workgroup > Customers > Categories & Microsites > View/Amend scroll down to Microsite Styles and Choose Theme in the drop down menu.

 

Watch this space

We're working on adding more themes, and an easy way to create your very own themes.

 

w3shop Master Style, Colours & Fonts

Personalise the style of your w3shop microsite to match your branding. Set the standard fonts and colours you require throughout your w3shop.

To set change the style of your w3shop, use the Microsite Style and Microsite Colours panels on Workgroup > Customers > Categories & Microsites > View/Amend.

Choose Fonts

You can customise the look and feel of your w3shop with web fonts. Choose from two font service providers - Google Fonts or fonts.com:

Then you'll be able to choose fonts and style from the dropdowns:

An example w3shop page. Numbered areas are described below.
  Option Where is it used?
1 Page headers (H1) font The title that appears immediately under your header, like "Ready-Made Designer Templates" (see example), and any H1 tags that you create in your free text.
2 Main section headers (H2) font Smaller titles and group headings, like "Refine by" (see example), and any H2 tags that you create in your free text.
3 All other header fonts Other headings, and H3 tags in free text.
4 Main menu font Used for the top-level menu items, just below the header image.
5 Main menu item font Used for the items that appear when a top-level menu item is clicked.
6 Body text font Used for the bulk of your narrative text.
7 Buttons font Used on your buttons.
Defaults to Metro Office if using fonts.com or Lato if using Google Fonts.

Font Recommendation

Google fonts tend to display the most clearly and were 'invented' for screen display, rather than converted from existing print fonts. If you're using Fonts.com, those with eText in the name are designed for body text.

Choose Colours

Hexadecimal colours can be entered directly into the boxes provided or the Colour Picker can be used by clicking on the swatch box. RGB or HSB colour formats can also be entered here.

 

 

 

Your w3shop header image

The header image appears at the top of all your Microsite pages and normally cotains your logo and branding.

The image must be 1100 pixels wide and a minimum height of 90 pixels. The file format should be web-friendly e.g. JPEG, PNG or GIF and using RGB colour format.

To upload your Header image go to Workgroup > Customers > Categories & Microsites > View/Amend scroll down to Microsite Styles and click Choose File next to Header Image.

w3shop Homepage

Each w3shop theme comes with a homepage.
There are some special rules for w3shop homepages.

1) Homepage cache

The w3shop homepage page type has a cache to speed up the load time
This means it can sometimes take around one hour for your changes to show after they've been saved.

2) You don't need a url slug for the homepage

The homepage or 1st page sorted is the only page that can have a blank url slug.
This means people can go to http://www.yourdomain.com instead of http://www.yourdomain.com/home

3) You don't have to use the homepage page type

You can use any page type for your actual homepage, provided.

  • The new page has a sort order of 1
  • It doesn't belong to any dropdown menu
  • You either
    • Remove the url slug, or
    • Include the page in your menu at the 1st position.

For example http://www.flyerzone.co.uk/ uses the Cumulus theme Homepage B instead of the default Homepage page type to show a different option.

4) Your logo or header image will redirect to the homepage

 

- Example homepages

 

 

 

 

 

Create a w3shop Homepage slideshow

A slideshow can be added to any page type within your w3shop. A sideshow should be added to your Homepage and used to highlight your USPs, link directly to important pages, products or services within your w3shop, promote special offers or new features.

How do I add a slideshow to a page?

Go to Workgroup > Customers > Categories & Microsites > View/Amend scroll down to Microsite Pages

Click on the edit button for the page you want to add a slideshow to, check the Enable Slideshow tick box and enter the height in pixels.

Format your images

The image should be 1100 pixels wide as standard (if using the Zone Red theme, images should be 855 pixels wide) and whatever height you choose. The file format should be web-friendly e.g. JPEG, PNG or GIF and using RGB colour format.

Upload your image to Flyerlink

Go to Workgroup > Customers > Categories & Microsites > View/Amend scroll down to Microsite Pages. Select a page that has Enabled slideshow, add Slideshow Height and choose the Rotate Frequency. Scroll down to the Slides menu.

Use the Sort Order function to sort the order that your image view in the rotation.

Where can I get some low-cost imagery from ?

If you need stock imagery for your w3shop you can browse and purchase over 14 million images in Flyerlink. All images are available in XXL size for £1.99 each. See Stock Images in Flyerlink for more information.

Cumulus slideshow recommendations

The slideshow for Cumulus theme scales to fit the browser for mobile and tablet.

You can also choose whether you want a responsive slideshow, that increases in size for larger browsers, or an unresponsive slideshow that keeps a fixed width on larger device widths

Recommended slideshow dimensions

We recommend you design your slideshow for a desktop, at 1200px wide.

Unresponsive recommendations

If you leave "responsive" unticked for your slideshow, on large devices we won't scale up your slider.

Instead we will keep it at 1200px in the middle of the screen and use your slide background colour as a bleed to the edge. This means your slide will look centered, alongside the rest of the theme content.

Responsive recommendations

If you make your slider responsive, we scale it up on larger device widths.

To avoid this looking very odd in relation to the content, you can choose what device widths you want the slider available on.

By default the slide is available on mobile, tablet and desktops upto 2000px

You can increase the minimum width to make it not show on mobile, or adjust the max width to change the desktop size the slider is available.

The default slide recommendations are our recommended option - leaving it unresponsive and having a background colour bleed, but also only showing upto 2000px

w3shop menus & mega menus

 

For w3shops, each page you create can be included in your main menu, a dropdown menu or in  none of the menus.

You can also include pages in the footer.

Menus

If you want to change the menu options for your page, head to your page via Workgroup > Customers > Categories & Microsites > View/Amend > Microsite Pages

To show the page in your:

1) Main menu
For "Is this a main menu?", choose Yes

2) Dropdown menu
For "Is this a main menu?", choose No
For "Show in dropdown menu" choose a main menu item you want the page to be a dropdown of.
Note you will only be able to make a page a dropdown menu item of another page if that page is part of your main menu.

3) No menu
For "Is this a main menu?", choose No
For "Show in dropdown menu", choose No

Redirection page types

If you want to create a menu link to something that isn't a page, like a specific product group page or another website, choose the Redirection page type.

Mega menus

If you choose a dropdown menu, you can make mega menus by choosing extra columns. You can have upto 4 columns, and we will only show the column if there's at least 1 page in that column.

You can also give columns names or titles that aren't clickable.

Sort orders

The sort order determines how high a page will show in a menu, dropdown menu or footer.

If the page is a part of a dropdown menu, the sort order numbers available suit the order of the dropdown it belongs to.


Menu icons

Menu icons are only supported in the cumulus responsive theme.

The icons come from fontsawesome, so you can choose any text from http://fortawesome.github.io/Font-Awesome/icons/

If you choose "heart", we will display a heart icon.

Editing w3shop pages

Brief Overview

Personalising your content

To edit a page on your w3shop, go to Workgroup > Customers > Categories & Microsites > View/Amend. Select your w3shop Category.

Browse to Microsite Pages and select the Edit link next to the page that requires amending.

On the Page Content screen select Layout & Design: Edit page content. This opens the In-Site Editor.

Editing your images

Select an image and use the Toolbar: Image Icon to open the Image Properties dialogue box.


To upload a new image select Browse Server.

This opens up the CK Finder. Select the images folder and the green Upload button to upload new images.

Editing text links

Highlight the word you would like to link to another page e.g Business Cards. Select the Toolbar: Link Icon. Paste the URL you would like to page to go to in the URL box.

w3shop editing toolbar

Overview

The w3shop editor has a range of tools available to help you easily update and edit your w3shop. Here's a brief run down of what is available.

1 - Cut

The cut tool allows you to select, then cut content to your computers clipboard.

2 - Copy

The copy tool allows you to select, then copy content to your computers clipboard.

3 - Paste

The paste tool allows you to paste any content that you have cut or copied to your computers clipboard.

4 - Paste as plain text

The paste as plain text tool allows you to paste any content as plain text that you have cut or copied to your computers clipboard. This removes all formatting.

5 - Undo

The undo tool applies an undo so that you revert backwards through your changes.

6 - Redo

The redo tool applies a redo so that you reapply your changes.

7 - Spellchecker

There is a built in spellcheck available.

8 - Add hyperlink

Link text or images using this button. Click and add the relevant link.

9 - Remove hyperlink

Remove an existing hyperlink by selecting the object and clicking this button.

10 - Anchor

Add an anchor point to your web page. For example, you may have a page loaded with content. At the bottom of the page you could add a link 'Back to top' which sends the user to the top of the page. To do this you need to first set the 'Anchor' this should be the point at which you want your user to be taken.

Click the 'anchor' button, this adds the anchor point. Then give it a name. This is what you will link to next:

Then using the add hyperlink button (8) add the link you want and point to the anchor:

Select Link type - "Link to anchor in text" this will display any anchor points you have created. Just select the one you want.

Then, when the user selects 'back to top' it will take them back to the anchor point.

11. Add Button

Within the style set of your chosen theme, there will be a particular button style. The colours of which are preset by you selection within the main w3shop control page:

To add a button on a page simply place your cursor when you want the button and click the 'add button' erm... button. You can then edit the text within the button and change the hyperlink.

 

12. Add Image

Adding an image into your page theme. Clicking here will bring up image editor tool

There are 4 panels within the Image editor.

  • Image info - This is where you set the image dimensions and alternative text. You can select images already uploaded by clicking 'browse server'.

  • Link - Add link information for your image here and set the target action for that link.

  • Upload - allows you to upload a new image. Click browse and choose the file on your computer. Then click 'Send it to the server'.

  • Advanced - add meta tags to your image

13. Add i-Frame

Lets you load a website in the middle of your page.
This is useful if you want to load some dynamic contented, as you can host a webpage externally with a gallery or a widget, and then you can use an iframe of that external page to add your gallery/widget/content into the w3shop.

14. Add Table

Lets you add a table to your w3shop

15. Add Hairline

Lets you add a line to page under your text. This hairline is a dark line that acts as a section break between content.

16. Add Special Characters

Provides a grid of special characters like accented letters or the greek alphabet. Choosing a special character adds it to your text box.

Creating w3shop Pages (Page Types)

Workgroup> Customers > Categories & Microsites > Microsite Pages

Each page is special. Some do special things; they need to be there for your w3shop to work.

When you create a new page, you choose a Page Type, we’ll install any plug-ins or widgets that you need to work with that page type.

This article outlines the page types available to add to your w3shop. It explains which are mandatory, what they contain and how they can be used.

Recommended Pages

Product Category Search Pages

http://www.printing.com/uk/christmas-cards/

This page links to a specific Product Category e.g Christmas cards and is usually placed as a submenu under Products & Prices (Page Type: Product Search).

Landing Pages (Helps Google to find relevant product pages)

http://www.orderlink.co.uk/zonered/christmas-cards

This page links to a specific Product Category e.g Christmas Cards and can also be placed as a submenu under Products & Prices.

Template Selection Pages

http://www.printing.com/uk/catalogue/designs/business-card

This page shows the customer a specific set of templates by Product or Industry and is usually placed under the Design Online (Template Search) page.

Downloads Page

http://www.printing.com/uk/help/downloads

This page contains InDesign templates for customers supplying their own files.

Product Pricing & Available Products Filter

This article explains how to adjust products and prices within your w3shop or private client microsites.

Contents

  1. Available products
  2. Price changes
  3. Product description changes
  4. Where do my price changes take effect?
  5. When will my price changes appear?

Available products

For each Category with an associated microsite, you'll see a menu option Workgroup > Customers > Categories & Microsites > Available Products. This option will not appear for printing.com studios.

By default all products are available.

 

To restrict the product selection:

  1. Remove the All Remaining Products option,
  2. Select only the Product Zones, Product Categories and Product Groups you want.

If you choose a Product Zone, you will list ALL products within that zone. If you restrict the product selection, you'll also need to re-add all the Opensource Products you've set up.

Price changes

By clicking the "edit pricing" link, a pop-up will appear and you'll be able to adjust the prices for that Product Zone, Product Category or Product Group.

From here, you can either:

a) Make changes to the fixed price or a percentage of the total product Selling Price (RRP), or

b) You can do the same based on the Transfer Price, which is how much you will be charged for the product.

Remember, any negative discounts (based on Transfer Price) mean that you'll be selling products for less than your cost price.

Price changes for Product Groups or Product Categories override those within the Product Zone. So you can increase all Flyers by, say £10, then choose one Product Group to increase by £20.

Examples of markup percentages for a specific Gross Profit Margin

Add 100% Markup => 50% Gross Profit Margin
Add 66.66% Markup => 40% Gross Profit Margin
Add 42.86% Markup => 30% Gross Profit Margin
Add 25% Markup => 20% Gross Profit Margin
Add 11.11% Markup => 10% Gross Profit Margin

Price description changes

For Product Groups only, you can also change the descriptions your customers see.

Simply click the "edit description" link.

Starting from your supplier's marketing, you'll be able to adjust the Product Group name, url-slug, description and Search Engine Optimisation settings to fit your branding.

Any changes to the text will appear on your microsite.

 

Where do my price changes take effect?

Your price changes and product restrictions apply across Flyerlink and your microsite.

In Flyerlink, any customers belonging to the microsite will only be able to create jobs for products available to them e.g if you've removed Business Cards, your client won't be able to order them.

On your microsite, only the Product Groups you've selected will show online and any price changes will appear across the entire site.

You will also only see online Templates compatible with the product range(s) you've made available.

When will my changes take place?

Price & description changes can take an hour before they are fully updated on your site.

Templates will update every day but you may have to wait for all the incompatible templates to disappear.

Please refer to Resource Article 4982 for any questions on update speed.

 

Make your own print catalogue

With the Available Products filter, you can quickly and easily adjust the price of products sold on your w3shop.

Once you've finished adjusting your prices, you can also print off a catalogue of all the products you sell and the online price when you last generated the catalogue.

Making your catalogue

To make your own catalogue, head to Workgroup > Customers > Categories & Microsites > Available Products.

Press Generate new catalogue to start making a multi-page PDF of all your product prices.

Choose whether you would like a contents page to list the product groups you'll show the price grids for, to show the page numbers or to show your microsite's header.

Once your catalogue has finished generating, you'll be able to download a PDF of your latest catalogue.

What's in the catalogue?

The catalogue is a multi-page PDF of all the product groups you sell on your microsite.

The Catalogue comes with a contents page of all the groups, but you can remove this if you just want the price grids.

Each page of the PDF will show a separate product group, complete with the product group text, images and prices of all the products in that group.

There's also an example specification of one of the products in the group.

* Please note the product group images only show on w3shops, if you're running it for a microsite you're best off removing the contents page

What if I need to tweak my catalogue?

Once you've got your hands on the PDF, your free to adjust it in InDesign or Adobe Acrobat Pro to add a front page, back page, or remove some pages you don't want to list.

w3shop product images

One of the advantages of w3shops is that they come pre-built with TemplateCloud and products from Grafenia's production HubM. The Grafenia product range already have hundreds of product images to advertise the print range.

It is possible to change the Granfenia product RRP for your shop using the available products filter. And it is also possible to change the Grafenia product images using the Product Images tool.

Changing Grafenia HubM product images

Use the Product Images tool to change Grafenia product images.
Head to Workgroup > Customers > Categories & Microsites > Product Images

Here you can download the existing product images you have on your site. Choose the product zone you want to download images for.

You'll be given a .zip of the product category images, which appear in the upload your files page type.

And the .zip will also contain all product group images you see on the product search pages.

Delete any images you don't need to update.
Then replace the images with your new ones.

You'll need to keep the file name the same, the file name has a special code that helps us know which image is being replaced. For example you'll need a BUSCARD.png or BUSCARD.jpg file to replace the business card product category image.
If you upload a file that hasn't got one of our special file names, we'll reject it as we don't know which image it's designed to replace.

Once you've adjusted the files, you can .zip up the file again and upload it.

We'll show you if there are any issues we have uploading the files, alongside an image of any files we actually replace.

1 hour delay changing product category images

Product category images show on the upload your files page, which have an hour long cache to improve the page load time.

As a result of this cache, any product category images could take upto an hour before they take affect.

Changing opensource product images

For opensource products, you don't need to use the Product Images tool to replace your product group image.

Simply upload an image for the product you create on Workgroup > My Products > Products > View/Amend

If you've more than 1 product image for a product group, you can choose the cover photo for your product group on Workgroup > My Products > Product Groups > View/Amend

w3shop product search & choice pages

w3shop provides multiple different options for displaying product choices to customers, some of these are necessary pages to ensure the integrity and stability of your w3shop. Others are optional.

Product search

All w3shops have a product search page.

By default a product search page will list product groups to customers, and provide filter options to find the best product group.

 

With the Cumulus theme only you can also choose for your product search page to show product category results.

The product category results will either link to the product picker grid w3shop page (if you've added that), or it will use the configure your printing page (if you haven't added the product picker grid page)

Product price grid
(product group)

All w3shops have a product price grid page.

This page shows a quick quote and a price grid for all products within a product group. Product groups are normally based on a paper weight and finishing type, such as 150gsm gloss leaflets, and can show a range of sizes with that size and finishing.

 

Configure your printing
(product category)

All w3shops have a configure your printing page.

This page shows results for sizes and colour combinations of products in the same category. Once a size and colour type are chosen, we show all products with a matching size and colour type based on their substrate, substrate weight and product style product tags. Each options show price difference of the selected product and the product with the different tag combination.

This helps the customer navigate to find the best price and has a much higher conversion rate than the product group page.

Product picker grid
(product category)

Brand partners only

This is an optional page for Cumulus theme and reserved branded websites only. Add the product picker group pagetype to have this on your website.

The page shows the same product results as the configure your printing page, but in a different visual way. The size, colour type and tags are displayed above a grid. Once a product is selected using those filters, the quantities and service levels are displayed in a grid to show relative prices.

The page also has links to product groups in the featured side bar or in the product summary tab.

By default the page will show best seller products to the customer, but you can change this default on your product picker price grid page.

Featured products, which list down the side of the page, are normally those with an offer on at the moment, while best sellers are our all time best sellers.

You can add your own products as featured products, or as best seller product groups.

To add a featured product, simply head to Workgroup > Products > My Products > View/Amend

Tick "Featured products"

This will promote all products in that group as being featured.

Featured product are also used for the cumulus homepage featured products slideshows.

To add a best seller, head to Workgroup > Products > My Products > Product Group > View/Amend

Tick "Best Seller"

Now all products in that product group will be included in the best seller radiobutton group.

Popular template widget

This widget displays a selection of Template Designs based on a keyword search.

Example of the Popular Template widget:

Only one keyword should be added to the Search Keyword field. This could be a specific product type e.g. Business Cards (as above), or a specific industry type e.g. Hairdressers

Keywords are added to your Flyerlink Template using Template Tags (Search Keywords). These templates tags are broken up into Industry Types, Client, Product Types, Colours, Styles, Collections, Events, Other.

 

Marqetspace widget

Marqetspace widgets are fixed, they draw down data regarding your product range. You choose which Product Groups and Product Types are made available to customers. These products could be your own in-house product range, OpenSource products (from your own suppliers) or Marqetspace products (external suppliers), or a combination of all three.

See Building Products Training Pack for more information.

 

Trustpilot widget

Trustpilot is the largest online review portal in Europe. Allowing customer to view and provide impartial feedback builds trust. If you have an account set up with Trustpilot use this widget to link your customer reviews to your w3shop.

The Trustpilot widget is available on the Zone Red theme in the Homepage & Landing Page sidebars.

 

Trustpilot excerpt from:

WEB2PRINT MD2MD

by Tony Rafferty - fomer CEO Grafenia plc

"Ever noticed on Google searches that some companies have four or five orange stars next to them?  It certainly looks impressive and can convince hesitant buyers, but why do some companies have it and others don’t?

These orange stars hail from review sites such as TrustPilot. Look closer and you’ll also notice they (usually) only appear on the paid-for advertisements - a small concession to Google’s paying customers.

TrustPilot is one of a number of sites that offer a public client feedback mechanism. It works in a similar way to TripAdvisor for hotels. Depending on the site, a score between 1-5 or 1-10 is given which Google then translates into a ‘1-5 star’ rating.

Our direct observation supports the Google view that these stars enhance your ‘click-through-rate’ (CTR) materially (see page 103).

TrustPilot charges for its service, and a minimum of 30 reviews is required before Google will index your hard-won stars.

(Purchase WEB2PRINT MD2MD)

Contact form widget

The Contact form widget determines who receives the contact forms completed online by customers and enquiries. Simply enter the appropriate email address.

Google Map widget


The map widget adds your google map location and address details. Your address and locations details are taken from Flyerlink. Make sure to complete your location details by adding in you Latitude and Longitude information here Workgroup > Admin > Workgroup Settings > Web Listing.

(Look up your postcode at Google maps, the longitude and latitude can be found in the url)

 

Template Search widget

This widget can be customised to show a specific selection of Templates or if you want all Templates to be made available leave the fields as All.

A: Show filter if you want the Refine by tool to view in your w3shop and you require your client to have the ability to refine their search (see below).

B: Choose how you want the Templates to be sorted.

Only ONE keyword should be added to the Search Keyword field. This could be a specific product type e.g. Business Cards , or a specific industry type e.g. Dentists.

Example of a Template Search widget:

 

Setup Tracking and Meta Data for your w3shop

Find out how to use the SEO options in w3shop

Social media & your w3shop

Add links to your facebook page and twitter feed to the footer of your w3shop.

Go to Workgroup > Customers > Categories & Microsites > View/Amend > Microsite Style Choose an appropriate Footer style.

Go to Workgroup > Admin > Workgroup Settings > Website Listing

Complete the Social Media Links section.

Example of w3shop footer with Social Media links:

Please note: the social media options available to w3shops in the footer are only the Facebook, Google and Twitter
The remaining social media link fields are only used on the printing.com studio pages

 

"Customer engagement is paramount. Genuine ‘likes’ on Facebook and ‘followers’ on Twitter give you a direct route to engage with your customers, and for them to engage with and comment on your company. The common belief is that this, in turn, adds to your SEO profile.

Like any marketing campaign, social media works best when the individual elements interact and have a common purpose. In practice, this means that, having updated your blog, the link should then be shared as an update on the main social media platforms. And remember, it’s about being disciplined - as most blogs fade out after a measly 3 months! So there’s a real opportunity to be better than your competition. Active, consistent, relevant use of Google+, Facebook, Twitter, LinkedIn, Instagram, etc. forms your social media footprint, and in turn adds to your domain authority and SEO visibility. Like most things in SEO, there’s no direct ‘cause and effect’ - it builds up over time.

In addition to boosting your SEO, activity on social media sites does drive some referral traffic. In the print market to date, we have found that lower value, more consumer-type orders hail from this activity.

Apart from the SEO benefits, today social media allows customers to directly interact with your brand in a very public way. An active engagement here can build a more sticky relationship with your customers."

 

7 tips for Building a Social Media Audience

Allowing TemplateCloud Designs or just your products

Outline:

This articles explains how you can quickly remove templates or products from your w3shop/microsite.

On your microsite, you can use the Available Products filter to choose exactly what products you want to show. But there's another way you can restrict the TemplateCloud Designs or Products on sale for your w3shop.

Allow TemplateCloud Designs?

All w3shops can list the TemplateCloud Design library, they just need to have "Allow TemplateCloud Designs?:" ticked on Workgroup > Customers > Categories & Microsites > View/Amend.

Then your Template Search page type will list all TemplateCloud Designs with a Matching Product.

If you only see a limited selection of TemplateCloud Designs, it's likely the Templates are the only ones that match products available in your Product Search page.

https://src.29degrees.co.uk/attachments/15457/Capture.PNG

If you untick "Allow TemplateCloud Designs?:", the only templates you'll find are those set up for TemplateCloud Match.

Only Allow My Templates and My Products?

If you want to completely remove all products made from the Production Hub, Network Partners or Marqetspace Sellers, simply tick "Only allow my templates and my products?" on Workgroup > Customers > Categories & Microsites > View/Amend.

Your Available Products filter will then only list the products you've created on Workgroup > My Products > Products.

And your w3shop or microsite will only list the products you've created as well.

 

TemplateCloud® Match

Now live!

Create your own design templates and display them publicly - just like TemplateCloud® designs.

If your w3p subscription allows you to build templates and you have a w3shop® you'll now be able to add your very own design templates and publish them exclusively on your w3shop®.

Why use TemplateCloud® Match?

If you want to add templates for specific designs, niche products or market sectors, TemplateCloud® Match now allows you to do this. Create online design templates for any product available on your w3shop® and publish for sale on your site.

Because they are only visible on your site, you won't earn royalties for these designs like you would through TemplateCloud.com.

To get started, just create a template in the usual way, then follow these instructions:

Customer Permissions

In Customer Permissions, just choose to make the template available to either Every Customer in Category or Every Customer in Workgroup:

Tagging

For 'client templates' you usually just add a single tag, to determine which folder to put the template in on a microsite. Designer templates are a little different. Tags are the 'meta data' or keywords which your w3shop® uses to know which templates to show.

This is a key element in making sure your templates show up in relevant customer searches. Choose product type, industries, events, colours and other relevant phrases:

These are related to the search functionality on your site. You need to make sure they are related to the content of your design to make it appear in relevant searches. Add tags for the industry you have designed for (eg. Plumber) as well as for content in your design (eg. tap,pipes, heating, water, bathroom etc.).

When you make the template live, your design will be matched with the rest of the TemplateCloud® designs, depending on what the client searches for:

Your designs will always appear first in search, prioritised ahead of any other TemplateCloud® designs.

Matching Products

When adding designs for TemplateCloud® Match, before publishing it is imperative that you make sure there are matching products availble on your w3shop®.

Your template designs need to match the size and colour type (for example, full colour single sided) of an existing product for it to link automatically with a product. and be availble for a customer to order.

w3photos®

If your design has editable images, you can allow clients to search and replace them with images from the w3photos® library, powered by Fotolia. There are 14 million images to choose from and clients can try as many watermarked images as they like - there's no charge until they checkout:

When we make a PDF after checkout, we replace any watermarked images with hi-res versions and charge you £1.99/€2.49 for each we find. Like magic. To allow Fotolia, simply tick the Allow Fotolia Library? box:


 

Setting a design price

You can give away designs free if you choose, or you can choose to charge a fixed design fee:



When a client buys your design, we'll make a PDF and upload it directly into the job. You'll pay your usual template click charge (watch this space for some exciting news about this). There are no set-up fees, no fees for building templates, no minimum spends and no other charges. You should consider the number of w3photos® in your design when setting a design price.

When will my designs show?

It may take up to 1 hour for your design to populate your entire site.

Who is TemplateCloud® Match available to?

TemplateCloud®Match is available for w3plus subscriptions. However, if you upgrade  your w3shop® subscription to allow template building functionality  before Monday 24th March, you'll get TemplateCloud® Match included for FREE.

Linking Products to Templates

Mapping templates with in-house/opensource Products

When you build a Template via Workgroup > Templates > Create. You're asked what Product Size & Colour Type you want.

Every Product in Flyerlink also has a Product Size & Colour Type.

For a Product to be eligible to a Template, the Product Size & Colour Type need to match.

Product Types are groups of Product Sizes to help you find an appropriate size. If you can't find the Product Size you're looking for, you may need to change the Product Type.

Custom Sizes

Flyerlink has hundreds of Product Sizes to choose from when you're building your Template. But if your Template and Product are of an irregular size, or you can't find the right Product Size; you can chose a Custom size.

When you build a Product, the Custom size option enables you to add your own height, width and bleed.


Restricting products available to your template

Once you've chosen your Product Size & Colour Type. You need to choose how many Products you want to be available to your Template.

By default, all Matching Products will be mapped to your Template.

However, you can also restrict to just a few Product Groups, Product Categories or Product Zones.

Matching Customer Permissions

When you build a Product via Workgroup > My Products > Product > Create, you need to choose Customer Permissions.

You also need to choose Customer Permissions on your Template via Workgroup > Templates > View/Amend > Customer Permissions.

 

Provided there are matching Customer Permissions, you'll be able to see your Product in the filter for which products are available for your Template.

w3shop domains & DNS Settings

Adding your domain names for w3shop

w3shops can be used for any domain name you’ve registered, so if you’d like to use your own URL for a w3shop, these are the simple steps:

1. Locate your w3shop Category Page under Workgroup > Customers > Categories & Microsites > View/Amend.

2. Scroll down to the Microsite Style section and enter the URL for you new domain name in the Main Domain box:

For example: www.perfectideasdemo.com

3. Then add http://Perfectideasdemo.com (without the www) under Aliased Domains.

4. At your Domain registrar’s site (e.g 123-Reg), set your DNS settings as A-record, pointing to 213.218.221.11 for the UK, if you're from a different hub check out the table below for the right IP address

Region IP Address
UK & Europe 213.218.221.11
US 213.218.221.32
New Zealand 213.218.221.33
Australia 82.163.20.1

5. You need to create two A-records:

  • One for www URLs (e.g. http://www.yourdomain.com) and
  • One for non-www URLs (e.g. http://yourdomain.com)

The non-www A-record configuration varies with DNS registrars, e.g. either:

  • You can put nothing in the DNS Entry box or
  • You have to put an @ symbol first.

 Working with subdomains

if you want the w3shop to be a subdomain of your main site, such as shop.myweb2printsite.com

Add the subdomain as the main domain in Flyerlink

Then at your Domain registrar’s site (e.g 123-Reg), set your DNS settings as A-record, pointing to 213.218.221.11 for the subdomain

EG

Host Type Destination
shop
(or whatever subdomain you're using)
A 213.218.221.11

 

w3shop - Promoting once live!

Once your w3shop is live what should you do?

Once you are ready to go live with your w3shop you need to make sure as many people find it. After building the site the hard work begins in letting clients and potential clients know it's there to increase the likelihood of generating new potential clients and orders through Search Engine Optimisation (SEO).

Flyerlink can help.

 

Meta Data: Found on the page editor under Search Engine Optimisation

Meta title - is the main text that describes a web page. It appears in three key places:  browsers, search engine results pages, and external websites (You’ll see it at the top of your browser).

Meta Descriptions are HTML attributes that provide concise explanations of the contents of your web page. Meta descriptions are used on search engine result pages to display preview snippets of your page.

These short paragraphs are your opportunity to advertise content to searchers and to let them know whether the given page contains the information they’re looking for.

For more information about Meta Titles and Descriptions please check in w3pedia.

 

Passive Marketing
 

Social Media – Blogs, Twitter, Google+, Facebook, LinkedIn

Social media works best when the individual elements interact and have a common purpose.  This means that, having updated your blog, the link should then be shared as an update on the main social media platforms.

Remember, it’s about being disciplined - as most blogs fade out after 3 months!

Active, consistent, relevant use of Google+, Facebook, Twitter, LinkedIn, Instagram, etc. forms your social media footprint, and in turn adds to your domain authority and SEO visibility. Like most things in SEO, there’s no direct ‘cause and effect’ - it builds up over time.

In addition to boosting your SEO, activity on social media sites does drive some referral traffic. In the print market to date, we have found that lower value, more consumer-type orders hail from this activity. Apart from the SEO benefits, social media allows customers to directly interact with your brand in a very public way. An active engagement here can build a more sticky relationship with your customers.

Other useful 'Digital' activities:

  • Videos: Google see videos as rich content, so having them is seen in a positive way. Youtube is the worlds second biggest search engine that can host your videos;
  • External Back links: These are links from external sites, the more links the better overall domain authority. Quality of external links is important, e.g. Newspaper sites or sites that carry a lot of traffic help – it doesn’t matter that the traffic doesn’t click the link, the fact that the link is there tends to help rankings;
  • Go to www.google.co.uk/mybusiness and make sure the details are up-to-date. This can help your information appear in Google Search and Google Maps;
  • There are lots of regional directory-esque websites, enlist with them to gain exposure;
  • Is the domain in your email signature? If not, why not!
  • Using Pay Per Click services can help drive traffic initially to your site, this should bee seen as a way of initially getting a head start not a long term strategy. It should be balanced with other digital activity.
 

Active promotion of your w3shop

 

  • Email your existing client base: tell them about your new webshop.  Perhaps schedule monthly follow up emails highlighting the benefits of certain product ranges;
  • Run a voucher/offer that you promote on social media, the audience get the voucher code when they like your page or share a topic/post;
  • Consider advertising an introductory competition along the lines of a free prize draw when a prospect likes your pages on social media. The prizes need to be low cost to you, but higher perceived value to the audience.  Remember  to adhere to competition guidelines when running competitions;
  • Referrals can be a great way to spread the word. Your clients know how great you are, run a referral scheme where the client gets a voucher for referring and perhaps the new contact gets £10 off their first order;
  • Include the details of your w3shop on answer mailing, answer phone message, window/signage displays etc.;
  • A new webshop is a great subject to raise at networking and in general conversation with clients.

Basket gift vouchers

Nettl.com, printing.com, Orderlink and BrandDemand microsites give you the option of allowing clients to add voucher codes in their basket that discount a set £ or % from the order.

Some vouchers are pre-configured by Grafenia to provide a set discount and also a transfer price discount - this is done for promotions like Black Friday and the former Offer of the month. However you can set up your own customisable vouchers using our gift voucher service via Workgroup > Admin > Workgroup Settings > Gift Vouchers

Setting up vouchers

Head to Workgroup > Admin > Workgroup Settings > Gift Vouchers.

Here you can see all vouchers set up for your workgroup, category or indivdual customers.

Choose create to create a new voucher.

You can set up the rules of your voucher to choose what discount should be applied, and which products, quantities, and minimum basket value is necessary.

You can choose 3 types of gift vouchers:

Gift vouchers - can be reused until the date expires

Single job use gift vouchers - can only be used once and only on 1 job or basket item

Single basket use gift vouchers - can only be used once but can apply to multiple jobs within a single basket.

Turning on gift vouchers for microsites

The printing.com website always shows basket coupons, but for microsites you may need to turn it on.

Head to Workgroup > Customers > Categories & Microsites > View/Amend.

Tick the Allow Voucher Codes in basket? box:



This will reveal a new Do you have a Gift Voucher code? box in the basket page:



We publish a list of standard vouchers which you can give out - £5 off, £10 off, 10% off and so on. Send the voucher codes out and when the client types it in their basket, we apply the discount automatically, and the voucher is recalculated if they change quantity or service level.

If the voucher applies to more than one item in the basket, it gets automatically added to all valid items. If there's a better discount available, we'll always apply the biggest discount.

This discount only applies to the selling price, not the transfer price.

Rounding for percentage discounts

If a voucher is for a selling percentage only, we deduct the % and also round up the spare pennies

Example for a 10% discount on a job worth £37.86
We actually discount £3.86 instead of £3.78 or £3.79
Making the job post-discount exactly £34

This is done to be more generous than necessary to the client about the advertised discount

To avoid the rounding up of pennies you can apply a fixed selling amount of 0.01p

Online delivery costs

 

Delivery costs

For jobs produced by Grafenia's production HubM, delivery cost is calculated by the weight of the order and number of jobs (due to extra boxes).

Opensource delivery costs are also calculated in a similar way, unless Free Delivery is chosen when the cost of delivery is absorbed into the product total cost.

The delivery options available change depending on the service levels available from our carriers, like TNT, to the customer's delivery address.

To calculate the total delivery cost, we need:

  1. The customer's delivery address (they need to sign in)
  2. And the delivery service to be chosen

As a result the default time for showing delivery costs is when someone is checking out and reviewing the delivery options before payment.

Showing an estimated delivery cost

While we need extra details to show the actual delivery cost, it's possible to give an indication to your clients of the estimated delivery cost before they go through the checkout process.

To do this, head to Workgroup > Admin > Workgroup Settings > View/Amend

Tick Show estimated delivery cost online?

We will then show an Estimated Delivery Cost next to any add to basket button on your shop.

We will also show an Estimated Delivery Cost in the basket and configure your printing page.

This estimated cost is based off your workgroup's default despatch method service level and your basket weight, so could change if the customer wants to vary their delivery service or if the default despatch service isn't available to your customer's delivery address. The estimated delivery cost will then be replaced with the actual cost in the checkout process.

Please note: estimated delivery is available on w3shop and branddemand sites only. Not available on printing.com

w3shop Header links

Header links are a special page type you can use on your w3shop to add extra links on the top of your w3shop. These header links use redirections, see Resource Article 5028 for more details.

To add a header link, create a new page on Workgroup > Customers > Categories & Microsites > View/Amend > Microsite Pages > Create.

This will then appear on your top menu.

Your Sign in, Sign out and Register links will all appear as pages, giving you the ability to change the sort order, text or link. Be careful making any changes, the automatically generated choice was selected as best practice. Only make changes to these if needed.

Who can view the links?

To make the most of the header links, you'll want to change the context they can be viewed in.

All Microsite Pages can choose to be available to different sets of users.

By default, your pages and links are available to Everyone. You can also make them only available to Signed in users or Signed out users.

If a link is only available to Signed in users (always visible), a signed out user will be taken to the registration page first.