Salesforce V2: Creating Templates and Pages

Ready to build proposals that fill themselves in? Qwilr's Salesforce integration pulls data straight from your Opportunity, Account, Contact, and Lead records, so every Page starts personalized.

This guide covers building your first Salesforce Template and creating Pages from your Salesforce records.

In this article:

• Creating a Salesforce-connected Template
• Adding Variables
  • Variables from Related Records
  • Styling Variables
  • Variables in Page Titles
  • Visual Variables
  • Removing a Variable
• Creating your Qwilr Page inside Salesforce
• Creating your Qwilr Page with a Salesforce Record from inside Qwilr

Creating a Salesforce-connected Template

Step 1. Click Templates in the left side navigation menu and click Create blank template. If you already have a Qwilr Page you'd like to reuse, open it instead and choose Convert to Template in the top right.

Step 2. In the Template, click the Variables icon in the top right.

Step 3. Select the CRM tab and click Link CRM to template.

Step 4. Choose Salesforce, then pick the record type this Template is built for; Account, Contact, Lead or Opportunity, and click Continue. The Variables panel will now list your Salesforce fields.

Adding Salesforce Variables

With the Template linked, the Variables panel lists every Salesforce field that's been made available to your account.

Your template now lives in your template dashboard. If you don't still have it open here's how to access it. Click the Templates on the left sidebar of your Qwilr dashboard.

Locate your template in the dashboard, and then click more actions vertical dots option on the template you wish to edit, then edit this template option.

Next, head toward the top right corner of the template. Click on the Variables icon again to reveal your list of variables.

There are four ways to place a variable.

Type two curly brackets. Put your cursor where you want the variable to go and type {{          . Your variable list appears right there.

Copy and paste. Click the Variables button in the top right to bring up your list and then click the copy icon next to a variable, then click to your cursor where you want it to appear and paste it into your Template with Ctrl+V or Cmd+V.

Drag and drop. You can click and drag the variable straight from the panel onto the Template.

Replace selected text. Highlight some text on the Template, click the 'V' icon in the context menu that appears, and then pick a variable to swap it out.

Variables from Related Records

An Opportunity Template can also reach fields on the related Account and the opportunity's Primary Contact, and a Contact Template can reach its Account. You can use the search box to find them.

For the full picture, including Owner fields and lookup drill-downs, see Salesforce V2: Managing Custom Fields.

Styling a variable

Click a placed variable and apply bold or italic like any other text. The styling holds when the real value drops in.

Variables in Page Titles

Without a variable, every Qwilr page you create from a Salesforce-connected Qwilr Template arrives with the same title. Putting one in the title gives each Page a name of its own.

Step 1. Click into the Template's title at the top of the editor.

Step 2. Type {{          . The variable browser opens right where your cursor is.

Step 3. Pick the variable you want. It appears in the title as a pill.

You can mix variables and ordinary text freely, and use more than one.

Visual variables

Variables aren't only for text. You can drive an image, a video, a Google Map or a button's destination from a Salesforce field, so the Page changes its visuals to match the record.

Below is a short example of adding a variable on an image but to learn more about how non-text variables work, you can review our specific support doc for non-text variables.

Step 1. Add the image, video, map or button to your Template as you normally would.

Step 2. Select it, and open the Select a variable option in its toolbar.

Step 3. Pick the Salesforce field that holds the value. For an image, video or map, that's a field containing a publicly reachable URL. For a button, it's the field holding the destination link.

Removing a variable

Changed your mind about a variable? Click it, then click the trash icon. The text around it stays as it is.

Creating your Qwilr Page inside Salesforce

You can also start from Salesforce itself, using the Qwilr Proposals component on your record pages.

Step 1. Open the Account, Contact, Lead or Opportunity record in Salesforce and find the Qwilr Proposals component.

Step 2. Click Create new page. Qwilr opens with that record already selected, so there's no need to search for it again.

Step 3. Choose your Template. You'll only be offered Templates linked to that record type, then click Continue in the top right.

Step 4. You will then see a Page details window with your Page title, what Folder in your Qwilr account the page will be listed under, and your Variable data which communicates what information was pulled from what fields into the Qwilr page. If everything looks good, you can click Create page in the top right corner.

Step 5. A preview of the created page will come up. From here you can choose to set the page to Live and copy the Shareable link to send it to your customer, grab the collaborator link to send to a coworker for review, or Edit page to make further changes.

Step 6. Back in Salesforce, refresh your record page. Your new Page appears in the list.

What the Component Shows

Every Page built from the record gets its own tile:

• Page Status: for example Draft, Live, Pending or Accepted.
• Views: how many times it's been opened.
• Created: when the Page was made, and by whom.
• Collaborate and Edit page: open the Page in Qwilr.
• Shareable link: Open it, or Copy it straight to your clipboard.
• PDF version: download a PDF of the Page.

The three most recent Pages are shown; click View All for the rest.

Creating a Page From Inside Qwilr for a Salesforce Record

Step 1. Open Qwilr and click on Create New and then Use a Template. Select a Salesforce connected Template.  

Step 2. This will open a menu to paste in the URL from the Salesforce record you want to create the Page from. In this case we have an Opportunity template so we need the URL for an Opportunity record. Once that has been pasted in, click Continue in the top right.

Step 3. The Page Details appear, letting you confirm that you have the correct Page title, which Folder you want the Qwilr page to be located in within Qwilr, as well as the Variable data so you can review the fields that were imported from the record. If everything looks good, click Create page in the top right.

Step 4. Now you have the opportunity to review your page. You will see a preview window of the page and alongside it, on the left, you have the option to set the page live and click the Copy shareable link button to send the page to your customer, send the page instead to a colleague for review via the Copy collaborator link button, or if further edits are needed you can click edit page.

If you head back to your Salesforce Opportunity record (or whichever record you used to create this page) and refresh it, you should see the page details in your Qwilr panel.

What the Component Shows

Every Page built from the record gets its own tile:

• Page Status: for example Draft, Live, Pending or Accepted.
• Views: how many times it's been opened.
• Created: when the Page was made, and by whom.
• Collaborate and Edit page: open the Page in Qwilr.
• Shareable link: Open it, or Copy it straight to your clipboard.
• PDF version: download a PDF of the Page.

The three most recent Pages are shown; click View All for the rest.

Any questions? Don't hesitate to contact us at help@qwilr.com