Setting Up a Mult-Step Checkout Using a Webform or Landing Page

A Multi-Step checkout is a great way to collect information up front when a customer is headed to checkout. This is a great way to set up abandoned cart automation. You can set up your own multi-step checkout process using a webform or landing page that collects base information, and then redirects and passes the info over to a Spiffy checkout page to complete their purchase!

Most webform tools include the ability to pass information like name and email over to a custom redirect after form submission, and with the power of Spiffy, you can have the information collected on the webform autofill on the checkout so that your customer doesn't have to re-enter these details when checking out!

You can easily pass name and email data to a Spiffy checkout using simple URL parameters.

By default, the URL parameter keys that Spiffy uses for First Name, Last Name & Email are:

name_first

name_last

email

If you have the option to configure your 3rd party form to use these parameter keys to send over information, this will be the quickest way for you to start auto filling Name & Email on your Spiffy Checkouts.

If for some reason your 3rd party form uses a different parameter key (ex: FirstName, First_Name, EmailAddress), and does not have any options to change, you can actually change the parameter key from right inside of your Spiffy Checkout Editor!

Just click to 'Edit' the Contact Information block:

Click on the Inputs that you want to modify to open their configuration:

Modify the 'Field URL Parameter' to match the parameter key that your 3rd party form uses to pass information:

Save your 'Contact Info' settings:

When you are ready, be sure to Publish your checkout.


Examples:

Here are some examples of how your data will look when it is passed over to your Spiffy checkout. Note that if First, Last and Email are all passed over, the checkout will simplify the display of these fields (As seen in the second example)

If the email address just needs to be passed to the Spiffy Checkout, your URL would include the parameter key of

https://securepayment.spiffy.co/checkout/test-checkout-offer?email=support@spiffy.co


In a situation where name and email data needs to be passed to your Spiffy checkout page, you would include name_first=, name_last= (if it applies), and email=

https://securepayment.spiffy.co/checkout/test-checkout-offer?name_first=Russ&name_last=Factor&email=Support@spiffy.co


This feature can also be used in 'Email Broadcasts/Blasts' to contacts in your system, if you have the ability to merge dynamic field data into link URLs.

If you happen to have any questions, please let us know at Support@Spiffy.co

We're always here to help.