Name your price

With Name your price, the customer types the amount they pay: a donation, a gift card of any amount, a “pay what you want” download, or an amount agreed with the shop beforehand, such as a deposit. You set the lowest and highest amount. The product stays one product in Shopify: no variant is created for each amount. This page covers the price field and what happens to the price from the cart to the order.

1. Add the price field

Inside the Form of the product’s smootify-add-to-cart:

1. Add a Custom element with the tag name-your-price.
2. Inside it, add a Text field and set its Type to Number in its settings.
3. On the Text field, add the custom attributes min and max: the lowest and highest amount you accept.
4. On name-your-price, add data-invalid-price with the message for an amount out of range. Without it, the message is “Invalid price”.

The product keeps a price in Shopify, which can be 0. With the field above, the page shows:

• The amount is not saved as a property of the line: the customer sees a price, not a filled-in field.
• Any smootify-price of the product follows the amount as it is typed, such as one in a gift card preview or inside the Buy now button.
• Add-ons in the same form go in with the product, at their own price.

2. From the cart to the order

Add to cart. The line goes to the cart with the amount the customer chose. The Smootify cart shows that amount in the line and in the totals.

Checkout. A cart with a chosen amount does not go through the usual Shopify checkout. It becomes one Shopify draft order, and the customer pays on its invoice page. Two ways lead there:

On the order, the line carries the chosen price, like any other price.

The product configurator uses the same checkout for its calculated prices.

The buy-again button of the order pages leaves these lines out: a cart cannot carry a chosen price.

Developers can change the draft order before it is created, or stop the customer from leaving, with the draft_order_data and checkout_url filters.

A gift card of any amount

Shopify issues a gift card for the value of its variant, whatever the customer paid. So name-your-price does not work on a Shopify gift card product: it removes itself, with an error on your testing domains.

For a gift card at any amount, sell a normal product instead:

1. Create a product, such as “Gift card”, with one variant at your lowest amount. Do not charge taxes on it: the tax is charged when the card is spent. It needs no shipping.
2. Add name-your-price to its page, as above.
3. Add the fields for the gift with dynamic properties: the recipient’s email and a message.
4. Import the Gift card at any amount workflow in Shopify Flow. On Order paid, it creates a Shopify gift card of the amount paid for the recipient, with the message, and Shopify emails them the code.

The card the recipient gets is a normal Shopify gift card, so it can be spent everywhere, the invoice page included.

Before you publish

Test an order on the licensed domain, with Add to cart and with Buy now, up to the invoice page. The invoice page already has the discount codes of the cart, and accepts more codes and gift cards. It is not the usual checkout: check the payment methods the customer sees there.

Coming from 1.x

• The Draft Orders add-on is no longer needed.
• Add-ons in the same form now go to the cart with the product. 1.x added the main product only.