TouchTakeaway Quick Start Guide

From ICRTouch Wiki
Jump to: navigation, search
Main Page > TouchTakeaway > Quick Start Guide


Introduction

This guide is available in pdf format on our forum downloads section at TouchTakeaway Quick Start Guide

Getting Started

Once the service has been ordered and provisioned, ICRTouch will provide you with login details for several configuration utilities. A similar application to TouchOfficeWeb for product configuration, and tillconfig.net for configuring details about the service including the look and feel of the website and other service options.

A URL will be provided for the website, which can either be used directly or an A record for the customer’s own website can be pointed to this URL. For the latter option, you will need to contact the customer’s hosting provider to action this, or they may provide self service tools that allow you to configure the A record redirection. The URL is typically something.touchtakeaway.net.

Additional options appear in TouchOfficeWeb www.touchoffice.net when the takeaway service is deployed that allow you to control which products appear on the website and how they can be used. There are also service changes that can be made from tillconfig.net

Tillconfig.net

To start login to tillconfig.net with the login details provided. Then choose the takeaway service.

1-tta-quick.png

Site Branding

2-tta-quick.png

To create and configure the branding of the site, select the Site Branding option. Sometimes the branding will already have been completed if the design service was ordered.

3-tta-quick.png

To begin, upload all the images that you will use to the gallery. This is in the Images tab. You will need to upload an image for every image that you want to specifically show on the website that is not part of the PLU (which is uploaded separately in TOW) at the least you will need a header banner.

On the Basic tab, assign the banner image to the “header section” and choose the other basic style options that you would like to show.

The Page Layout menu allows you to choose the default 1 column layout, or choose 2 or 3 columns, which adjust the number of products displayed horizontally across the website screen. You can also choose whether the products list horizontally or vertically in the Menu section.

There is an option to show or hide the product pictures. Sometimes a menu looks cleaner without a picture next to each item, or you may not have pictures to display.

