OCS Help
Layout Editor Overview
Please note that this feature is not available for all products. You may need to contact Customer Service directly or submit a Revision Request to edit your personalized imprint.
The Layout Editor allows you to edit aspects of your print layout directly in your web browser. You can
  • Upload new photos, logos, or custom messages.
  • Modify the text, change the color, and the font size.
  • Move print elements around on the canvas.
  • Add new elements, like QR barcodes, boxes, images and backgrounds.

Basic Controls

  1. 1.
    Click on the Pg4 Layout "A" link on the sidebar. This may also show up as "Pg1/Pg4", or "Envelope", depending on how your Layout was setup.
  2. 2.
    The Layers Palette can be toggled on and off using the Toggle button. Hiding the layers allows you to enlarge the view of the Canvas
  3. 3.
    The Undo and Redo buttons allow you to quickly undo mistakes. You can undo multiple actions from the current editing session.
  4. 4.
    The Layers Palette allows you to edit text directly. There are submenu options for each layer that allow you to duplicate elements, change the alignment of objects on the canvas, and re-order the object layer stacking.
  5. 5.
    The Canvas allows you to directly edit any element. Just click on a Text, Rich-Text, or Image element.
    1. 1.
      Text boxes: click on a text element and click the Pencil icon to edit the text. Move or resize the element by clicking and dragging the element, or dragging one of the resize handlers on the 4 corners of the element. Above the Canvas, the Text toolbar will appear, allowing you to change all elements of the Font, including the color, size, font, weight and many other options.
    2. 2.
      Rich-Text boxes: these boxes open in a new editing window, and allow you to highlight and style individual words. You can also modify paragraph settings like alignment, and "leading" which is the space between lines.
    3. 3.
      Image boxes: these boxes allow you to resize photos. You can right-click on an Image box to select the "Select Image" to load the Image Gallery and upload a new image into the existing Image box frame. When you click on an Image box, the toolbar above the Canvas changes to allow you to modify elements of the image, including borders, backgrounds, drop shadows, and other settings.
  6. 6.
    Add a new Text Box
  7. 7.
    Add a new Image Box
  8. 8.
    Add a new Shape to the canvas - boxes, circles, lines can be added, resized, and styled using the toolbar above the canvas.
  9. 9.
    Add a Barcode to the canvas. You can add simple or QR barcodes. QR barcodes allow you to add contact information, or URLs to a Canvas that can be scanned by smartphones.
  10. 10.
    Enlarge or reduce the Layout Editor to occupy the whole browser window.
  11. 11.
    Zoom in and out of the Canvas
  12. 12.
    Display Grid Lines on the Canvas, and turn the "Snap Lines" on or off. Snap Lines make it easy to align boxes on the Canvas to other boxes.
  13. 13.
    Reload Last Save: if you've made several changes, but want to simply revert back to the last time you saved your Layout, choose this option.
  14. 14.
    Save: this will save whatever work you have done in the current session, without approving it for production. You can come back later to finish your work. The Save button prevents you from losing changes if you accidentally close the browser.
  15. 15.
    Save and Approve: This function is critical. You must click this button in order for your changes to go into production. If you don't click this button, whatever changes you made will not make it into the next issue.
Copy link