Templates

ePrintcost – Design Online

Within a customer's ePrintcost site, you can create templates. For example, if you create a business card template for a customer, your customer's staff will be able to log into their ePrintcost site and use the template to enter or modify the details that will be printed on the card.

When you set up the template, you decide:

With ePrintcost you can set up templates that are tailored to a particular branch of a company, as well as templates that are to be used across the whole company.

On this page:


Table of Contents:


Guidelines for Background Images

With Printcost, you can upload customised backgrounds


Design Online

With Design Online, you can create templates for your customers to use. For example, you can create a business card template that has:

This means that you have complete control over what your customer can change, ensuring that all documents that are created using the template remain consistent.

Design Online Main Menu

Accessing the Main Menu

In order to access the Manage Templates and Utilities links under Design Online, you will need an administrator password for ePrintcost. If you have not got one, please contact your supervisor. Printcost staff would have provided your company with an ePrintcost Administrator login and password.

When you log in as an adminstrator, a navigation bar is displayed at the bottom of the page. To display DesignOnline, click DesignOnline.

Allow ePrintcost AccessDesignOnline

Allow ePrintcost AccessDesignOnline Main Menu

Main Menu

From the Main Menu, you can:

Returning to the Main Manu

If at any stage you want to display the Main Menu, e.g., when in the middle of creating a template, at the bottom of the page, click Design Online.

Manage Templates

Allow ePrintcost AccessManage Document Templates

If, on the DesignOnline Main Menu you click Manage Templates, the Manage Document Templates page is displayed. If you have any templates:

For example (pictured right), on clicking the template named 'Business Card', the following options are displayed:

Pages & Child Documents

In addition to the options above, all of the template's pages and any documents that have been created using the template are listed here.

Editing a Template

To edit the template, click the relevant 'Edit Page1' link.

Deleting a Page from a Template

To delete a page from the template, click the relevant (x) link.

Note: Deleting a page on a template will not affect your child documents. Likewise, any changes made to a template do not flow through to existing child documents.

Editing a Child Document

To edit a child document, click the relevant document name.

Deleting a Child Document

To delete a document, click the relevant child document's (x) link.

Preview Customer View

If you want to see what the customer sees and what the customer can do with your template, click 'Preview Customer View'.

Edit Template Page

Allow ePrintcost AccessEdit Template Page for a template that is 90 mm x 55 mm with a 3 mm bleed and 5 mm margin.

The Edit Template page is used to create and modify your templates. On clicking Update, any changes you make are displayed in the Rendered Page region.

From the Edit Template page, you can:


Tutorial: Creating a Simple Business Card Template

A Simple Business CardA Simple Business Card

The purpose of this tutorial is to help you build familiarity with ePrintcost's template making tools. It is not a procedure that you have to follow step by step and it does not cover every aspect of creating a template. For the purpose of this tutorial, we will be creating a template for a simple business card.

The template will have:

Allow ePrintcost AccessLogo

Allow ePrintcost AccessBackground Image

This tutorial assumes you have the skills to design a busines card, and to lay out type.

Before You Begin

For this template we are going to use:




Stage 1: Logging into ePrintcost

  1. Using an administrator login, password and web browser, log into the relevant ePrintcost site.
  2. On the menu at the bottom of the page, click DesignOnline.
    • Result: The Design Online Main Menu page is displayed.
  3. Design OnlineDesignOnline

  4. Click Manage Templates.
    • Result: The Manage Document Templates page is displayed.




Stage 2: Setting Up the Template

  1. On the Manage Document Templates Page, click 'Create New Document Template'.
    • Result: The Add Document Template page is displayed (pictured below).
  2. Complete all of the fields and set the dimensions.
    • Note: Ensure the customer code, quote number are correct. Enter all dimensions in millimetres.
    • The dimensions for this busines card are going to be 90 mm x 55 mm with a 3 mm bleed and 5 mm margin.
  3. Allow ePrintcost AccessAdd Document Template

  4. Click Next.
    • Result: The Edit Template Page is displayed.
    • Note: You can change the dimensions at any time by clicking the Edit Dimensions link (under Guides & Document Settings).
    • Note: The entire card including bleed is displayed. To display the bleed box, crop box (black) and margins (yellow), at the bottom of the page under Guides and Document Settings, select the Bleed Box, Crop Box and Margin Box options, then click Update Guides.

Allow ePrintcost AccessEdit Template Page for a template with the BleedBox, Crop Box and Margin Box options selected.






