Support for

Creating w3shop Pages (Page Types)

Fab
by Fab 3 years ago
 
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.

Choosing a w3shop Theme Choosing a w3shop Theme

Pages that display Products

w3shop Homepage w3shop Homepage

w3shop product search & choice pages w3shop product search & choice pages

Page Type: Product Search (Product & Prices) Page Type: Product Search (Product & Prices)

Product Category Search (Shows Products by Category) Product Category Search (Shows Products by Category)

Page Type: Landing Page (shows Product Categories) Page Type: Landing Page (shows Product Categories)

Page Type: Product Price Grid (Shows Product Groups) Page Type: Product Price Grid (Shows Product Groups)

Pages that display Templates

w3shop Templates: Search page w3shop Templates: Search page

w3shop Template Selection page w3shop Template Selection page

w3shop Templates: Details page w3shop Templates: Details page

w3shop Templates: Editor page w3shop Templates: Editor page

Pages with predefined layouts

w3shop Design Services page w3shop Design Services page

w3shop Services page w3shop Services page

w3shop About Us page w3shop About Us page

w3shop Work With Us page w3shop Work With Us page

w3shop Columns page w3shop Columns page

Advanced Pages

w3shop Header links w3shop Header links

w3shop Redirection page w3shop Redirection page

w3shop :: Email optin page w3shop :: Email optin page

Artwork/Services Pages

w3shop Downloads page w3shop Downloads page

w3shop Upload your files page w3shop Upload your files page

w3shop Artwork options page w3shop Artwork options page

Legal Pages

w3shop Email Policy page w3shop Email Policy page

w3shop Privacy Policy page w3shop Privacy Policy page

w3shop Refund Policy page w3shop Refund Policy page

w3shop Terms & Conditions page w3shop Terms & Conditions page

w3shop Terms of use page w3shop Terms of use page

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.

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 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

 

 

 

 

 

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.

Page Type: Product Search (Product & Prices)

This mandatory page type (Product Search) offers a filtering and search mechanism to help users to find Products by Product Category or Group.

Search for Product Categories tick box

Displays products by Product Category such as Leaflets, Flyers and Business cards. If unticked we will display Product Groups such as 150gsm Gloss Leaflets.

Single page with filter tick box

Displays products as a single page with a filter on the right hand side.

Renaming this page

You may wish to rename this page as Products & Prices, Instant Prices or Products.

 

Product Category Search (Shows Products by Category)

Overview

The Product Category Search 'page type' is used to provide a quick link to a specific Product Category page such as Leaflets.

Example: Leaflet Product Category Page

This page can usually be found within a dropdown menu under Product & Prices (aka Product Search) in the main w3shop menu and links to a Product Group page.

Example: Leaflet Product Group Page

 

Creating Product Category Pages

To create a landing page select the Page Type: Product Category Search. Then select the Product Category you wish this page to display.

You can then edit the page title in Flyerlink, add some marketing text or slideshows specifically related to that Product Category.

Page Type: Landing Page (shows Product Categories)

Overview

Product landing pages contains Google-friendly text about a product category, which contains many Product Groups e.g a Business card landing page will show all business card product groups.

Choose the Product Category you require from the dropdown menu when creating this page to automatically pull in your product images.

Ideally this page is the page you want your customers to land on when searching for 'Business Card Printing' in Google.

Lishio theme example: