what is the best way for me to incorporate html?

  • PresentTents
    Asked on March 6, 2014 at 1:21 AM

    I'm trying to incorporate some custom html, specifically html for a PayPal payment button. I wasn't sure how best to do this, so I inserted it in a text box. The html displays the image properly, but when I preview my form and click on the image, instead of linking to a PayPal payment gateway like it should, it links to the thank you page.

     

    When looking at the site I have linked to just to demonstrate the form, you need to select size medium and color heather blue in order for the button to appear.

     

    If you're wondering, the reason I have not just used the PayPal integration you already offer is that, if I am able to get this system working, I'd like to add the same type of payment button for Bitcoin, which you do not offer through integration.

     

    Thanks!

    Sam

    PresentTents

  • Ashwin JotForm Support
    Replied on March 6, 2014 at 3:24 AM

    Hello Sam,

    The reason why it is redirecting you to thank you page is because of the input type of the button you added in the "Text" field is "Submit". Please check your code here:

    <p>small blue <input alt="PayPal - The safer, easier way to pay online!0" name="submit" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynow_SM.gif" type="image" ><img src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" border="0" alt="what is the best way for me to incorporate html? Image-1" width="1" height="1" /></p>

    It will always work as a submit button of your form. I am still not sure what you want to achieve. If you need to take the user product selection and process the PayPal payment, you should use one of inbuilt payment integration. The following guide should help you:  http://www.jotform.com/help/50-PayPal-Forms

    Thank you!

  • PresentTents
    Replied on March 6, 2014 at 7:15 PM

    What I'd like to do is have the button redirect to the PayPal payment page as it is meant to do, not serve as a submit button and lead to the "Thank You" page. I know I could avoid this by using your PayPal integration, but the whole point is that if I can get this to work I will be able to incorporate PayPal and BitPay payment buttons into one payment form on my website. Please let me know if there is any way to make the PayPal button stop serving as a submit button. I actually do not need to have the form submitted at all, once the customer clicks the payment button, if that helps.

    Thanks,

    Sam

  • TitusN
    Replied on March 6, 2014 at 8:56 PM

    Hello Sam,

    Unfortunately you cannot accomplish that with our features - this is because some of the functions in the button are similar to our submit button, so it might not work out as such.

    Please respond with the HTML code for the buttons so that we can consider a workaround - I am thinking of using the thank you page redirect URL

    Let us know.

  • PresentTents
    Replied on March 6, 2014 at 9:11 PM

    Sure. Here is the html for one of the PayPal buttons, and below it html for one of the BitPay buttons. Ideally I'd like both to work, but if only the BitPay is able to work then that would be alright.

    PayPal:

     

    what is the best way for me to incorporate html? Image 1 Screenshot 20

     

     

    BitPay:  action="https://bitpay.com/checkout" method="post" >
      type="hidden" name="action" value="cartAdd" />  type="hidden" name="data" value="Qnn2WULsiPfAQyUEd1Kzm5" />  type="image" src="https://bitpay.com/img/button7.png" border="0" name="submit" alt="BitPay, pay with bitcoins." >
  • PresentTents
    Replied on March 6, 2014 at 9:17 PM

    Hmm...it looks like the code is not showing up directly in the comment box, so here's a link to a public Google Doc with the code. Hopefully that will make it easier for you.

     

    https://docs.google.com/document/d/1oaksRpZYBLUVjdcym0y2SE73p73nDQF70Og0KciUb4g/edit?usp=sharing

  • Ashwin JotForm Support
    Replied on March 6, 2014 at 10:47 PM

    Hello PresentTents,

    I did check your google docs and found that the PayPal and BitCoin both has a form tag along with the submit button. We will check if there is any alternative to display them in form or thank you page.

    We will get back to you on this.

    Thank you!

  • PresentTents
    Replied on March 6, 2014 at 11:02 PM

    That would be great, thanks. Also, it's important to mention that I don't think setting the Thank You page as the payment page would solve my problem, because 1) then it would only be compatible with either PayPal or BitPay, and 2) the whole point of me creating this form is to use the conditionals to only show the correct payment button for the color and size of shirt selected in the drop-down boxes, so unless it is also possible to create a variable Thank You page url I don't think that solution would work. However, I am open to ideas and appreciate the help so far.

     

    Thanks,

    Sam

  • Ashwin JotForm Support
    Replied on March 7, 2014 at 2:57 AM

    Hello Sam,

    If my colleague does not have any other option, I do not think it will be possible to add your code in the form. It will always be treated as "Submit" button which will submit the form and redirect you to thank you page.

    Thank you!

  • PresentTents
    Replied on March 7, 2014 at 3:44 AM

    If that is the case, could you possibly direct me to a service similar to JotForm or somewhere that I could learn to do the necessary coding myself? Your conditionals function was perfect for what I need

  • jonathan
    Replied on March 7, 2014 at 7:17 AM

    Hi Sam,

    Actually, in my personal opinion, the answer to your original question IS using the form's source code.

    If you use the form's source code you can easily influence the form behaviour with outside custom coding like HTML or scripts.

    You can setup all the conditions you need in the form builder, then extract the form's source code and add it to you own website where you will also include any other custom code you need to have the custom functionality you need.

    Hope this help. Inform us if there is more we can help you with.

    Thanks.