arrow-leftarrow-rightbook-openbooks-duotonechalkboardhead-side-brainlife-ring-regularmenusearchstopwatchvideo
Getting Started
Elements
Styling & Customization
Flows
Checkout Settings
Automation
Subscriptions
Order Management
Reporting & Analytics
Customer Portal
Affiliates
Integrations
TikTok
Zapier
Circle
Google
Rewardful
LeadDyno
FirstPromoter
Taxes
Custom Webhooks
ConvertKit
GoHighLevel
SEGMetrics
Drip
Make
MemberPress
Kajabi
Thinkific
MailChimp
ActiveCampaign
HubSpot
Keap
Infusionsoft
FAQ

Populating Fields & Selecting Options via URL Parameters

Spiffy allows you to use parameters to pass order data, populate fields and tie a value to any option on your checkout.

Table of Contents

Populating Basic Customer Info Fields (Name/Email)

By default, on your checkout you would need to include any/all of the following parameters:

  • name_first=
  • name_last=
  • email=

If you would like to change these default parameters for the basic contact information fields, you can do this from within the Spiffy Checkout Editor.

  1. In the Checkout Editor, hover over the Contact Info block and click Edit Block
  2. In the sidebar, click to expand First Name, Last Name, and/or Email
  3. Modify the Field URL Parameter to match your CRM’s field parameter
  4. Once you have modified the Field URL Parameter for the necessary fields, be sure to Save and Publish.

Populating Custom Input Fields via URL Parameters

  1. In the Checkout Editor, hover over the bottom of a section and click Add Block
  2. Select Inputs and then choose an Input type (ex: Text Input)
  3. In the Input sidebar, use the Field dropdown to select or create a field to associate the Input Field with
  4. Once selected, you will see the Parameter Key we are looking for in your URL displayed below the Field selector (See example in screenshot above, eg. tax_id)
  5. Be sure to Save and Publish your Checkout

Now when you include the Parameter in your Checkout URL, the input can be prepopulated when the checkout loads (eg. personalbrand.spiffy.co/checkout/courses?tax_id=12-3456789)

Selecting Radio & Dropdown Options via URL Parameters

URL Parameters will override the “Default” option set in the Visual Editor option settings.

To enable this feature, you will need to associate your Radio or Dropdown option block with a custom field. First, create a custom field in Spiffy for this option.

Add your options to your Checkout and configure as usual, adding any necessary text or price modifiers

  1. In the Checkout Editor, hover over your Options Block and click Edit Block
  2. In the Option sidebar settings, click the Save Selection to a Field button
  3. Use the Field dropdown, select or create a field to associate the Option Block with
  4. Once selected, you will see the Parameter Key to use in your URL displayed below the Field selector
  5. Next, you will need to click into each Option in the sidebar settings to take note of or modify the Value field.
  6. The Value is what is used along with the Parameter Key in the URL to select specific options
    eg: ?event_option=option-2
    In this example, event_option is the Field Parameter Key, and option-2 is the Option Value
  7. Once configured, be sure to Save and Publish your checkout

Now, you will have the ability to include a URL Parameter in your checkout URL to control the Option that is selected when the Checkout loads.