Save as PDF

Setting Up and Using Proposal Builder on Salesforce (Lightning)

Overview

Once you have the Responsive package installed and set up on your Salesforce account you can set up Proposal Builder.

Permissions

As a prerequisite, you must have the Responsive package installed and set up on your Salesforce account. To install and configure Responsive on Salesforce, follow the instructions mentioned in the article below.

If you have the Responsive package installed already you can skip this step.

Setting Up Proposal Builder on Salesforce

The steps involved in customizing the landing page are as follows:

  • Click the App Launcher [i] SFDC - 9 Dot.png icon and select View All.
  • Select Sales from the App Launcher pop-up.
    SFDC - Sales App Launcher.png
    The Sales page with all tabs displays as shown below:
    SFDC - Sales - Lightning.png

Configuring Objects

Once you add the tabs to your landing page, you can customize the layout for each of these to display Responsive projects. To expand the default UI and display the Responsive projects, you can follow the steps below.

  • Click the Settings [i] SFDC - Settings Cog.png icon and select Setup.
    SFDC - Setup app.png
  • From the left navigation pane, click Platform Tools > Objects and Fields > Object Manager.
    SFDC - Object Manager.png
  • Click Opportunity. You can use the search box to quickly find the object you want.
    SFDC - Manage Opportunity.png
  • From the left navigation pane, click Page Layouts.
    SFDC - Page Layouts.png
  • Click Opportunity Layout.
    SFDC - Opportunity Layout.png
  • From Fields, select Section and drag and drop it under Opportunity Details.
    SFDC - Create Section.png
  • On the Section Properties pop-up, enter Responsive Proposal Builder in the Section Name field and select the 1-Column layout button.
    SFDC - Section Properties.png
  • Click OK.
  • Click Visualforce Pages, then click and drag ResponsiveProposalOpportunity and drop it into the Responsive Proposal Builder section.
    SFDC - Responsive Proposal Builder.png
  • Once the Visualforce page has been added, click the Settings icon, or double-click on the layout, to bring up the Visualforce Page Properties pop-up.
  • Type 800 in the Height (in pixels) field to add extra space when viewing the projects.
    SFDC - VIsualforce Page Properties.png
  • Select the Show Scrollbars and/or Show Label checkboxes if applicable.
  • Click OK. The layout displays as shown below.
    SFDC - Responsive PB Layout.png
  • Click Save.

Repeat a similar process to edit the layouts for other object types such as Leads and Accounts.

Connecting to Responsive

After completing the setup above, you need to connect to Responsive from Salesforce in order to launch Responsive projects, associate existing projects from Responsive to Salesforce, or remove any associated projects.

  • Click Connect To Responsive.
    SFDC - Opportunity - Connect to Responsive.png
  • Login with your Responsive credentials and click Continue.
    SFDC - Login to Responsive.png
  • Responsive Proposal Builder section is displays as shown:
    SFDC - Responsive Proposal - Section.png

Once the layout is created, you can perform the following actions on Salesforce.

  • Create New Proposal
  • Associate Existing Proposals
  • Remove Associated Proposals
  • Launch Responsive’s Proposal Builder

Generate New Proposal

To create a new proposal, click New Proposal and follow the instructions mentioned in this article.

SFDC - New Proposal.png

Note: Before generating a proposal, please ensure the prerequisites mentioned here are fulfilled.

Associate Proposals

Proposal Builder makes associating an existing proposal created on Responsive to an opportunity on Salesforce a breeze.

Associate Existing Proposals from Salesforce

To associate an existing proposal to an opportunity from Salesforce, follow the steps mentioned below.

Click Associate Existing Proposals.

SFDC - Associate existing proposal.png

Select the proposals and click Associate Existing Proposals.

SFDC - Associate Proposals.png
Note: You can also bulk-select multiple proposals in Responsive and associate them to an Opportunity on Salesforce.

Associate Existing Proposal from Responsive

To associate an existing proposal to an opportunity from Responsive, follow the steps mentioned below.

Select the proposal you want to associate with an opportunity and click Edit Proposal.

PB - Edit Proposal.png

Click the [i] Integration - Salesforce - 01.png icon next to the proposal name.

PB - SFDC Association.png

Find and select the opportunity you want to the proposal with using the search box and click Add to create the association.

PB - Associate Opportunity with Proposal.png
Note: You can also associate a proposal to an opportunity while creating a proposal on responsive using the same steps mention in this section.

Proposals associated with Salesforce Opportunity are indicated by the icons as shown.

PB - SFDC Associated Proposal.png

You can also see the indication on the proposal list pages.

PB - SFDC Associated Proposals.png

Remove Associated Proposal

Removing Proposal Association from Salesforce

To remove association of a proposal with an opportunity, select the proposal and click Remove Associated Proposals.

SFDC - Remove proposal association.png

To remove association of a proposal with an opportunity, click Remove Association and select the proposals. Then, click Save.

SFDC Remove Association.png

Removing Proposal Association from Responsive

To remove a proposals association from Responsive, follow the steps mentioned below.

Click the [i] PB - Trash.png next to the proposal name.

PB - SFDC Associated Proposal.png

Click Confirm on the confirmation popup.

PB - Remove Association - Confirmation.png

Launch Responsive

You can click Launch Responsive to launch the application in a new tab.

SFDC - Launch Responsive.png

Was this article helpful?

/