|
|
Using the Product Builder Tool
The product builder tool gives Administrators the ability to construct compliant print marketing materials for their clients using text and image fields. Based on the customized field options placed on the product, a user would be able to customize a product by choosing images options, pre-written text options, and add customized text. We suggest using Internet Explorer 7.0 or later, or Firefox for 100% functionality of the Product Builder.
1 Click the Marketing Generator tab.
2 Click the Products sub tab.
3 Click Products next to the product group title.
4 Click Contexts next to the Product Name.
5 click Product Builder
The Product Builder Window will open.
1 Choose building a Product's Front or Back.
2 Click "Add a new field to this side".
3 Enter a Unique Field Name. Used to identify to Administrators within the application.
4 Enter a Sort Order. Sort order determines order in which User's view field when customizing product.
5 Click Add this field.
The new field will be shown in the list. Click on the Field Name to edit.
Product Builder Definitions
-
Default Text:
The text that will automatically appear on products prior to user customization.
Display Text:
Instructional field text.
Field Box:
Left side of product builder window; contains tools to build product.
Field Height & Width
Dimensions, in inches, of the field area.
Field Sort Order:
The order in which content displays on products.
Field Type:
Variety of text or image choices.
Fonts:
A set of characters coordinated in a specific typeface.
Font Color:
HEX Color code that will determine a true color.
Font Style:
Style in whch the font will display: Regular, Bold, Italic, Underline, or Strikeout.
Font Size:
Size in pixels of the font.
High-Res Preview:
Live preview of product.
Image:
Static background image uploaded by the Admin, that a user cannot change.
Option
One line of text that a user selects from a predefined list created by the Admin.
Page Selector
Dropdown menu that determines product orientation (i.e. front or back).
Product Builder:
Marketing Generator tool where products are designed by means of various text and image preferences.
Text:
One line of text created by the Admin that a user may not change.
Text Alignment:
Alignment of text within a Field: Left, Right & Center. When using Right and Center, Field Height and Width dimensions must be used.
Unique Field Name:
Name of field that is specific to the text or image content.
User Image:
Custom photo placeholder. Allows a user to add a photo from their Content Library.
User Image Selector:
Dropdown list of predefined images uploaded by the Admin that a user may choose from when customizing a product.
User Text:
One line of text that a user may change when customizing their product.
User Text Area:
Multi-line text box customized by a user.
X & Y Coordinates:
Horizontal and vertical placement of a field on a product; relative to product dimensions starting from the top left-hand corner of the product.
-
User Text:
Allows a User to customize one line of text when customizing their product.
Example: Phone Number.
1 Under Type, choose User Text.
2 Define X and Y Coordinates.
3 Choose a Font from the dropdown menu.
4 Type in a Font Color: Click for Color Chart
5 Choose Font Style.
6 Choose Font Size.
7 Choose Text Alignment.
8 Type in Default Text. Example text that will display on product.
9 Type in Display Text. Display Text is viewed above the field when a User is
customizing product.
10 Type in Height of Option field.
11 Type in Width of Option field.
12 Click Save Changes and refresh.
-
User Text Area:
Allows a User to customize multiple lines of text when customizing their product.
Example: User specific Testimonial
1 Under Type, choose User Text Area.
2 Define X and Y Coordinates.
3 Choose a Font from the dropdown menu.
4 Type in a Font Color: Click for Color Chart
5 Choose Font Style.
6 Choose Font Size.
7 Choose Text Alignment.
8 Type in Default Text. Example text that will display on product.
9 Type in Display Text. Display Text is viewed above the field when a User is
customizing product.
10 Type in Height of Option field.
11 Type in Width of Option field.
12 Click Save Changes and refresh.
-
User Image:
This field allows a User to add a image from images uploaded into their Content Library.
EXample: Adding a photo to a business card
1 Under Type, choose User Image.
2 Define X and Y Coordinates.
3 Type in Display Text. Display Text is viewed above the field when a User is
customizing product.
4 Type in Height of User Image Box
5 Tye in Width of User Image Box
6 Click Save Changes and refresh.
A grey box will display in the Preview Image.
To ensure the proper appearance of your image, enter the box Height to reflect
a proportion of 20% greater than the Width.
-
User Image Selector:
This field allows a User to customize the product with image options uploaded to the Product by the adminstrator.
EXample: Various product images.
1 Under Type, choose User Image Selector.
2 Define X and Y Coordinates.
3 Type in Display Text. Display Text is viewed above the field when a User is
customizing product.
4 From the Image dropdown menu, choose an image and click Add. See Uploading
Product Images
5 Repeat Step 4 to add additional image options.
6 Click Save Changes and refresh.
-
Text:
Allows Administrators to add one line of text to a product that a user may not change.
Example:
1 Under Type, choose Text.
2 Define X and Y Coordinates.
3 Choose a Font from the dropdown menu.
4 Type in a Font Color: Click for Color Chart
5 Choose Font Style.
6 Choose Font Size.
7 Choose Text Alignment.
8 Type in Default Text. Text that will display on product.
9 Type in Display Text. Display Text is viewed above the field when a User is
customizing product.
10 Type in Height of Option field.
11 Type in Width of Option field.
12 Click Save Changes and refresh.
-
Text Option:
This field allows a User to choose pre-written text options when customizing a product.
Examples: Title on a business card; Headline on a postcard.
1 Under Type, choose Option.
2 Define X and Y Coordinates.
3 Choose a Font from the dropdown menu.
4 Type in a Font Color: Click for Color Chart
5 Choose Font Style.
6 Choose Font Size.
7 Choose Text Alignment.
8 Type in Display Text. Display Text is viewed above the field when a User is
customizing product.
9 Type in Height of Option field.
10 Type in Width of Option field.
11 Click Add New Option.
12 In the Option Text field, enter text.
13 Click Add New Option.
14 Repeat to add additional options.
-
Image:
Allows Administrators to upload a static background image to the product, that a User cannot change.
Example: Business card background image
1 Under Type, choose Image.
2 Define X and Y Coordinates.
3 Select an image from the dropdown menu. See Uploading Product Images
4 Type in Height of Image.
5 Type in Width of Image.
6 Click Save Changes and refresh.
-
1 In the Product Builder window, the Preview block is at the top right of the window.
2 Click Click here to view full high-res PDF preview.
-
1 Go to field list in the Product Builder window.
2 Click Delete next to the field name.
The field has been deleted from the product.