SawStream for Framer

The SawStream plugin connects your Framer site to Salesforce, no code required. Send Framer form submissions straight into Salesforce as new Leads, Contacts, or any object, with your own field mapping. And show live Salesforce records on any Framer page as a table, cards, grid, calendar, or custom HTML.

You build forms and layouts in the SawStream dashboard. The plugin lists them inside Framer and copies what you need into your site in one click.

Getting started

  1. In Framer, open the Plugins menu, search for Salesforce Integration (by SawStream), and open it.
  2. Click Start. A SawStream window opens.
  3. New to SawStream? Create your free account with your email and a password. Already have an account? Click Log in and use your existing email and password.
  4. The window closes on its own and the plugin shows Signed in as …. You're also signed in to the SawStream dashboard in your browser.
The sign-up link is created by the plugin and works once, for 10 minutes. If you see Start from Framer, go back to the plugin and click Start again.

Connect Salesforce

If your Salesforce org isn't connected yet, the plugin shows a Connect Salesforce button. It opens the Salesforce page in the SawStream dashboard. Follow the Salesforce setup guide to connect your org once. Back in Framer, click into the plugin and it picks up the connection.

Forms and layouts use the access of the Salesforce user who connects. Connect with a user that has only the access you need.

Forms (Framer form → Salesforce)

Every submission of your Framer form can create a record in Salesforce: a new Lead, Contact, Account, or any object you choose. Framer sends the submission to SawStream using its built-in webhook, and SawStream maps it onto your Salesforce fields.

1. Create the form in SawStream
  1. In the plugin, click Manage Forms → (or open Forms in the SawStream dashboard) and click + New Form.
  2. Pick the Salesforce Object to create, for example Lead.
  3. Add a mapping row for each Framer input. The left-hand value is the input's Name in Framer (see below). The right-hand value is the Salesforce field it fills.
  4. Add Fixed value rows for Salesforce fields your form doesn't ask about, such as LeadSource = Website.
  5. Save. The form now appears in the plugin's Your forms list.
Salesforce rejects a record if a required field is missing. A Lead needs both LastName and Company. If your Framer form doesn't ask for a company, add a Fixed value row for Company (e.g. Website Lead).
2. Point your Framer form at SawStream
  1. In the plugin, click Copy URL next to the form.
  2. In Framer, select your form on the canvas.
  3. In the right panel, next to Send To, click Add… and choose Webhook.
  4. Paste the URL.
  5. Publish your site. New submissions now create records in Salesforce.
How fields are matched

Framer sends each submission as JSON, using each input's Name as the key:

{
  "Name": "Ada Lovelace",
  "Email": "[email protected]",
  "Location": "London"
}
  • Use the input's Name as the mapping key. Matching ignores upper/lower case and surrounding spaces, so email matches Email. Names with spaces, like Lead Source, work too.
  • Inputs you don't map are ignored. Empty inputs are skipped, so a blank optional field never overwrites Salesforce data.
  • Only single values are read (text, numbers, checkboxes). An input that sends a list, such as a multi-select, is skipped.
  • Map free text to a text field. Salesforce pick-lists like LeadSource only accept their listed values.

If a submission doesn't reach Salesforce, Framer retries it automatically. SawStream recognises each submission, so a retry never creates the same record twice. Submission values are never stored in SawStream.

For every mapping option and the full list of error codes, see Forms in the Salesforce docs.

Layouts (live Salesforce data)

A layout shows live Salesforce records on your site. Every time a visitor loads the page, it fetches fresh data.

  1. In the plugin, click + Create New Layout (or open Layouts in the SawStream dashboard). Pick the object, fields, and a layout type. See building a query for every option.
  2. In the plugin, click Copy Embed Code next to the layout.
  3. In Framer, click the + (Insert) button in the top toolbar. Framer toolbar with the Insert (+) button
  4. Search for Embed and drag the Embed component onto your page. Framer's Embed component
  5. In the Embed's settings on the right, set Type to HTML and paste the code.
If you've restricted Allowed Origins in SawStream, add your Framer site's domain there (e.g. https://yoursite.framer.website and any custom domain), or the layout won't load.

Troubleshooting

  • Nothing happens when I click Start. Your browser may have blocked the pop-up. Allow pop-ups for framer.com and try again.
  • "Start from Framer". The sign-up link expired or was already used. Click Start in the plugin again.
  • The plugin can't load my layouts and forms. Click Try Again. If it keeps failing, use Log Out in the plugin's menu and sign in again.
  • A new layout or form doesn't show up. Click anywhere in the plugin panel. It refreshes when it regains focus.
  • Form submissions don't create records. Check the field mappings use your Framer input Names, that Salesforce is connected, and that required fields like Company on a Lead are filled. The Forms troubleshooting list explains each error code.
  • A layout is blank on my site. Check Salesforce is connected and your Framer domain is in Allowed Origins (if you set any). Layouts show on your published site and in preview.

Still stuck? Email [email protected].

Pricing & account

The plugin needs a SawStream account. It starts with a free 3-day trial, then costs $30/month. Subscribe from the SawStream dashboard.

  • Log out: open the plugin's menu in its header and choose Log Out.
  • Forgot your password: on the log-in screen, click Forgot password? and we'll email you a reset link. Resetting your password signs you out everywhere, including the plugin.
  • Privacy: see our Privacy Policy.