-
jonsynergyAsked on December 18, 2016 at 4:22 AM
Hi, thanks again for your previous help. One question I have is this ...
I thought the form exclusively related to PayPal, which is the online payment account that I have.
However, I notice that credit card options are also offered to the left of PayPal .. are these credit card options separate to PayPal or are the processed through PayPal?
Thank you.
John
-
jonsynergyReplied on December 18, 2016 at 4:34 AM
Another related question ...
I have set up another new form which is not on the website yet called 'Buy Report' .. I would be grateful if you could tell me how to
1) Add the PayPal payment fields
2) Modify the 4 product options
3) Create the iFrame code for the website
Thank you.
Kind regards,
John
-
BorisReplied on December 18, 2016 at 4:34 AM
All payments are processed through the payment field you have on your form. This means that when you are using a PayPal payment field, the payment will be processed through PayPal. Essentially, PayPal can process payments from customers either by them using their PayPal account, or by using their Credit Card information directly.
With a standard Paypal payment field, your users are redirected to PayPal, so they make this choice on the PayPal's website. They can log into their PayPal account, or pay directly with a credit card.
Our PayPal PRO payment field allows you to have the user make that exact same choice, but directly on your form. The payments are still processed by PayPal.
You may want to take a look at the following guide for a better understanding of differences between standard PayPal field and PayPal PRO field:
https://www.jotform.com/help/183-Difference-Between-PayPal-PayPal-Pro
-
BorisReplied on December 18, 2016 at 4:37 AM
Sure, John, we have some helpful guides that explain the whole process you are asking about.
1. To add a payment field to your form, please see this guide:
https://www.jotform.com/help/165-Setting-Up-Your-First-Order-Form
2. Setting up and modifying products is also explained on the same guide, linked above.
3. Finally, to get your form's iFrame embed codes, please follow this guide:
https://www.jotform.com/help/148-Getting-the-form-iFrame-code
Please let us know should you need further assistance. Thank you.
-
jonsynergyReplied on December 19, 2016 at 5:15 AM
Hi Boris, thank you very much for your clarification regarding payment through PayPal, which is very clear and very helpful.
Kind regards,
John
-
jonsynergyReplied on December 19, 2016 at 6:00 AM
Hi Boris,
Thanks again for your help - I think I am making progress and the iFrame format you suggested also allows the payments form to show in the Filemaker database, which was my initial problem.
I have created a new form from scratch, which I have embedded in the report at the following link.
I have a few more questions :-)
1) can the form be modified so that it shows on the left of the web page, rather than in the middle?
2) How do I edit the three products listed and also add another, as I want to list four products.Thank you once again,
John
-
HelenReplied on December 19, 2016 at 6:46 AM
Hi John,
Thank you for contacting us.
1) can the form be modified so that it shows on the left of the web page, rather than in the middle?
If you inject this CSS code into your form, your form will be aligned left of the page.
.form-all{
margin-right: 391px;
}
Here is a guide helps you to inject CSS code:
https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
Everything works properly on my side, as you can see:
Also, I moved your other question to another thread. You can follow your answer via this link:
https://www.jotform.com/answers/1014864
If you have any questions or issue, feel free contact us.
-
jonsynergyReplied on December 19, 2016 at 7:12 AM
Hi Helen,
Thank you for your help.
I would be grateful if you could tell me where I need to insert the coding to left justify into the iFrame coding below. Thank you.
<iframe id="JotFormIFrame-63532701571350" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformeu.com/63532701571350" frameborder="0" style="width:100%; height:1738px; border:none;" scrolling="no"> </iframe> <script type="text/javascript"> window.handleIFrameMessage = function(e) { var args = e.data.split(":"); var iframe = false; if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[2]); } else { iframe = document.getElementById("JotFormIFrame"); } if (!iframe) return; switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": iframe.style.height = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } if(window.location.href && window.location.href.indexOf("?") > -1) { var ifr = false; if (args.length > 2) { ifr = document.getElementById("JotFormIFrame-" + args[2]); } else { ifr = document.getElementById("JotFormIFrame"); } var get = window.location.href.substr(window.location.href.indexOf("?") + 1); if(ifr && get.length > 0) { var src = ifr.src; src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get; ifr.src = src; } } </script>COPY CODE -
HelenReplied on December 19, 2016 at 7:20 AM
Hi,
You must paste the form's iFrame codes to the source code of the particular web page where you want the form to be embedded. For example, your current embed code is here:
If you're still having problems with this, please let us know.