A NEW ERA OF INTELLIGENT QUANTITATIVE ECOMMERCE - THAT WORKS FOR YOU ECOMMERCE - THAT WORKS FOR YOU
Knowledge Base
+
Admin Messages (1)
+
Common Tasks (1)
+
Insights (1)
+
Interventions (1)
+
Languages (1)
+
Questions & Answers (1)
+
Reviews (1)
+
Site Scripts (1)
+
Web Services (1)

Product Customisations

How Tos (1)

You can find this section under Products > Product Customisations in the IRP Admin left navigation menu.

Product Customisations allow you to provide base products with personalised elements. For example, t-shirts with image and text printing, sports equipment with inscribed names and so forth. The feature has been designed to allow all kinds of customisable products to be added.

Category, Brand and Model Restrictions

You can apply Category, Brand and Model restrictions to Product Customisations so that only specific Categories, Brands and Models can be personalised by customers.

Content and Printing Methods

A product customisation has different options which specify the type of content that can be added to the base product:

  • You can specify fonts that the customer will be able to select when adding text elements. The font selection drop-down lists display the fonts in their given font styles, where supported by the current browser. Fonts can be limited to upper-case, lower-case or both. Specific font sizes and colours can be used with optional surcharge values.
  • You can specify printing methods for a customisation. Printing methods can prevent text or images from being added if the method is not capable of printing them. The printing method name should describe to the customer how their product will be printed/created, for example, Text Only, Logo Only, Text & Logo. You can add printing methods with surcharges including a fixed rate setup charge and unit charges (these are additional surcharges applied – potentially per a specific number of units based on the number of units bought by a customer).

Product Views

Each customisation must contain at least one Product View, (for example, Front, Back, Side). You can add views to a customisation dynamically and there is no limit to the number of views that are allowed. However the appearance of the customisation control as seen by the customer should be considered. Each view will have a base image (blank product image) which is the image to which the customer will add their custom elements. On the front end of the site, new tabs will display for each view. In IRP Admin, a tab called Personalisation Base Images will be displayed for a customisable model on the ModelsEdit.aspx page. This will allow specific models to override the default base image. This can be used if a particular product, perhaps belonging to a distinctive looking brand, requires a base image other than the default one.

You can add Product Views with surcharges which can also be applied per the number of units ordered. Product Views also allow a minimum custom image width and height to be specified which will prevent images smaller than the given values from being uploaded.

The Product View areas have a Mutually Exclusive property which will prevent images and text from both being present in the given area at the same time. There are also limitations for areas to specifically limit the number of text and image elements an area can hold. Within an area, text and image elements can also be set as fixed. If an area allows only fixed images or fixed text then the customer will not be able to move or resize the elements once they have been added, in which case the element will be automatically centred and resized to fill as much of the area as possible without altering the element’s proportions.

Each view must contain at least one defined area. These are areas in which custom content can be added to a product. They act as limitations for the positioning and size of text and image elements that the customer may add. Areas can be defined on the ProductCustomisationEdit.aspx page by dragging the mouse across the base image. There are checkboxes that allow an area to prevent images or text to be added, but at least one of these must be allowed for a specified area.

Base Images

The base image should not exceed 440px as any size greater than this may lead to errors when rendering what the customer adds and may cause HTML elements to overlap. Product Views have a display order which determines the order of the front end tab product view in the customisation control. You can specify a maximum image height and width for a view that will prevent customers from uploading images which exceed the height and width restrictions.

Currently stock-specific base images are not supported; however products of different colours can still be made customisable if they are added as separate models. For example, a new model can be added for a green customisable t-shirt, which can override the default white base image for each view with a green one. Another model could be added for a red customisable t-shirt which could also override the default white base image with a red one. When a customer views either of these products, the correctly-coloured base images will be displayed. Note that any model-specific base images should match the dimensions and product position of the original base image, otherwise there may be inconsistencies with the text or images that are added for the given model. Note that if the customisable model is deleted, any model-specific base images will be removed from the server. If the product customisation associated with the model is deleted, all images including the model specific images will be deleted from the server.

