Use Web Project Fields in a Word Template

Business Background

Titan Docs adds the benefit of fields in web forms so that customer input and responses are synced directly to the document, enabling automated workflows for your business.

Titan Solution

  • Titan Docs allows adding fields from a web project in a Word template.
  • The document can be generated from the Web project without the need to save this data in Salesforce.

How to Video

  • 0:03 Introduction on how to add fields from a web project into a Titan template.
  • 0:35 Insert fields into your document to bring in data from Salesforce.
  • 1:55 Insert fields into your document to bring in data from a web project.
  • 2:41 Publish your generated document.
  • 3:17 Configure Salesforce integration in Titan Web.
  • 4:16 Run a get action to preview data
  • 6:10 Connect a document to the web project.
  • 7:28 Preview generated document with mapped data.

How to Guide

This feature lets you bring fields from a Web project directly to the document template without saving those fields in Salesforce. The fields may have been filled out by a customer in the Web project and are saved in the document.

Note:

Prerequisite:

You must have a Titan Web project with the necessary fields. In this example, a form element with a name, email, phone number and image elements were added.

This image has an empty alt attribute; its file name is image-571-1024x473.png

 

Create the Word template

  1. Click the Insert/Edit Field button on the Word template.
  2. Select the Web Project radio button to enable you to map fields from your Titan Web project. The Insert Field screen opens.
  3. Select the project from the drop-down list. This is the project from where you want to bring the fields.
  4. Select the page from the drop-down list. This is the page on the project from where you want to bring the fields.
  5. Select the field from the drop-down list.
Insert Field screen
Insert Field screen
  1. Click the Configure format button if you want to change the field format. The Configure field format screen opens.
Insert Field screen
Insert Field screen
  1. Use the drop-down list to select a predefined format. Some of the options are as follows:
    • Lower case
    • Capitalize
    • Image
    • Remove margins, and so on.
  2. If necessary, use the checkboxes to force the following:
    • Alignment
    • RTL
  3. Click the Apply button.
Configure field format screen
Configure field format screen
  1. For an image’s predefined format, set the following:
    • Image width
    • Image height
  2. Use the checkbox to keep the aspect ratio.
  3. Click the Insert button.
Insert Field screen
Insert Field screen
  1. Do this for all the fields you need from the Web project. The field/s are inserted.
  2. Click the Publish button on the right side of the document.
  3. Select the Web radio button and select the relevant Web project. This is the project from where the fields are coming.
  4. Click the Publish template button.
Publish template
Publish template
Note:

The following Confirmation message is shown. As none of the data is coming from Salesforce, you can click the Yes button to publish the document without a Record ID.

This image has an empty alt attribute; its file name is image-575.png

You must add a variable in Titan Web to do this.

  1. Click the OK button.
Uploading document
Uploading document

Run the GocGen action in Titan Web

  1. Add a button to the Titan Word project and configure the Documentation Node to run on the On Click Action icon.
Configure On Click Action
Configure On Click Action
  1. Click the + icon next to the Start node. The Add Node screen opens.
On Click Action screen
On Click Action screen
  1. Under User Interactivity, click the Document Generation option and click the Next button.
Add Node screen
Add Node screen
  1. Click the Gear icon next to the New button. The Configure Project Document Generation Settings screen opens. The Word document that you created using the input fields is shown.
Add Node/Document Generation screen
Add Node/Document Generation screen
  1. Click the Edit icon.
Configure Project Document Generation Settings screen
Configure Project Document Generation Settings screen
  1. Click the Next button.
Configure Project Document Generation Settings screen
Configure Project Document Generation Settings screen
  1. Click the Add Variable option and select the Page option from the drop-down list.
Document Generation Settings screen
Document Generation Settings screen
  1. Click the Add a Static Variable option and create a variable.
  2. Click the Next button.
Add variable
Add variable
  1. Use the drop-down list to select the Record ID variable and click the Apply button.
Document Generation Settings screen
Document Generation Settings screen
  1. Configure the relevant actions, for instance, Download, and click the Next button.
Document Generation Settings screen
Document Generation Settings screen
  1. Close the Configure Project Document Generation Settings screen.
  2. Use the drop-down lists to select the following:
    • Template
    • Action
  3. Click the Next button.
  4. Add a tag if necessary and click the Insert button. The Document Generation node is added.
  5. Click the Apply button.
Document Generation Node added
Document Generation Node added
  1. Save and Preview the project.

When the information is added to the Web form and the Document generation button is clicked …

Web example
Web example

… the document is populated with the Web project fields and is then downloaded.

Document example
Document example

Learn more about document generation.

Hidden Title

Need more help?