Basic ezMerge Graphics - MKB 111

    Follow

    In this article we'll show you how to integrate graphics, pdfs, and vector images into ezMerge Templates. This assumes you have an understanding of how ezMerge templates are built.

    There are several options you can offer to your users.

    1. Upload their own image (JPEG, PNG, GIF, etc.)

    2. Upload their own PDF 

    3. Choose from a list of Images or PDFs you have already uploaded for them

    4. Upload a Vector image (Adobe Illustrator)

     

    1. Upload their own image (JPEG, PNG, GIF, etc.)

     

    Step 1a: Open the PDF in Acrobat and turn on the PDFlib Block Tool. 

    ScreenShotRedux1.png

      

    Step 1b: Click and drag to create a PDFlib block and set the type to Image. Your image will appear in this block. Be certain it's positioned correctly. 

    ScreenShotRedux2.png

     

    Step 1c: Upload the PDF to an ezMerge template and navigate to the fields and blocks tab. Expand the image field and set Field Type to User Image Upload. For any kind of Image or PDF the Field Usage Menu should be set to Proof & Production.

    Replace.png

     

    Step 1d: Review the Formatting tab. The Image Fit Method defines how the uploaded image is scaled into your image block. The recommended setting for this field is "auto-scale" which will scale the uploaded image proportionally to fit the defined block. We also recommend setting the Image Anchor to Centered.

    NewScreenRedub1.png

     

    Step1e: Navigate to the Order Form and upload an image to verify the field is working correctly.

     Replace.png

     

    Site Administrators can select what elements of customization are shown or hidden during the user's image upload.

     

    Step1f: To select options, navigate to the ezMerge Templates page and select the image editor tab.

    NewScreenRedub1.png

     

    Step1g: Check the boxes of the tools your user should have access to. You can hold your mouse over a tool for a brief explanation of what it does. To control the order of the tools, click and drag on the 2 vertical dashed lines and place the tools in whatever order you'd like them to appear.

    NewScreenRedub1.png

     

    This is what the user will see.

    NewScreenRedub1.png

     

     

    2. Upload their own PDF

     

    Step 2a: Open the PDF in Acrobat and turn on the PDFlib Block Tool.

    Screen_shot1.png

     

    Step 2b: Click and drag to create a PDFlib block and set the type to PDF. the uploaded PDF will appear in this block. Be certain it's positioned correctly.

    Screen_shot_1.5.png

      

    Step 2c: Upload the PDF to an ezMerge template and navigate to the fields and blocks tab. Expand the field options and set the field type to User PDF Upload. Don't forget to set Field Usage to Proof & Production.

    Screen_shot_2.5.png 

    ReplacementShot.png 

     

    Step 2d: Review the Formatting tab. The Image Fit Method defines how the uploaded PDF is scaled into your image block. The recommended setting for this field is "auto-scale" which will scale the uploaded PDF proportionally to fit the defined block.

    NewScreenRedub1.png

     

    Step 2e: Navigate to the Order Form and upload a PDF to verify the field is working correctly. 

    Replace.png 

     

    Step 2f: The PDF will appear on your card within the PDFlib Block.

    NewScreenRedub1.png

     

     3.Choose from a list of Images or PDFs you have pre-uploaded.

     

    Step 3a: Open the PDF in Acrobat and turn on the PDFlib Block Tool.

    Screen_shot1.png

     

    Step 3b: Click and drag to create a PDFlib block.The Image or PDF will appear where you place the block so be sure it is in the right position. Set the Block Type to PDF or Image based on the list your end user will choose from.

    (Select PDF if your users will be selecting a pre-uploaded PDF or select Image if your users will be selecting a pre-uploaded Image( .png, .jpg, etc).

    Replace.png

     

    Step 3c: Upload your PDF to an ezMerge Template and navigate to the template's Graphics tab. 

    NewScreenRedub1.png

     

    Step 3d: Upload the pre-decided PDFs or Images using the Add files button. If you'd like to use the File Library built into MyOrderDesk instead of the Graphics tab on the template, see the instructions after step 3g below.

    The text field (Underlined in red) is the text the end-user sees on the drop down menu.

    Select the files and assign them to the same group. You can edit the name of the group if you want to.

    Screen_shot11.png

     

    Step 3e: Navigate to the fields and blocks tab and expand the PDF or Image field, set the field type to Image Asset Menu and the Field Usage type to Proof & Production. 

    Screen_shot12.png

     

    Step 3f: In the image source menu select the group you assigned the PDF or Image files to, then upload the ezMerge template to an Order Form.

    Screen_shot13.png

     

    Step 3g: View the form, select one of the options on the drop down menu then click refresh. 

    Replace.png

     Alternatively, you can upload PDF's or Images in your File Library, and let your users choose from that list.

     If you use this method to create your selection list, remember you can't have PDF's and Image files in the same folder.

    Upload your PDF's or Images to a new folder in your File Library. 

    NewScreenRedub1.png

     

    Set the field type of your PDF or Image field to File Library Menu in ezMerge and then test your Order Form.

    Replace.png

     

    4. Uploading a vector Image (Adobe Illustrator)

     

    Step 4a: Open the PDF in Acrobat and turn on the PDFlib Block Tool.

    Screen_shot1.png

     

    Step 4b: Click and drag to create a PDFlib block and set the type to Graphics. You image will appear in this block. Be certain it's positioned correctly.

    NewScreenRedub1.png

     

    Step 4c: Upload the PDF to an ezMerge template and navigate to the fields and blocks tab. Expand the image field and set Field Type to User Vector Image Upload and Field Usage to Proof & Production.

    Replace.png

     

    Step 4d: Review the Formatting tab. The Image Fit Method defines how the uploaded Vector image is scaled into your image block. The recommended setting for this field is "auto-scale" which will scale the uploaded image proportionally to fit the defined block. 

    NewScreenRedub1.png

     

    Step 4e :Navigate to the Order Form and upload a Vector image to verify the field is working correctly.

    Comments

    Powered by Zendesk