Name Your Price / Custom Pricing Overview

One of our biggest feature requests has been to offer the ability to allow customers to enter their own price on a checkout. We are happy to announce that Spiffy Checkouts now has an option for this. From donations, to name your price offers, Spiffy has you covered!

We have a couple of options available for custom price input. 

1. A Custom Price input field. This can be found under Inputs when adding a block to a section of your checkout.

2. Pre-configured Price Options, along with the ability to input a custom price. This can be found by adding a section to your checkout.

You will be able to configure a number of things surrounding the custom price input, including text options, default price display, and minimum/maximum price settings.

Creating a Checkout With Custom Pricing:

Here we will be starting with a $0.00 standard offer, and then add the custom pricing input. Custom pricing can be combined with other items (a paid offer, add-ons), however for this overview we will focus on a checkout that only contains a a custom pricing offer.

Create a checkout (for this example, we will be creating a Standard, $0 checkout, as our custom pricing setup will handle the amount to be charged).

Now, you will be able to select and setup one of our two custom pricing options. Click one of the links below to jump to the overview for that option.


Basic Custom Pricing Input Overview:

Our basic Custom Pricing input field will offer a quick way for customers to enter a custom price. In this part of the overview, we will go over how to add and configure this.

1.) Hover over a Section in your checkout editor, and click Add Block. Click on Inputs and select Price Input.

2.) (Optional) You can select a field to map the custom pricing input to. This is not required. This is commonly used if you need to pass the value to a field in an integrated system (Keap, HubSpot, ActiveCampaign, etc).

3.) Enable the Custom Pricing toggle to display the pricing input configuration.

4.) Enter a label for your pricing input field. This will display in the field.

5.) Select the Custom Pricing Product section to expand the input configuration. This is where you will be able to set a Default Price to display in the input, as well as set up Min/Max thresholds. If a customer enters a price outside of your min/max, they will be prompted to enter a different custom price before the order can be placed.

6.) Next, you can modify the Line Item Name that will display in order summaries and receipts.

7.) Be sure to click Save to save your changes, and when you are ready, be sure to publish your checkout.

Custom Pricing Section Overview

Our Custom Pricing Section is a slightly different version of the custom pricing input. This version gives you the option to set up pre-configured options, along with the option to enter a custom amount.

1.) Hover over an empty space on your checkout and click Add Section. From here, select Custom Pricing.

2.) (Optional) You can add a label to go above the pricing options by entering one in the Label field.

3.) (Optional) You can select a field to map the custom pricing input to by clicking Save selections to a field and selecting a field or integration field mapping from the dropdown.This is commonly used if you need to pass the value to a field in an integrated system (Keap, HubSpot, ActiveCampaign, etc)

4.) Enable the Required toggle to ensure that your customer selects an option, or enters a custom price before submitting their order.

5.) Next, edit to begin setting up pre-configured options, as well as your custom price input. There will be a few default options (none, $10, $20, and your custom price input option Other). These can all be modified or removed. Additional options can also be added, if needed.

If you need to remove an option, just click on the option's settings  ". . ." and select Remove.

If you want to add a pre-configured price in place of the None option, just click on the option, and under the orange "+" select Add Single Pay.

If you want to add additional options, just select Add Option, and in the option, click the orange "+" and Add Single Pay. You can reorder the option to your liking by dragging the option as show below.

6.) You can modify any of the pre-configured pricing options by clicking on the option to expand it's settings. This will give you the ability to modify the option name, the option to include text on the option button, as well as set the option to be selected by default.

7.) To modify the pre-configured pricing options price, just click on the option to expand it's settings. Here, you can modify the pre-configured price, as well as modify the line item name for this specific option.

Repeat steps 6 & 7 for any additional pre-configured options

8.) Next, we will configure the custom price input option Other. From the Options configuration, click on the custom pricing option. To start, you will have the option to modify the button text, as well as the input field text that displays in the field that appears when the custom price option is selected.

9.) Select the Custom Pricing Product section to expand the input configuration. This is where you will be able to set a Default Price to display in the input, as well as set up Min/Max thresholds. If a customer enters a price outside of your min/max, they will be prompted to enter a different custom price before the order can be placed.

10.) You can also modify the Line Item Name that is used for the order summary and receipts.

11.) Be sure to click Save at the top of the configuration sidebar, and when you are ready, publish your checkout.


Got a question? Send us an email over at support@spiffy.co