"Free" web form payment option giving error message

Question

Hello,
On this page http://www.sedonamagoretreat.org/volunteer-retreat-test-page please see the form at the bottom of the page. The option to pay with a credit card works just fine. But if I select the "Free" payment option and click the Submit button, I get the message ERROR: An error occurred. Gift Vouchers can only be redeemed via the online shop.
I built this form using some of these steps http://demo.businesscatalyst.com/booking-multiple-seats
I followed the advice on this page http://forums.adobe.com/thread/1100196 by adding the Gift Voucher button but still doesn't work.
Thanks for your help!
Linda

Answer 1

I solved this myself, with some help from tech support, so I'm posting this for anyone who is trying to accomplish the same setup.
Per Business Catalyst tech support:
"I checked the concern you have reported, to confirm you with the same.
You may use the free=10 payment method for shopping cart, when any gift voucher or discount coupon reduces the amount to zero.
I understand the option you looking for, however, its not possible to achieve the same within Bc using free payment method. You may try some customization , Unfortunately, HTML / CSS / JavaScript and Site implementation related issues are outside the scope of our support boundaries. However, you may like to post this on our support forums as well, where a member of our helpful community may be able to assist - http://forums.adobe.com/community/business_catalyst"
So instead of using the "Free" payment option, I used "Cash." It's not a perfect setup, but it works for now.
Be sure to use <div id="paymentdiv"> wrapped around the payment-related fields and insert the following script to hide the payment fields if they don't select payment by credit card:
<script type="text/javascript">
function ShowCCFields(val) {
if (!document.getElementById('paymentdiv'))
return;
if (val != 1)
document.getElementById('paymentdiv').style.display = 'none';
else
document.getElementById('paymentdiv').style.display = 'inline';
</script>