Intro to Pricing Addons/Upsells in Tangram

‍

Summary:

This video explains how to enable and use add-ons for listing types in Tangram to offer upsells during checkout. Add-ons are useful for charging extra for services like travel or additional materials. Here's how to set them up:

1. Enable Add-ons:
   • Access the admin account, click the wrench icon in the bottom left, and navigate to "Listing Types."
   • Select the listing type (e.g., "Listing") by clicking the three dots and go to the "Permissions" tab.
   • Check the box for the "Advanced Payment Builder" to enable add-ons and save.
2. Create Add-ons:
   • When creating or editing a listing (e.g., "Deep Tissue Massage"), a new "Add-ons" tab appears.
   • Click "Plus New" to create an add-on, set a label (e.g., "Hot Towel Treatment"), and determine if it’s required for booking.
   • Add pricing options (e.g., "Yes, please" adds $50, "No, thank you" adds $0).
3. Checkout Integration:
   • At checkout, the customer selects options, and the add-on cost is added to the base price.
   • The final page displays the subtotal, including add-ons, taxes, and fees.

Custom design options for these pages are available in Webflow, and terminology can be adjusted with Tangram team support.

‍

Video Transcript:

" In this video, I'll be showing you how to enable add ons to a listing type in tngram. Add ons are used if You as a seller or a platform want to have an upsell that's presented to the customer in the checkout flow. A common example in services might be, maybe you want to upcharge for travel, traveling to the customer, or maybe you want to upcharge for more materials that are used in the service.

Then you can enable the add ons by going to the wrench icon in the bottom left of the admin account in your Tangram account. Go to Listing Types, and for each listing type that you want add ons to be an option in the checkout flow, you would click the three dots next to the appropriate listing type. In this case, there's just one called Listing.

We would then go to the Permissions tab. And check the box for enabling what's called the Advanced Payment Builder.  This enables add ons, to give more granular pricing options when you're creating listings and in turn, those pricing options will show on checkout. If we check that box, hit save, and then go to create a listing or edit a listing, like deep tissue massage, aroma.

therapy facial. We will see a tab has been added to the right hand side of the first page where you usually fill out all the listing details. where you can add add ons.  currently, you have to contact the TN Gram team to change the terminology on these pages without using custom code, if it's not something you're comfortable doing on your own.

But a common request we have at the moment is changing this for certain situations to say fees, or, shipping fees, depending on the type of marketplace that you're operating with, if add ons doesn't quite make sense. But for a service marketplace, it's pretty intuitive what add ons do.

You click plus new to create a new add on. Maybe for aromatherapy facial, you say that it's going to cost an additional 50.  This would be a multiple choice. The label of the add on might be Hot Towel Treatment.

And we can decide if this add on is required for booking or not.  It's not required for booking, so I'm not gonna check that box right here. I'll hit save. And then I can add pricing options.

If they say yes, they want a hot towel treatment. I want to charge more. If they say no, then it costs nothing extra. So I'll click add pricing options. I will say yes, please. That's one of the options, in which case it's an additional 50.  I'll say no, thank you. That's the second multiple choice option in that.

add on drop down,

and that will cost zero dollars extra if they decide that they don't want the hot towel treatment. now that we've created those pricing options, if we go to the checkout page for this aromatherapy facial listing,

It'll ask me, yes, please, or no thank you, and based on selecting yes, it'll add on the 50 to the base price of the service. Please note that is the default design page in Tangram. You can custom design those pages in Webflow and feel free to check out other tutorials on how to do so.  As you can see here, the base price is listed on the right hand side of the last page of checkout where you ultimately enter your credit card.

It added on that 50 and shows the subtotal. And then any additional taxes and fees that are charged will be incorporated in this card as well."

‍