Stage 3: Adding a Background Image

  1. At the bottom of the page, under Guides and Document Settings, click Edit Background.
    • Result: You will be asked to select a background.
    • Note: You can upload a number of image files from your computer. For this tutorial, a background image has been prepared and saved as a PDF. Only PDF files can be uploaded for use as a background image.
  2. To the right of the window, click Choose File, browse to the location of the file and select it.
    • Result: Adjacent to the Choose File button, you will be informed that the file has been selected.
  3. Click Upload.
    • Result: You will be informed that the file was uploaded successfully.
  4. In not automatically selected, from the two droplists on the left, select the background image file that you uploaded.
    • Note: These droplists are called 'Select Background File for Client Preview' and Select Background for Print Output.
  5. Allow ePrintcost AccessUploaded Background File Selected

  6. Click Update Page.
    • Result: The Edit Template Page displays the uploaded background.

Allow ePrintcost AccessEdit Template Page for a template with the background uploaded.






Stage 4: Adding a Logo

  1. Under Image Objects, click Add New Image Object.
    • Result: The Edit Template page is expanded with controls for adding and editing an image.
  2. Allow ePrintcost AccessLogo and Logo Placement

  3. Click Choose File, locate and select the relevant file.
    • Result: The selected file will be listed next to the Choose File button.
  4. Click Save File.
    • Result: The uploaded file is displayed.
  5. Select the Content Locked checkbox
    • Note: By locking this logo, customers will not be able change it.
  6. (Optional) Set the height and width of the logo
    • Note: To maintain the proportions of the logo, ensure Constrain Proportions is selected.
  7. Specify the logo's alignment point and position this point on the template.
    • Note: The logo alignment point is the point of the logo that is used to position the logo on the template
    • Note: In this case, the alignment point has been set to the top-left corner of the logo. The alignment point has been horizontally positioned 8 mm and vertically 55 mm from the template's origin.
    • Note: The template's origin is the bottom-left corner of the template.
  8. Select the relevant image type options.
    • Note: These are the file types that you can allow your customer to upload.
  9. Click Insert.
    • Result: The logo is displayed on the rendered page.
    • Note: When editing, this button is called Update.


Allow ePrintcost AccessLogo Alignment Point and the Template's Origin















Stage 5: Adding Text that the Customer Cannot Edit

We will be adding a text field and text that customers cannot edit, move or delete.

Note: If, for example, all your text boxes disappear, it will be because a text box wasn't set up properly, or a field was left empty. To fix this, review the previous set of changes and ensure all relevant field values are correct and complete.

The Completed Business CardThe Address Field

  1. Under Text Objects, click 'Add new text object'.
    • Result: The Edit Template page is expanded with controls for adding and editing a text object.
  2. Under 'Add Edit Text Objects', complete the Field Name field.
    • Note: This field is mandatory. Ensure the field name is unique so that it cannot be confused with other fields.
    • Note: I'm using this field for an address, so I have called it the Address field.
  3. Under 'Add Edit Text Objects', in the Default Content field, type what you want to see printed on the card.
    • Note: The text I entered here was the address: 1 Reindeer Lane, North Pole.
  4. Select the relevant font, make any changes that you require and position the text where you want it to go.
    • Note: ePrintcost comes with a range of options adjusting layout of the text, for example, you can specify the kerning, alignment and positioning of the text.
  5. Specify the colour space that you want to use, and complete the relevant colour fields.
    • CMYK: To apply a CMYK colour, first select CMYK from the Colour Space dropbox, and complete the Cyan, Magenta, Yellow & Black fields.
    • Spot Colour:To apply a spot colour, first select the relevant spot colour from the Colour Space menu, then in the Spot Colour field, specify the percentage of colour (screening) you require. If you want 100% spot colour, in the Spot Colour field, type 100. If you want, for example, a 50% tint or screen, in the Spot Colour field, type 50.
  6. ePrintcost Typography ControlsePrintcost Typography Controls

  7. Ensure that the Content Locked checkbox is selected.
    • Note: This ensures that the customer cannot make any changes to this text.
  8. When you have finished setting up the text, click Insert.
    • Result: The text is displayed on the rendered page.
    • Note: If it's not quite right, you can carry on making changes. Click Update to display the changes you make.