Orders Containing Customised Products

You can review orders containing customised products as normal in IRP Admin however the stock option description will contain a Personalised link that will open a lightbox. This will display a preview of each view of the customisation with all custom elements that the customer has added overlaid on the base image. Text elements will display the font and colour hex value when the mouse hovers over them. This link will also appear on the EditOrder.aspx page.

Setup Overview

Initial set-up of this feature includes the following steps:

  1. Completion of the Customisation Terms and Conditions (Large Translation 107).
  2. Adding categories for customisable products.
  3. Adding customisations for those categories.
  4. Adding customisable products to those categories (and potentially overriding the default base images for the given product where required, for example a product of a different colour than the base image).

These steps are covered in further detail in the How To Add or Edit a Product Customisation article in this section.

Further Information

General

  • You should contact customers if element orientations seem incorrect.
  • Customisations will apply to the normal and mobile versions of your site and any applicable products in a private sale.

Front End

  • The customer will have the opportunity to Personalise This Model (Small Translation 2485):
    Personalise this product
    When they click the 'Personalise This Model' button they will be able to proceed with their customisation or they can click the View Standard Model button to see the non-customisable version. If they click this button, they will see a confirmation message: Are you sure you want to view the standard model? All personalisations will be lost. To proceed they need to click 'OK' or otherwise they can click 'Cancel'.
  • The Buy button is disabled until the customer confirms that they have read the Terms and Conditions (set in Large Translation 107).
  • There is no requirement for a customer to add any custom text or images before adding the product to their basket.
  • Any surcharges that are activated are displayed on the Model page in the customisation control.
  • If for any reason you do not want to display a preview with the customisation, you can enable the Display Preview setting on the ProductCustomisationEdit.aspx page. Each customised element will be listed per area.

    Note that, in IRP Admin, the customisation preview does not displays for mobile orders as the customer cannot see a preview when adding the customisation to begin with. The elements for all non-preview scenarios should be considered to have the default layout.
  • Once a customised product has been added to the basket, a Personalised link will be displayed on the basket (including Basket Hover), and order summary pages for the standard, mobile and private sale pages.
  • Products that have been customised and added to a customer’s basket can be edited. The Personalised link will be displayed on the basket pages and the basket hover control. This will redirect to the Models page where any existing text and image elements will be rendered along with any previously-added instructions, selected printing method and stock options. The edited customisation can then be added to the basket or wish list.
  • Once a customer has placed an order, they can review their customised product in the My Account section on OrderDetails.aspx.
  • Customised products that a customer has previously purchased can be reordered if they view their orders and click on the customised product name.

Back End

Linked products will display a link above the image/customisation control on the Models page. This links to the non-customisable Model. For example, if you are selling customisable and non-customisable versions of the same product they can be linked through this functionality. The Small Translations governing the link text are 1785 & 1786.

  • You can view further information for all customisation fields by hovering over the help icons:
  • When inserting a new product customisation in IRP Admin, the active status will be set to false initially and automatically set to true if the customisation is valid.
  • You cannot apply customisable products to Kits or Kit items.
  • Individual customisable products should be added as normal Models, except when added to a category which has a customisation associated with it. Any additional charges associated with customisable products will be reflected in the Model price.
  • You can set product customization printing methods to inactive.
  • The Linked Personalised Products tab on the ModelsEdit.aspx page allows customised products to be linked with those which cannot.
  • You must set Actual Unit values correctly for each customisable stock option. The Actual Units field on the StockEdit.aspx page should reflect the number of items within a product which could be printed. For example, a box contains 12 customisable golf balls so the ‘Actual Units’ value for this option should be 12. A separate stock option contains 24 golf balls so the ‘Actual Units’ value for this option should be 24. This figure is used in the calculation for working out printing charges.
  • The Application Setting Personalisation Image File Size Limit allows you to set a maximum file size limitation for custom images. This will prevent customers from uploading images any larger than the acceptable value.
  • You can apply quantity discounts to customisable products in the same manner as non-customisable products. The quantity discounts can be set up as normal on the StockEdit.aspx page. If the selected stock option in a customisable product has quantity discounts, a quantity textbox will display. When the mouse hovers over the quantity textbox the discount thresholds are displayed. Surcharges are recalculated when the quantity of a basket item is updated so as to reflect any change in unit dependant surcharges.
  • The Common Task Remove Old Personalisation Images removes any temporary images that have been uploaded for customisations which have not been added to a customer’s basket. It will also remove any images uploaded for customisations that were added to the basket and have existed for a specified amount of days. This task should be set up to run daily if you are selling customisable products on your site. By default the Common Task will remove all images older than 90 days. There is also a Bulk Operation that will delete images older than the specified number of days. Note that it is possible for a customer to add a customised product to their basket and return to it after 90 days by which time any images they uploaded will have been removed.

