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 Salesforce Object. Implementing our User Access tools can do this. Make sure you check out our course on Security and Access

This project was set up to allow users to log in with existing credentials or 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 three 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 the push of updated information to Salesforce.
  • Step 3 will upload a file attachment to the contact.

A button was configured to save data at any stage of the form completion process. When the user clicks this button, their data is 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 store the account ID and pass it to the contact to ensure the contact is associated with the correct account.
  • contact_id - This will store the contact ID and pass it to the file to ensure it 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 dropdown options)
  • Skip Empty Values - Disabled

Your JSON will have automatic tags assigned. You can change this text by typing it into the fields.

Edit node screen showing submissions configuration

4. Use the Store Submission ID dropdown to select the submission_id variable. You can leave the Store Submission JSON dropdown blank. This dropdown is useful if you want to store the JSON in 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

You will need to configure a page action to ensure the users' data is loaded when they return to your project page.

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, create a file associated with the contact

Screenshot showing how the three salesforce actions were configured and ordered

08 User Experience

While filling out 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 populated on page load. This way, when the user returns to the form at a later stage and logs in, all their previously completed information will be available for them to complete.

09 Got Feedback?

Additional Resources