Products
Creating Products

Promotional Products

36min

What are the Promotional Products?

Promotional products uploaded on OnPrintShop have many design benefits as compared to traditional products, such as -

  • Restrict the personalization area with respect to the product area.
  • Provides real-time preview (Wrap-around Preview).
  • With simplified designer settings, get a smooth and more comprehensible design process.

How to Create a Promotional Product?

To make a product Promotional Product, go to Admin > Products > Products > For Any Product > ‘Action’ Dropdown > ‘Setting’ Option.

In the General tab, enable the ‘Promotional Product’ option from the General tab.

Document image


Note: Enable this option only in case your product is promotional and compulsorily configure below options, otherwise an error will occur in the designer studio.

How to Setup Design Area & Configure the Product?

Design Area is the section where your customer can make their design.

A product like MUG

(Products with Wraparound preview – like mug and bottle, same size top to bottom)

To set the design area, go to the Admin > Products > Products > Mug Product > ‘Action’ Dropdown > ‘Designer Option’ Option

Look at the picture shown below.

  • Enter your desired width and height of the Design Area as shown in the example below.
  • Let the Size option for MUG be standard.

Note: Design area of your MUG product can be different. The data shown in the image is just an example.

Document image

Document image

  • Product Pages: For the MUG product, there is only one side available – Front as shown in the example.
Document image


Configuration of Mug Product

Go to,

Admin > Products > Products > Mug Product > ‘Action’ Dropdown > ‘Promotional’ Option > ‘Configuration’ Button (Top-Right Corner)

Document image

  • Set the ‘Preview Type’ as Curved for MUG. This will show the design in wrap around in the Designer Studio as shown in the example below.
Document image


Different Options to configure for MUG Product-

Note: Once you change or update the settings, the data of any configuration setup done before, will be lost. Look for the warning shown in Pop-up.

  • Top: Size
  • Left: Size
  • Parameter: Size (Connect with the Technical team for Parameter)
  • Default Images: Size & Page
  • Preview Images: Size
  • Colors: Size
  • Additional Background Images: No
  • Bind With Additional Option: No

All the settings shown are specifically for products like MUG. These options may vary according to your different needs.

After you select the above options set the parameters from the dashboard.

  • Top - This is the location where the canvas should start from the top of the background. This takes values in Pixels.
  • Left - This is the location where the canvas should start from the left of the background. This takes values in Pixels.
Document image

  • Default Images – These are the background images for the canvas. Upload appropriate background image such that the user gets the actual look and feel of the product in the designer studio. ( Shown in picture – default image of Mug Product)
Document image


Note – The image uploaded should be with transparency. This makes it easy for colors and design to be superimposed and give a perfect preview of the design.

  • Preview Images - These images are used to superimpose the design such that your customer previews their design. It is advisable to upload multiple preview images such that the customer gets an idea of the design. ( Shown in the picture – preview images of Mug Product)
Document image


A product like T-SHIRT

(This configuration also works for products like Cap or Hat)

To set the design area, go to –

Admin > Products > Products > T-Shirt Product > ‘Action’ Dropdown > ‘Designer Option’ Option

Look at the picture shown below.

  • Enter your desired width and height of the Design Area as shown in the example below.
  • Let the Size option for T-Shirt be S/M/L etc.

Note: Design area of your t-shirt product can be different. The data shown in the image is just an example.

Document image

Document image

  • Product Pages: For the T-Shirt product, there are only two sides available – Front and Back as shown in the example.
Document image


Configuration of T-Shirt Product

Go to the Admin > Products > Products > T-Shirt Product > ‘Action’ Dropdown > ‘Promotional’ Option > ‘Configuration’ Button (Top-Right Corner)

Document image

  • Set the ‘Preview Type’ as Normal for a T-Shirt.
Document image


Different Options to configure for T-Shirt Product-

Note: Once you change or update the settings, the data of any configuration setup done before, will be lost. Look for the warning shown in Pop-up

  • Top: Size & Page
  • Left: Size & Page
  • Parameter: Size & Page (Connect with the Technical team for Parameter)
  • Default Images: Size & Page
  • Preview Images: Size
  • Colors: Size
  • Additional Background Images: No/Yes (Depending on requirements)
  • Bind With Additional Option: No/Yes (Depending on requirements)

Note: All the settings shown are specifically for products like T-Shirt. These options may vary according to your different needs.

