Create a visual cart
  • 25 Jul 2023
  • 4 Minutes to read
  • Dark
  • PDF

Create a visual cart

  • Dark
  • PDF

Article summary

You can use the Lightico workflow tools to create a visual cart. In a visual cart, the agent fills out a set of questions, a journey, and based on these inputs, a visual summary of the information is presented on the same screen and can be delivered to the customer as a PDF. 

For example, an agent can conduct a sales session with a customer who is interested in purchasing a phone and a cover. The agent fills out the options chosen by the customer (A) and a summary of the sale is automatically created (B). The summary can be sent to the customer as part of the workflow in the form of a PDF. 

You can also add further conditions to your workflow based on the choices made in the visual cart. For example, you can create a condition that if the customer ordered a certain type of phone, they need to sign a specific agreement.


You can add PDF Esign documents to a visual cart workflow as long as the documents do not contain multiple participants or an agent signature.

🎦 Watch related video:

How to create a visual cart

To create a visual cart, you need to build multiple workflow elements that will function together as a visual cart.

Step 1: Create a journey using a form

In this step, you create a form that includes the questions you want the agent to complete. This set of questions you create is called the journey. For example you can create a form that includes 2 simple dropdown questions about the type of phone that the customer wants to order and the type of cover.

When you build the form you can make a section duplicatable. This allows you to ask the same set of questions, multiple times during the same journey. To do this, turn on the Duplicatable toggle in the Section Settings and enter the maximum amount of times that these questions can be repeated.

You can create multiple forms that will represent different journeys in the visual cart.

For information about how to build a form, see Create forms

Step 2: Create the output using a dynamic document

In this step, you create the output for the visual cart by building a dynamic document.  Each section in the document represents the output for a different journey. 

To connect the section in the document with the journey that you created in the form, you bind the section to that form. To do this, click the Bind to form button in the top right corner of the section and select the relevant form.

Once you have bound the section to a form, you can build your output in the section using different attributes and functions that are based on the information entered in the journey. For example, you can create a table with attributes representing the names and prices of the phones and phone covers that are selected in the journey and you can use a function to display the total price of the customer basket.

In some cases, the agent fills out the same journey multiple times (For example, a customer buys multiple phones). If you want the output of each journey to appear on a new page in the final PDF, click the Break Page button and turn on the toggle.

You can also create sections that are not bound to any form. These sections will appear in the output regardless of the input from the journeys. For example, you can include a footer that will always appear in the output.

For more information about creating dynamic documents, see Create dynamic documents.

For more information about adding functions to Dynamic Documents and limitations to using functions in bound and unbound sections, see Add functions

Step 3: Create a workflow that includes the dynamic document

In this step you add the visual cart to a workflow. 

  1. Add the dynamic document you created above as the first step in the workflow.

  2. Define this step as an Agent step by selecting Agent in the Agent / Customer dropdown above the element.

    This step needs to be first in the workflow because the agent needs to complete the questions in the visual cart before the customer can continue with the rest of the workflow.
  3. If you want the output of the visual cart to be sent as a PDF to the customer, select Send in the the Send to customer dropdown above the element.

  4. You can add additional steps to the workflow based on the results of the visual cart.
    For example, you can use a switch element and a PDF element and set a condition that if the customer ordered a certain type of phone in the visual cart, they need to sign the PDF agreement.
    You can also set a condition based on which journey a customer selects. See below.

Set a condition based on journey selection

You can set a condition in a visual cart workflow based on selecting a specific journey. For example, if the customer chooses to buy a phone plan along with their phone, they would need to sign a contract. 

To set a condition based on journey selection:

  1. Add a switch or condition hub to the visual cart workflow.

  2. Select Visual cart form in the condition. 

  3. Select the journey. 

  4. Select In Use or Not In Use for the condition. 

For more information about creating a workflow, see Create workflows.

For information about sending a visual cart during a session, from the agent perspective, see Send a visual cart.

Was this article helpful?