Under the Font section, you can also modify the font used for the Titles, Menus and Content (eg descriptions. Also, set the colour scheme for the site, eg blue or green.

3-tta-quick.png

If you want to create a more exciting website, you can edit the CSS directly using the Advanced tab. Some understanding of CSS and HTML is required to edit the website in the advanced section.

If you use product images and your own CSS or a custom style has been made for you, then the following line must be added in the Advanced section.

@import url(/assets/default/css/layout-images.css);

Till Configuration

The till also needs configuring so that the information from the web service is processed by the till.

PGM3->System Programming->System Flags->Webshop

Clerk Number

A clerk needs to be set to process the web sales. This is so that the webshop sales can be identified by a clerk other than an existing member of staff. The clerk already needs to be con gured in order to select it from the menu, consider creating a clerk such as Web Sales to clearly identify where the sales in any clerk reports.

Terminal Name

Enter a terminal name so the webshop sales are logged against a terminal other than the till that is processing the sales, this allows clear identification in till reports as to where the sales were sold. Consider naming the terminal as the name of the website or takeaway or even the site, or even just Web Shop.

You can either get the paid sales from the webshop (non cash orders) to go straight in the drawer or onto a check (autonewcheck) to be finalised manually by a member of staff. If the sale goes straight in to the drawer, a choice of which drawer totaliser to add the sale amount to becomes available.

Cash On Delivery

You can either get the Cash on Delivery (COD) sales to go straight in to the drawer or onto a check (autonewcheck) to be finalised when the person collects/gets the delivery.

Print Receipt

Set print receipt to yes to print a sales receipt.

5-tta-quick.png

Delivery Areas and Opening Times

Next, setup the opening times and delivery area for the online ordering service. Both of these settings are found in the Delivery Areas section of tillconfig.net ie tillconfig.net->Takeaway Service->Delivery Areas

6-tta-quick.png

To add a delivery area, click on the Delivery Area button. From here you can add the delivery surcharge, and minimum spend for the delivery area and also create an area on the map for the delivery area.

7-tta-quick.png

Payment Settings

Next set up the payment options, by choosing the Payment Options link from the main takeaway service menu.

Cash or Pay Instore

8-tta-quick.png

There are options for configuring manual payments, ie cash on delivery or pay (via cash/card etc) on collection. In the Manual section, enter a description for how you want the choice to be displayed on the website, e.g. Cash on Delivery / Collection.

Setting Up Paypal Express

To configure the Paypal Express settings to allow payments through the Paypal service online. Note that the Takeaway will need a business Paypal account, and transactions via the Paypal Express application are subject to Paypal’s T’s&C’s.

The Paypal Express checkout option will allow a user to pay directly with their credit card and does not need a Paypal account of their own, but they can use Paypal if the want to.

9-tta-quick.png

From the customer’s Paypal account, they weill need to request an api key for a 3rd party application. That will then provide a username and password and an api key (signature) to input into the Paypal Express settings. Note that the username and password will be different to the customer’s normal Paypal login details.

Requesting API Key from Paypal

10-tta-quick.png
  1. Log in to your PayPal Premier or Business account.
  2. Click the Profile subtab located in the top navigation area.
  3. Click the API Access link under the Account Information header.
  4. Click the Get Started link under the Request API Credentials heading.
  5. Click the My selling preferences sub option in left sidebar.
  6. Click the Update option for API access item
  7. Complete the API Credential Request form by clicking the agreement checkbox and clicking Submit.
  8. You will now get the API username, password and signature.

11-tta-quick.png

Product Configuration

Products are configured at www.touchoffice.net

Use the login details provided when the service was ordered.

Products can only be configured at site level, so you will need to choose the site from the drop down at the top of the screen after you login.

12-tta-quick.png

Set Products to Show on Website

To get products to show on the website you need to use the options found within the edit products screens. Choose the Products menu, and then click into the product that you are interested in.

13-tta-quick.png

Additional webshop options are now available.

14-tta-quick.png

First create new Web Category Links. These are the headings that each product will appear under on the website.

Click the Edit button at the bottom. Then add all the new categories that you need, in the order to be shown onscreen.

15-tta-quick.png

Next choose the category that the product needs to be listed under, using the drop down list.

Click on the Show on webshop check box to make the product appear on the website. At this point you can press save, or continue to configure further options.

If you are using product images next to products on the webshop, upload your image using the Upload an image button. If you have a custom designed site, then you must add a line of code to the advanced tab in tillconfig.net as described earlier in this guide.

16-tta-quick.png

Add a short description to be shown below the product name. Describe the item in more detail and can include context tags to provide allergen information icons.

  • [celery] Celery
  • [crustaceans] Crustaceans
  • [egg] Eggs
  • [fish] Fish
  • [gluten] Cereals containing Gluten
  • [lactose] Lactose
  • [lupin] Lupin
  • [molluscs] Molluscs
  • [mustard] Mustard
  • [nuts] Nuts
  • [peanuts] Peanuts
  • [sesame] Sesame Seeds
  • [soya] Soya
  • [sulphur] Sulphur Dioxide (sulphites)
  • [vegetarian] Vegetarian
  • [chilli] Chilli
  • [free] Allergy Free

On the website, hover over an icon for a context box displaying the allergen name.

Or click on the icon to reveal a full description of the icon.

Icons can be used multiple times within a description to provide a scale. For example multiple chilli icons can be used to indicate how hot a product is.

17-tta-quick.png

List Links

Each product can have up to 6 PLU List Links associated with it, that allows additional options to be chosen.

The Web Link List options allow selection of pre-configured PLU list links. Each list can have an its own configuration of minimum and maximum allowed selections.

The item chosen will add the 1st @ Qty price at the 1st price level for the product chosen unless the use 3rd @ price? check box is used, in which case the price of the selected item will be overriden by the 3rd @ price, which could feasibly be zero price.

18-tta-quick.png

Once all the options have been chosen, save the product to keep the changes made.

19-tta-quick.png