After you select the above options set the parameters from the dashboard.

  • Top - This is the location where the canvas should start from the top of the background. This takes values in Pixels.
  • Left - This is the location where the canvas should start from the left of the background. This takes values in Pixels.

Note: The top and left defined will be the same for all sizes of the t-shirt.

Document image

Document image

  • Default Images – These are the background images for the canvas. Upload appropriate background image such that the user gets the actual look and feel of the product in the designer studio. ( Shown in picture – default image of T-Shirt Product)
Document image


Note – The image uploaded should be with transparency. This makes it easy for colors and design to be superimposed and give a perfect preview of the design.

  • Colors – Define various color variant offered for T-Shirt product in HEX format.
Document image


Note – These colors will be superimposed on the Default images uploaded.

Document image

  • Additional Background Images – Upload Additional background images to offer your customer to view their promotional product with a design or pattern instead of plain design. Upload images according to size and page of the product.
Document image


Note: It is recommended to either have a different color option for a t-shirt or have an additional background. Using both will not be helpful in the design process.

  • Bind With Additional Option – This option lets you map an additional option with the T-Shirt product color or background images.
  • No – This will not map any additional option with color or additional background images.
  • Yes – Map the additional option either with a radio button or dropdown or with color & additional background images as shown below.
Document image


Promotional Product Dashboard

  • Preview Type – this defines the type of preview the design will appear. See below options with an example-
    • Normal – This gives the 2-dimensional view of the product. Ex-The t-shirt product.
    • Curved – this gives the 3-Dimensional view of the product. Ex-The MUG product.
  • Size & Page Tab – This displays all the configuration options for both Size and Pages you selected from the ‘Configuration’ button.
  • Size - This displays all the configuration options you selected for Size from the ‘Configuration’ button.
  • Additional Background Images – Upload additional background images for your Product.

Select the Product Size, give a name and upload Preview Thumb image, Pages images, and Preview images.

Pricing Method

Promotional products uploaded on OnPrintShop have many design benefits as compared to traditional products, such as a personalized area with respect to the product area, real-time wrap around the preview of the design and smother comprehensible design process.

Also, Promotional Product has a different pricing method and steps. Follow the guide below to set up a Promotional Product with Multiple Quantity Input such as a T-Shirt Product.

Step – 1 Set the Price Defining Method

  • Go to the Admin >> Products >> T-Shirt Product >> ‘Edit’ Tab
  • Under Product Details select the Price Defining Method as –
Document image


Step – 2 Edit Designer Option

  • This is the section where you can define the
  • Examples of such options can be – Round Neck, Collar Neck, Full Sleeve T-Shirt, Half Sleeve T-shirt, etc.
Document image

  • If you do not have any of the options for your product then simply define an option named
Document image

  • Also, set up the Product Pages i.e. Front and Back as per your product offerings.

Step – 3 Set Base Price of Designer Options

  • As there will be multiple quantity input for the t-shirt product, set the
  • Define a brand range for the designer options and set the price as zero.
Document image


Step – 4 Set Product Settings

  • In a general scenario, a customer can order t-shirts in different sizes, for example, they can order 100 Small size t-shirts, 70 Medium size t-shirts, 120 Extra Large t-shirts and more.
  • Thus to allow the customer to input multiple quantities, go to Admin >> Products >> T-Shirt Product >> ‘Settings’ Tab
  • Under General Settings, set the ‘Multiple Quantity Input’ as – Yes
Document image


Step – 5 Create Additional Options

  • Now, create Additional Options of all the Sizes that you are offering for this product. For example, if you offer 4 different sizes such as – Small, Medium, Large and X-Large, then create Additional Options for the same.
  • For each Additional Option choose the Input Type as - Textbox - Price with Multiplication.
Document image

  • Setup the attributes of the Additional Options.
Document image

  • Here, you can define the highest range of product quantity that a customer can order.
  • Repeat the above steps for all Size Additional Options.
Document image


Step – 6 Set Attribute Price

  • Now, define the Attribute Prices of each additional option.
  • Action Menu of each Attribute >> Attribute Price option
Document image

  • Here price of each attribute is been added in the Price Column.
  • This means that for a quantity falling in the range of 1-100 will have its unit price at $10.
  • Similarly, for a quantity falling in the range of 101-200 will have its unit price at $9, and so on.
Document image


Front End View – 

Here, you can see that the t-shirt product has 4 different quantity of input. The system finds the prices falling in every range and gives a combined price in the Total.

Document image