Stage 6: Adding Text that the Customer Can Change

  1. Under Text Objects, click 'Add new text object'.
    • Result: The Edit Template page is expanded with controls for adding and editing a text object.
  2. Under 'Add Edit Text Objects', complete the Field Name field.
    • Note: This field is mandatory. Ensure the field name is unique so that it cannot be confused with other fields.
    • Note: I'm using this field for a person's name, so I have called it the Cardholder field.
  3. Under 'Add Edit Text Objects', in the Default Content field, type what you want to see printed on the card.
    • Note: The text I entered here was the name: Santa Claus.
  4. Select the relevant font, make any changes that you require and position the text where you want it to go.
    • Note: ePrintcost comes with a range of options adjusting layout of the text, for example, you can specify the kerning, alignment and positioning of the text.
  5. The Completed Business CardThe Completed Business Card

  6. Specify the colour space that you want to use, and complete the relevant colour fields.
    • CMYK: To apply a CMYK colour, first select CMYK from the Colour Space dropbox, and complete the Cyan, Magenta, Yellow & Black fields.
    • Spot Colour:To apply a spot colour, first select the relevant spot colour from the Colour Space menu, then in the Spot Colour field, specify the percentage of colour (screening) you require. If you want 100% spot colour, in the Spot Colour field, type 100. If you want, for example, a 50% tint or screen, in the Spot Colour field, type 50.
  7. To calculate the screening, use the following formula: Screening = A% x 255
    • where A% = the required tint/screen expressed as a percentage
    • for example, where A = 50, 50% x 255 = 127.5
      Rounded to the nearest whole number = 128.
  8. Ensure that the Content Locked checkbox is not selected.
    • Note: This ensures that the customer can make any changes to this text.
  9. When you have finished setting up the text, click Insert.
    • Result: The text is displayed on the rendered page.
    • Note: If it's not quite right, you can carry on making changes. Click Update to display the changes you make.





Uploading a Font

When creating a template, you can apply fonts that have been uploaded to the customer's ePrintcost site. Sometimes you may need a font that has not been uploaded. With ePrintcost, you can uploaded the required fonts to the customer's ePrintcost site, for example, a font that is integral or unique to the customer's branding.

Before you begin

Before uploading a font, ensure that:

To upload a font:

  1. On the main menu, click Manage Fonts.
    • Result: Two links, one for uploading Postscript Type 1 fonts, and the other for uploading Opentype and Truetype fonts are displayed. If there are any fonts already uploaded to the ePtrintcost site, these fonts will also be listed.
  2. Depending on the type of font you want to upload, click the relevant link.
    • Result: The "Upload a… font" window is displayed.
    • Note: The Postscript Type 1 font must be MS Windows compatible and have one of the following file extensions: *.pfb or *.pfm. Mac Postscript Type 1 fonts cannot be uploaded. You will need to convert the Mac Postscript font to a Windows *.pfb or *.pfm file if you want to upload it.
    • Note: The acceptable file extension for Truetype fonts is *.ttf, and for Opentype fonts, the extension is *.otf. Truetype and Open type fonts can be uploaded from a Mac or PC.
  3. In the Font Name field, type the name of the font.
  4. Click Choose File, then locate and select the relevant font file.
  5. (If required) Complete the Font Allowance field.
    • In most instances, leave the Font Allowance field as is. You only need to specify a font allowance when characters end up outside the basic font dimensions. Font allowance is only one way of fixing layout problems.
  6. Click Upload File.
    • Result: The font file is uploaded into ePrintcost and a preview of the font is displayed.

What Next?

To display the list of fonts, including any that you have uploaded, click DesignOnline, then click Manage Fonts.

If you need to change the name of the font, click the relevant font, change the font's name, then click Update Font Parameters. You can also delete the font from this page by clicking 'Delete this Font'.


Editing a Template Page's Properties & Dimensions

Once you have set up a template, you can change the properties and dimensions of the template any time. While it is unlikely that you will do this for an existing template, you may want to, for example, change the dimension of a new template that was copied from an older template.

Changes that are made to a template do not flow through to any of the child documents.

You can:

Before you begin

Before editing a template's properties or dimensions, ensure that:

To edit a template's properties or dimensions:

  1. On the Manage Document Templates page, click the relevant template's red name.
    • Result: The template's pages and child documents (if any) are listed.
  2. Click the relevant template page.
    • Result: The Edit Template Page is displayed.
  3. Under Guides and Document Settings, click Edit Dimensions.
    • Result: All of the page's properties are displayed:
  4. Overtype the relevent properties or dimensions and/or select the relevant options.
  5. Click Update Template
    • Result: The relevant changes are saved.

The Colourspace DropboxThe Colour Space Dropbox

Adding a Spot Colour to the Colour Space Dropbox

With ePrintcost, you can add spot colours and easily apply them to text objects when creating or editing the text objects. The spot colours, once added, will be available from the Colour Space dropbox (right).

