This lesson will cover the following topics:

03 | Setup
04 | Variables

01 Getting Started

This tutorial covers enabling draft capabilities for your project to push incomplete data using My Submissions.

02 Identifying the User

It is important to identify your end-user, this ensures that any data is saved to the correct corresponding Salesforce Object. This can be done by implementing our User Access tools. Make sure you check out our course on Security and Access

This project was set up to either allow the user to log in with existing credentials or to create a new account. If an existing user signs in, their details must populate the project form. if a new user signs in, the first form must be empty to capture their details.

User access tab in the project settings menu

03 Setup

A stepper element was used to create 3 different steps.

  • Step 1 will create an account or display an existing account if the logged-in user is already associated with an account.
  • Step 2 will display the existing contact information for the associated account and allow for updated information to be pushed to Salesforce.
  • Step 3 will upload a file attachment to the contact.

A button was configured to save the data at any stage of the form completion process. When the user clicks this button, their data will be saved and stored so if they come back to the form their previously provided data will be populated.

Screenshot of the example project

04 Variables

Three Static Variables were created for this project:

  • acc_id - This will be used to store the account id and passed to the contact to ensure the contact is associated with the correct account.
  • contact_id - This will be used to store the contact id and passed to the file to ensure the file is pushed to the correct contact.
  • submission_id - This will be used throughout the project.

Custom variables window showing static variables

05 Submissions

To configure the button to save the data to Submissions when clicked: 

1. Select the Interactivity icon from the button menu.

Interactivity icon highlighted on button menu

2. Select the Start + icon, choose Submissions as the node, and click Next.

On click action screen with add node window overlayed

3. Configure the following and click Next.

  • Action - Store and Create
  • What would you like to store? - On-Page (or choose any of the available drop-down options)
  • Skip Empty Values - Disabled

You will have automatic tags assigned for your JSON, you can change this text by typing in the fields.

Edit node screen showing submissions configuration

4. Use the Store Submission ID to dropdown to select the submission_id variable. You can leave the Store Submission JSON to dropdown blank, this dropdown is useful if you want to store the JSON to a specific area of your project. Once you create the JSON in Salesforce you can store it within your project.

5. Enter a Tag and click Insert.

add node / submissions window showing configuration

6. Click the Submissions + icon, choose Salesforce Action as the node, and click Next.

On click action window with add node screen overlayed

7. Click the Salesforce Integration button.

Add Node / Salesforce Action config

8. Select the Push tab and click Create New.

Salesforce Integration showing create new push

9. In the Object Settings tab, configure: Contact as the Salesforce Object, Update as the Action, add a description, and configure multiple match criteria.

Map Salesforce fields showing object settings tab

10. In the Conditions tab, configure: Contact ID equals ID field.

Map Salesforce fields showing conditions tab

11. In the Mapping tab, map the submission_ID Salesforce field to the submission_id variable. Click Apply.

Map Salesforce fields showing mapping tab

12. Use the dropdown to select the configured Push and click Next.

Add Node/ Salesforce Action screens showing selected push

13. Enter a Tag and click Insert.

06 Loading the Data

To ensure the users' data is loaded when they come back to your project page you will need to configure a page action.

1. Expand the Pages dropdown, click the ellipsis menu of the page that requires the action, and select Configure Actions.

Pages dropdown expanded showing ellipsis submenu for home page

2. Select the Every Time tab and click the Start + icon.

3. Choose Submissions as the node and click Next.

4. Configure the following and click Next.

  • Action - Load
  • Submission ID - Field / submission_id
  • Project ID - Current Project
  • What would you like to load? - On-Page

Edit node window showing submission configuration

5. Enter a Tag and click Insert.

07 Stepper Finish Button

The Finish button on the last step was configured to run three push actions:

  • First to create an account
  • Second to create a contact associated with the account
  • Third to create a file associated with the contact

Screenshot showing how the three salesforce actions were configured and ordered

08 User Experience

While filling up the form the user can choose to save the already filled-in data as a draft. The information will be saved in Salesforce under the My Submission custom object and will be populated on page load. This way, when the user returns to the form at a later stage and log in all their previously completed information will be available to them to complete.

09 Got Feedback?

Additional Resources