ProductCustomisations.aspx Page

The ProductCustomisations.aspx appears as follows:

Product Customisations

You can use the search bar at the top of the page to find any Product Customisation. If you expand 'Other Options' you can filter your results by Brand, Category or Active/Inactive status.

You can see the following details in the main grid:

  • ID: This is the unique IRP identifier for this Product Customisation, added automatically by the IRP.
  • Active: Active Product Customisations will be applied to Models where the Brand and Category restrictions have been met. Inactive Product Customisations will not apply at all on the front-end of the site. Note that a Product Customisation cannot be made active until Product Views and Printing Methods have been added.
  • Base Image(s): This shows the Base Image (if any have been configured) for the Product Customisation. Any extra images will be shown in a count below the image shown. You can click on the image to go through to the Product Views tab on the ProductCustomisations.aspx page.
  • Name: This name is only used in the IRP Admin so that this Product Customisation can be quickly referenced and identified on the ProductCustomisations.aspx page.
  • Max Elements: This is the sum of the maximum number of text elements and the the maximum number of image elements that can be added to this Product Customisation.
  • Text: This is the maximum number of text elements that can be added to this Product Customisation.
  • Images: This is the maximum number of image elements that can be added to this Product Customisation.
  • Printing Methods: This shows the number of Printing Methods that have been configured for the Product Customisation. You can click on the number to go through to the Printing Methods tab on the ProductCustomisations.aspx page.
  • Product Views: This shows the number of Product View areas that have been configured for the Product Customisation. You can click on the number to go through to the Product Views tab on the ProductCustomisations.aspx page.
  • Models: This shows the total number of models that are included in the Product Customisation configuration.
  • Preview: Click this button to see what the Product Customisation configuration will look like on the front end of your website.
  • Copy: Click this button to make a copy of a Product Customisation so that you can simply modify the copied version and save it as a new Product Customisation.
  • Edit: Click this button to go to the ProductCustomisationEdit.aspx page where you can make changes to a Product Customisation. For details see How To Add or Edit a Product Customisation.

See the How To Add or Edit a Product Customisation article in this section for help with creating product customisations.



How To Guides (1)

FAQs (2)

Can I use Google Fonts for Product Customisations?
Yes, provided that the font is added to the stylesheet as in the following example:
@import url('https://fonts.googleapis.com/css?family=Give You Glory');
and that the font is added to the Product Customisation with the exact font family name provided by Google (‘Give You Glory’), then it will display correctly on the front end of the site. However this will not be reflected within the IRP Admin section.


Can I add symbols or shapes to Product Customisations?
Currently this is not possible.



Copyright © 2018 IRP Commerce. Use of this website constitutes acceptance of the IRP World Terms of Use, IRP Privacy Policy and IRP Cookie Policy
IRP Commerce is a Trading Name of Export Technologies Limited, a Deloitte Fast 50 Company six times: 2010, 2011, 2012, 2013, 2014 & 2018   Deloitte.