Cards: Shipping Cost not visible

  • Profile Image
    enapier73743
    Asked on April 03, 2018 at 03:55 PM

    Hi there. I am setting up a form at the minute with the link: https://form.jotformeu.com/80924674248364

    Basically, I want to allow my customer to select a 'delivery option' after they have selected their product. They can collect for free or otherwise, have to pay £5.00 to have delivery but I cannot find how to do this? I know in the payment area you can add shipping but I do not see where they have the ability to select delivery or to select collection?

  • Profile Image
    Adrian
    Answered on April 03, 2018 at 05:17 PM

    Related Help Article: How to Add Shipping Cost to Payment Forms
    Unfortunately, it is not possible to add an optional Shipping option.

    I see that you are using the Cards Layout (Single Question in One Page) and it looks like the Shipping Fee is not visible until you are redirected to the PayPal page. I will forward this to our developers so that the shipping fee is visible in the Cart.

    152278986511.png

    As I explained earlier, it is not possible to make the Shipping fee optional. What you can do is add the Shipping rate of £5.00 as a Product and label it as Shipping.
    DEMO: https://form.jotform.com/80926640063960

    Another option is to set the Payment Type to User Defined Amount. You can add the products using the Multiple Choice field and the Shipping as a Single Choice field. Then, using the calculation values, you calculate the total and pass it to the Payment Field.

    Help Article: How to Pass a Calculation to a Payment Field

    I will try to make a simple demo for you to see how this would look.

  • Profile Image
    Adrian
    Answered on April 03, 2018 at 05:36 PM

    Here is the example which uses calculation values to calculate the Total for the Payment Field.

    First, I have created the Products using the Image Choice field. I have labeled three products and assigned Calculation values for them.
    Complete Guide: How to Assign Calculation Value

    152279104701.png

    Then, I have added a Single Choice field where the users can choose for Shipping.

    152279110002.png

    Using the Form Calculation Widget, the Total is calculated by adding the fields (Products + Shipping).

    152279119103.png

    The Payment Integration is set up like this.

    152279131704.png

    Form DEMO URL: https://form.jotform.com/80927176163966

    Using this method, you would lose the interactivity of the Shopping Bag, but it is a workaround to add optional Shipping.

  • Profile Image
    Adrian
    Answered on April 03, 2018 at 05:43 PM

    If you set a Shipping Option in your Payment Integration, the Shipping Cost is visible (but not optional to choose) when you click in My Bag.

    15227917732.gif

  • Profile Image
    enapier73743
    Answered on April 04, 2018 at 10:43 AM
    Hi Adrian,
    Your advice really helped, I really appreciate it.
    May I ask (I am a graphic/web designer).. Can you customise your own CSS on the free package also?

    Thanks,
    Emma Napier
    ENDesign
    Graphic Designer
    t. 07879 331476
    f. /endesignayrshire
    ...
  • Profile Image
    Kiran
    Answered on April 04, 2018 at 11:45 AM

    The other question is moved to a separate thread and shall be addressed there shortly.

    https://www.jotform.com/answers/1435034

    Thanks!