SmartSuite is committed to creating features that reduce the amount of work necessary to accomplish routine tasks. Creating documents is something that is an important part of many workflows, from producing quotes and estimates to generating proposals or invoices. The Document Designer helps you automate these tasks, allowing you to create document templates that are automatically filled with information from your SmartSuite records.
Document Designer allows you to to combine visual elements like lines, boxes and static text with fields from your SmartSuite records that place those data elements on the page.
What Can I Use Document Designer For?
Document Designer can be used to create, manage, and track sales and marketing proposals, contracts, quotes, and other important documents. You can use it to streamline your document workflow and eliminate manual processes, such as manual data entry, document approval, and PDF generation. With its drag-and-drop editor, you can easily create documents in minutes.
You can integrate Document Designer into your CRM, accounting, and other business workflows to automate your sales and document management processes.
Here are a few ideas to put all this power to work:
Create sales proposals from opportunity records
Generate an invoice from order data
Produce a project status report automatically from project status information
Create contract templates that insert client information directly into the document
Accessing Document Designer
To create a document template, simply click on the Table dropdown arrow (for the Table you wish the template to be created in) and select "Document Designer."
Selecting + Create New will open up a new Document for you to create as a template.
Creating Document Templates
Once you have created a new Template, you can add Elements and Fields to the document canvas. You can also click on the "New Document" text at the top to change the name of the Template.
Remember to click the Save Design button at the bottom to save your Template and its configuration!
Elements
The Document Designer includes a number of page elements that can be placed and arranged in your documents. They include:
Line. Draws a line on the page.
Rectangle. Places a rectangle on the page.
Circle. Places a circular shape on the page.
Text. Allows you to place static text blocks on the page.
Image. Allows you to place static images on the page.
Working with Google Drive links
Tip: When using Google Drive to host your image, you'll need to construct a different URL that removes the "wrapper" and only returns the final image.
For example if your google drive link is:
then the image link you would want to use to remove the wrapper would be:
You will also need to make sure that the image is shared as Viewer to Anyone with Link.
Element Position
The position options to choose from are Absolute, Relative, or Anchored. Absolute will always keep elements in the exact position they are placed, but Relative and Anchored offer greater flexibility. Relative is our simplified version that will make the field move vertically down on the page relative to Absolute elements that are above it (allowing for Linked Records to expand, for example).
Anchored is similar but allows for much more control, as you are able to choose to anchor an element to always be below another element regardless of how its position changes. To do this you'll need to select Anchored and you'll then be able to choose what element to anchor to, and the distance in pixels that you would like it to be offset by.
Fields
In addition to page elements, Document Designer allows you to drop fields from the current Table onto the page canvas. Click the field name to add it to the designer canvas.
Once on the canvas, you can drag the field into the location you would like for it to display.
Supported Fields | Unsupported Fields |
| |
| |
| |
| |
| |
Files & Images |
|
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
|
Files & Images
Two properties unique to the Files & Images field are the Display Mode and Fit Mode. Display mode lets you choose whether you'd like to show only the first image or if you want to show all images from the field. Fit mode's Fit option will scale the image to fit the boundaries horizontally, Fill will crop and zoom the image to fully fill the boundaries, and Stretch will stretch the image either horizontally or vertically to fill the boundaries.
Linked Record
The property unique to the Linked Record field is the ability to determine table column widths. The values designated are proportional to the total value to determine their sizing. For example, in the image below the Description field will take up 3/5 of the width of the table and the other two fields take up another 1/5 each.
Field Properties
When you click on a field that has been added to the document canvas, the following properties will display in the left panel:
Width: Width of the field display in pixels.
Height: Height of the field display in pixels.
Rotation: Rotation of the field in degrees.
Font: Name of the font
Font Size: Font size in pixels.
Weight: Normal or Bold.
Line Height: Tight, Normal or Wide
Horizontal Align: Left, Center or Right.
Position: Absolute, Relative, or Anchored
Text Color: Select from 80 preset colors
Additionally, you can Duplicate or Delete the field with the buttons at the bottom. The dialog looks like this:
Settings
The settings option allows you to specify the size and orientation of the page you'll be generating with the document template.
You can set the following values:
Paper Size
Letter (8.5" x 11")
Legal (8.5” x 14”)
Tabloid (11” x 17”)
Statement (5.5” x 8.5”)
Executive (7.25” x 10.5”)
Folio (8.5” x 13”)
A3 (297mm x 420mm)
A4 (210mm x 297mm)
A5 (148mm x 210mm)
B4 (250mm x 353mm)
B5 (176mm x 250mm)
Index Card (545px x 327px)
Business Card (381px x 218px)
Page Orientation
Portrait
Landscape
Generating PDFs
From the Template
Once you have completed your template, it's time to generate a document! Open up a saved template. You will notice the following icons in the header bar:
These icons provide you with the ability to navigate through your Table's records, preview the document, and export or print the Template.
Navigation Arrows: Click the forward or backward arrows to change between the records in your Table. You will see the Template populated with each record's field values. (Beta note: We'll be enhancing this capability in the future, as well as letting you access Templates from individual records or automations)
Preview: Switches to preview mode, where you will see the document without the grid background.
Export: Exports the current Template and record data to PDF.
Print: Invokes the print dialog, allowing you to print the Template and current Record's field values.
From a Record
Once you have your template exactly the way you want it, you can now export a fully filled out PDF of the template from the record view! When you're inside a record you'll need to click on the 3 dot menu, hover over Export, then Adobe PDF, and you'll see the ability to export from a list of all templates within that table. Clicking one of the templates will automatically download it to your computer.