Note: The spot colours that you add to a template are only available for selection within that particular template. They won't be available to any other template unless the template is copied, in which case, the copy will inherit the original template's spot colours.

Background Images & Image Objects

When adding a spot colour to ePrintcost, the name of the spot colour must match the name of the corresponding colour that is embedded in any background image or image objects that you are using. This will ensure that elements of the same colour end up on the same separation.

Important: It is the spot colour that you specify by name that will be used for printing, not the process colour equivalent (CMYK values). The CMYK values that you enter (below) are used solely by ePrintcost for displaying (soft-proofing) your templates and child documents onscreen. For printing, please ensure that the spot colour's name is correct, and for soft-proofing within ePrintcost, please ensure that you have entered the corresponding process colour (CMYK) values.

Before you begin

Before adding a spot colour, ensure that, for the relevant template, the Edit Template page is displayed.

Adding a ColourAdding a Colour

To add a spot colour:

  1. On the Edit Template Page, under Guides and Document Settings, click Manage Spot Colours.
    • Result: Any existing spot colours are listed, along with fields for adding a new spot colour.
  2. In the Name field, type the name of the spot colour.
    • Note: If you have a background image or image object with the corresponding colour embedded, ensure the spot colour name that you enter here matches the name of the colour that is embedded in the image.
  3. In the CMYK fields, enter the corresponding process colour's values.
    • The CMYK values that you enter here will only be used to display the text onscreen within ePrintcost. They will not be used for printing.
  4. Click 'Add New Spot Colour'.
    • Result: The new colour is listed at the top of the page and will be available from the Colour Space dropbox.

Deleting Spot Colours

To delete a spot colour, click the relevant colour's (x).

Deleting a ColourDeleting a Colour


Generating Template Thumbnails

From time to time, changes that you made to, e.g., a template's thumbnail resolution may not update automatically. If the changes in your template are not reflected in your thumbnails, you can generate new thumbnails.

Before you begin

Before generating template thumbnails, ensure that:

To generate template thumbnails:

  1. On the DesignOnline Main Menu page, click 'Regenerate Template Thumbnails'
    • Result: The Generate Thumbnails page is displayed.
  2. (Optional) Select 'Reset thumbnail resolution for all templates first'.
    • Note: This will set all thumbnails to the same size.
  3. Click 'Generate New Thumbnails Now'.
    • Result: The thumbnails are generated.

Refeshing Document Names

From time to time, the document names of child documents may need updating. When adding a text object, you can nominate the text object as the naming field for the document. This means that content of a child document's naming field will be part of the document name. Refreshing the document names will marry the template name up with the naming field of each child document.

Before you begin

Before refreshing document names, ensure that:

To refresh document names:

  1. On the DesignOnline Main Menu page, click 'Refresh Document Names'
    • Result: The Refresh Document Names page is displayed.
  2. Click 'Refresh Document Names Now'
    • Result: The list of document names is updated and you can view these wherever child documents are listed.





Troubleshooting

Error messages may automatically be displayed on clicking Update. Some errors cause the text and image objects to disappear while other errors cause the whole template to disappear.


Problem Possible Scenario Solution
All my text boxes and images have disappeared. A text object may have too much text in it, or the text object is too small, or the text object's boundary has expanded beyond the template's margins. Revisit the previous text object that you added or edited and check the amount of text in it. As a quick check to see if this is the offending text object, cut most of the text out of the field, leaving one word, then click Update. If the text and image objects return, then you have found the troublesome text object. If it made no difference, paste the text back into the field where it came from, select another text object and try again. Once you have found the troublesome text object, Check and adjust the following settings until everything reappears:
  • Wrap at Length value.
  • This is essentially the width of the text object. You may have specified a width that is too short to display all the text in it.
  • Multiline Field.
  • If you were expecting the text object to contain more than one line, ensure this option is selected.
  • Fontsize, Tracking and/or Linespacing
  • The fontsize, tracking or linespacing may be forcing part or all of the text object outside the template's margins.
  • Alignment and Position
  • If you added more text, it might affect the dimensions of the checkbox, causing the textbox to grow out of the document's margins. You may have to move (specify a new position) fom the text object.
On clicking update, the template disappeared altogether and the following message was displayed. "An error has occurred: The administrator has been notified. Please go back and try again.. A field may have been left empty when Update was clicked, for example, a Position value was deleted. To redisplay the template, click DesignOnline,click Manage Templates, click the relevant template's name, click the relevant page (link), then select the relevant text or image object. Note: The field that was empty will have a value in it now, probably 0.00.