21 Replies Latest reply: Jul 4, 2013 3:56 AM by Tarik :: Creativaholic RSS

    Gift Vouchers and Checkout

    Tarik :: Creativaholic MeganK

      Is there anyone who can answer this question please.

       

      I'm kind of confused in terms of the Gift Voucher thing.

       

      Now we have a Gift Voucher Field in the Shopping Cart Layout where you insert the Gift Voucher code, click update and the cart will populate the discount to the total accordingly. Ok that's fine. But then when you click checkout, the Registration Buy Layout / Form , has a Gift Voucher as a Payment Method.

       

      How does it all work?

       

      Wouldn't that create duplicate discount or populate an error if the customer enters the Gift Voucher Code twice?

       

      Thanks

        • 1. Re: Gift Vouchers and Checkout
          Karim - dashbee.com MeganK

          Since the credit card information is required upon checkout, if the user is choosing to pay with a gift voucher they need to bypass the credit card fields. The way to do that is to tell the checkout form that they already paid with a gift voucher and that hides the credit card fields and makes them not be required.

          • 2. Re: Gift Vouchers and Checkout
            Liam Dilley CommunityMVP

            Only if the total value becomes 0 and the gift voucher is used. If 0 and no voucher used the free option comes in to play.

             

            You have to work with the form and do remove options you do not use and also things like javascript show hide depending on what is happening. We got rid of this and just use the free otion pre-selected and hidden if the total value owed is 0.

            • 3. Re: Gift Vouchers and Checkout
              mario_gudelj CommunityMVP

              Hi guys,

               

              Karim is correct to some degree, but if the gift voucher amount is lower than the total amount of the order, you will still need credit card fields to pay the remainder of that order.

               

              Here's a scenario for you:

               

              - The total of the order is $70. You have a $50 gift voucher. You go to shopping cart, enter the voucher code, the total goes down to $20 and you pay the remainder, whih is that $20, on the registration step using the credit card.

               

              Another one:

               

              - The total is $50. You have a $50 voucher. You go to shopping cart and enter the voucher code. The total goes down to $0. You proceed to the registration step and choose the Gift Voucher payment option and check out.

               

              Same applies to a case where the GF amount is > order total.

               

              Cheers,

               

              mario

              • 4. Re: Gift Vouchers and Checkout
                Tarik :: Creativaholic MeganK

                Thanks guys,

                 

                Thinking of the average consumer, If the the vouchers puts the total amount to $0, they wouldn't know if they have to select the Gift Voucher at checkout or not, and even if we put a message there to tell them so, it will look a bit lazy.

                 

                This average consumer, will still enter their Credit Card Details even if the amount is $0 because they will think that it is required for verification purposes.

                 

                I think the Free field "that Liam mentioned" is the way to go.

                 

                I believe the Gift Voucher Radio button in the Checkout Form is redundant and the system should be set to action what's going on.

                 

                What you think Mario?

                • 5. Re: Gift Vouchers and Checkout
                  mario_gudelj CommunityMVP

                  You could introduce a small JS snippet that checks the amount and if it's $0 you can hide the CC fields, select GV payment method and get them to fill in the details. Otherwise, simply hide the GV payment method and reveal the CC fields.

                   

                  Should be 5 lines of jQuery on the bottom of the page. I unfortunately don't have the code for you.

                   

                  -mario

                  • 6. Re: Gift Vouchers and Checkout
                    Tarik :: Creativaholic MeganK

                    Ok, please correct me if this is not going to work.

                     

                    I thought I'll just remove the gift voucher from the Checkout form entirely.

                     

                    insert a Free "hidden" Radio button instead

                     

                    Still keep the Gift Voucher in the summary page "Shopping Cart Layout"

                     

                    Add JS to check if it is $0 to auto select Free and hide the other methods.

                     

                    What you think?

                    • 7. Re: Gift Vouchers and Checkout
                      Liam Dilley CommunityMVP

                      You can not remove it as such, no because the system will look for it. You just need to hide it and show it when it has been pre-selected on page load by the BC code, and then have the free option if you have products with no value being purchased.

                      • 8. Re: Gift Vouchers and Checkout
                        Graphite Web Community Member

                        Hi Mario,

                         

                        Can you advise what would happen in scenario 3:

                         

                        Product costs $20 and I redeem a $50 voucher - do I get a revised gift voucher for $30 or how would this be recorded?

                         

                        Many thanks

                         

                        Steve

                        • 9. Re: Gift Vouchers and Checkout
                          Liam Dilley CommunityMVP

                          Steve, the system is quite smart on this.

                          Because your in e CRM next time you login or purchase with your email you can enter the gift voucher code again.

                          On purchase you should see it say how much of the voucher you have left so you can purchase multiple times till it runs out.

                          • 10. Re: Gift Vouchers and Checkout
                            Graphite Web Community Member

                            Hey Liam, thanks very much for that, it is exactly what I was hoping for and should meet a requirement for a new project that I have.

                            • 11. Re: Gift Vouchers and Checkout
                              Konsum Tech - Madonna Community Member

                              Hi All,

                               

                              I would like to add into this thread. I have ask this before from support but they couldn't give me an answer.

                               

                              We have a client which uses gift voucher and discount code at the same time. They offer gift vouchers enough to purchase a product without paying anything. But they also have discount code which has 100% discount. Both option will end up to $0.00 Now, the problem is on checkout they don't want to display any payment option other than free when the total amount is zero. They do not want their customer to choose between Free and Gift Voucher. They want it to be intuitive enough to determine that if they use Gift Voucher the Gift Voucher would be automatically selected by the script and vice versa.

                               

                              Here comes my problem because there's no way we can determine what the customer chooses on the shopping cart. We couldn't make the script to work the way they want it..any suggestions or help is very much appreciated. I'm stock with this problem.

                               

                              Thanks a lot!

                              • 12. Re: Gift Vouchers and Checkout
                                Liam Dilley CommunityMVP

                                I have this working.

                                By default if the total amount on the payment form is 0.00 BC will auto select the free version.
                                All you do to enhance this with scripting is say ...

                                 

                                If this is selected and this value is 0 then hide these items.

                                 

                                Really straight forward.

                                • 13. Re: Gift Vouchers and Checkout
                                  Konsum Tech - Madonna Community Member

                                  Hello Liam,

                                   

                                  I'm confused, sorry is your suggestion needs an input from the end customer? what the client want is there should be no payment option displayed if the amount is $0.00. This should be easy with a script because we can use Free payment option but Free payment option doesn't work if the customer uses Gift Voucher Code from the shopping cart. 

                                  • 14. Re: Gift Vouchers and Checkout
                                    Liam Dilley CommunityMVP

                                    No input, you do it with javascript. If value is zero then the gift option will be pre-selected already by BC's own scripts and you can add your own to css hide all the payment options or show your own note or anything you like.

                                    • 15. Re: Gift Vouchers and Checkout
                                      Konsum Tech - Madonna Community Member

                                      yeah, this will work but only if the customer uses gift voucher what if the customer uses dicount code which has a discount of 100% how will you change the option when you don't know what the customer used..there's no problem if they only have gift voucher I can easily do that but they have gift voucher and discount code. As far as I know if the customer uses discount code and it's 100% off we can use Free payment option but if it's gift voucher we can use Gift Voucher as payment method two. The problem is switching this two options on the checkout because we cannot determine what has been used from the previous page. As far I know we cannot use cookie because of cross domain issue.

                                      • 16. Re: Gift Vouchers and Checkout
                                        Simon Darby Community Member

                                        Did anyone ever come up with a script to deal with this, and do they care to share it with the rest of us?

                                        • 17. Re: Gift Vouchers and Checkout
                                          Tarik :: Creativaholic MeganK

                                          Yes actually. As many partners know me, I don't like to step on anyone's toes... Kiyuco has a tutorial that solves part of this problem, I think it is also posted somewhere in the Forum.

                                           

                                          Use CSS to hide the Gift Voucher by default then you use some Javascript to tell the checkout form, if the total is $0, hide everything and show the gift voucher payment method, you can also extend that to make it checked.

                                          • 18. Re: Gift Vouchers and Checkout
                                            Simon Darby Community Member

                                            Cool. Thanks for that!

                                             

                                            BTW. Anyone know how to style the gift voucher form, that appears after the cart when a voucher code is added? ... yoursitename.worldsecuresystems.com/OrderRetrievev2.aspx?Step=17... just before the checout form.

                                             

                                            I've been trying to use a script to change the table to divs, but no luck so far.

                                            • 19. Re: Gift Vouchers and Checkout
                                              Liam Dilley CommunityMVP

                                              There is a flaw in their example though. Does not properly handle free and gift voucher options.

                                              • 20. Re: Gift Vouchers and Checkout
                                                Liam Dilley CommunityMVP

                                                Has its own layout Simon and its just CSS and html.

                                                • 21. Re: Gift Vouchers and Checkout
                                                  Tarik :: Creativaholic MeganK

                                                  Yes I know, but you can extend their script I guess, my previous developer who was a Kiyuco subscriber just took the example and extended into it.