Product Add, Remove, and update using custom code

Technical
1

I have a checkout page here: Secure Checkout, where I’ve added an Order Bump product (screenshot: Screenshot by Lightshot).

Currently, this product gets added with a quantity of only one, and I’d like to give users the option to choose how many they want.

Since the default Order Bump functionality doesn’t support quantity selection, I’ll need to implement a custom solution using HTML, JS, and CSS. However, I’m having trouble finding the right code to add, remove, or update the product based on a quantity selector.

Could you please guide me or share a code snippet that would help me implement this functionality?

Thanks so much!

1 Like
2

I have a checkout page here: Secure Checkout , where I’ve added an Order Bump product (screenshot: Screenshot by Lightshot ).

Currently, this product gets added with a quantity of only one, and I’d like to give users the option to choose how many they want.

Since the default Order Bump functionality doesn’t support quantity selection, I’ll need to implement a custom solution using HTML, JS, and CSS. However, I’m having trouble finding the right code to add, remove, or update the product based on a quantity selector.

Could you please guide me or share a code snippet that would help me implement this functionality?

Thanks so much!

3

Hey @CRO_Smith :waving_hand:

Yes, this is possible — but you’re right, it needs a custom-built solution.

You can use JavaScript to:

  • Add the product using Funnelish’s addProduct() function
  • Update quantity by calling updateProductQuantity() (if using newer APIs) or re-adding with new quantity
  • Remove using removeProduct()

Since the Order Bump doesn’t natively support quantity input, you’ll need to:

  1. Create a custom quantity input field
  2. Listen for changes with JS
  3. Use Funnelish’s internal product functions to update cart accordingly

This kind of setup needs some careful implementation, and it may depend on your product ID and checkout layout. If you’re on an Advanced user plan, I suggest reaching out to Funnelish Support — we can provide or validate the custom code for your specific case.

Hope that helps! Let me know if you need a starter code snippet. :blush:

1 Like