workflow for paypal payment umbraco forms - Using Umbraco and getting started

<!doctype html>  <html class="no-js" lang="en">  <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="alternate" type="application/rss+xml" title="Latest packages" href="//our.umbraco.com/rss/projects" /> <link rel="alternate" type="application/rss+xml" title="Package updates" href="//our.umbraco.com/rss/projectsupdate" /> <link rel="alternate" type="application/rss+xml" title="Active forum topics" href="//our.umbraco.com/rss/activetopics" /> <link rel="search" type="application/opensearchdescription+xml" title="our.umbraco.com" href="/scripts/OpenSearch.xml">  <meta name="application-name" content="Our Umbraco" /> <meta name="apple-mobile-web-app-title" content="Our Umbraco">  <link rel="apple-touch-icon-precomposed" href="/assets/images/app-icons/icon-60.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/images/app-icons/icon-72.png"> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/assets/images/app-icons/icon-76.png"> <link rel="icon" sizes="192x192" href="/assets/images/app-icons/touch-icon-192x192.png"> <meta name="msapplication-TileImage" content="/assets/images/app-icons/tile.png" /> <meta name="msapplication-config" content="/assets/images/app-icons/browserconfig.xml"> <link rel="icon" type="image/png" href="/assets/images/app-icons/favicon.png"> <title> workflow for paypal payment umbraco forms - Using Umbraco and getting started - our.umbraco.com </title> <meta name="description" content=""> <script type="text/javascript" src="/scripts/jquery-1.9.1.min.js"></script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W9TZ2XW');</script>  <link href="/DependencyHandler.axd?s=L2Fzc2V0cy9jc3Mvc3R5bGUubWluLmNzczs&t=Css&cdv=24092702" type="text/css" rel="stylesheet"/><link href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.20/jquery.fancybox.min.css" type="text/css" rel="stylesheet"/> <link rel="stylesheet" type="text/css" href="/css/tooltipster.css" /> </head> <body class="forum-page">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W9TZ2XW" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>  <div class="quick-menu"> <div class="container"> <div class="row"> <div class="col-md-12"> <a href="/member/login">Sign in</a> <a href="/member/Signup">Register</a> </div> </div> </div> </div> <div class="wrapper"> <header> <div class="navigation"> <div class="container"> <div class="row"> <div class="col-md-3"> <a class="logo" href="/">Our Umbraco</a> </div> <div id="toggle" class="menu-toggle"> <a href="#" class="toggle cross"><span></span></a> </div> <nav class="col-md-9"> <ul> <li class="current"> <a href="/forum/">Forum</a> </li> <li> <a href="/packages/">Packages</a> </li> <li> <a href="/documentation/">Documentation</a> </li> <li> <a href="https://community.umbraco.com/">Community</a> </li> <li> <a href="https://discord.umbraco.com/">Discord</a> </li> <li> <a href="/download/">Download</a> </li> <li> <a href="/member/login?redirectUrl=%2fforum%2fusing-umbraco-and-getting-started%2f109473-workflow-for-paypal-payment-umbraco-forms">Sign in</a><strong> / </strong><a href="/member/Signup">Register</a> </li> </ul> </nav> </div> </div> </div> </header>  <section class="forum-overview"> <div class="forum-single-thread">  <div class="utilities">  <ul id="breadcrumb"> <li> <a href="/">Our</a> </li> <li><a href="/forum/">Forum</a></li> <li><a href="/forum/using-umbraco-and-getting-started/">Using Umbraco and getting started</a></li> </ul>   <div class="utility-actions"> </div>  <div class="clear"></div> </div>   <div id="overlay" class="overlay"></div> <div id="copy-link-wrapper" class="copy-link-wrapper"> <i class="icon-Link"></i> <textarea class="getLink" readonly type="text"></textarea> <p>Press Ctrl / CMD + C to copy this to your clipboard.</p> </div> <div id="thankyou"> Copied to clipboard </div>     <div id="confirm-wrapper-flag" class="confirm-wrapper-flag"> <h4>Flag this post as spam?</h4> <p>This post will be reported to the moderators as potential spam to be looked at</p> <br /> <button type="button" class="button green tiny">Yes</button> <button type="button" class="button red tiny">No</button> </div>  <ul class="comments"> <li class="comment question" id="comment-109473" data-deeplink="Workflow for PayPal Payment (Umbraco Forms)" data-version="9" data-cat="153480">  <div class="meta"> <div class="profile"> <a href="/member/136117">Mark Drake</a> <span> 134 posts </span> <span>458 karma points</span> <span class="roles"> <span class="c-trib"><a href="/community/badges/#c-trib">c-trib</a></span> </span> </div> <div class="time" title="Mon, 11 Jul 2022 15:41:00 UTC+00:00:00"> Jul 11, 2022 @ 15:41 </div> </div> <div class="comment-inner"> <a href="/member/136117" class="photo"><img src="/media/upload/8bb4bf18-07b5-4eaf-93af-6c71e406bf8a/6lWjs1sr_400x400.jpg?width=75&height=75&mode=crop&upscale=true" srcset="/media/upload/8bb4bf18-07b5-4eaf-93af-6c71e406bf8a/6lWjs1sr_400x400.jpg?width=150&height=150&mode=crop&upscale=true 2x, /media/upload/8bb4bf18-07b5-4eaf-93af-6c71e406bf8a/6lWjs1sr_400x400.jpg?width=225&height=225&mode=crop&upscale=true 3x" alt="Mark Drake" /></a> <div class="highfive highfive-question"> <div class="highfive-count votes-tooltip"> 0 </div> </div> <div class="body-meta"> <div class="topic"> <h2>Workflow for PayPal Payment (Umbraco Forms)</h2> </div> </div> <div class="body markdown-syntax"> <p>Has anyone tackled a custom workflow for Umbraco Forms that integrates with PayPal? I know the scope for "integrates with PayPal" could be narrow or wide. </p> <p>Ideally:</p> <ol> <li>Fill out the Umbraco Form.</li> <li>Calculate a price based on responses.</li> <li>Forward the user to PayPal for payment.</li> <li>Forward the user back to a confirmation page.</li> <li>Record the PayPal data in a custom field attached to the form.</li> </ol> <p>I have a non-profit client who's asked this from me, and we try to maximize their budget and use as much as we can from open source. So thank you if anyone has code to share that begins to check the initiatives above. </p> <p>All the best,</p> </div> </div> <div class="actions"> <a href="#" class="copy-link" data-id="#comment-109473"> <i class="icon-Link"></i><span>Copy Link</span> </a> </div> </li>  <li class="comment" data-parent="0" id="comment-339768"> <div class="meta"> <div class="profile"> <a href="/member/296645">Miichelfoster</a> <span> 6 posts </span> <span>76 karma points</span> </div> <div class="time" title="Fri, 22 Jul 2022 06:11:52 UTC+00:00:00"> Jul 22, 2022 @ 06:11 </div> </div> <div class="comment-inner"> <a href="/member/296645" class="photo"><img src="/media/avatar/296645.png?width=75&height=75&mode=crop&upscale=true" srcset="/media/avatar/296645.png?width=150&height=150&mode=crop&upscale=true 2x, /media/avatar/296645.png?width=225&height=225&mode=crop&upscale=true 3x" alt="Miichelfoster" /></a> <div class="highfive highfive-comment"> <div class="highfive-count votes-tooltip"> 0 </div> </div> <div class="body markdown-syntax"> <p>I want to know how to create a payment button using the PayPal website<a href="https://www.dinarguru.biz/" rel="nofollow noreferrer noopener">?</a></p> </div> </div> <div class="actions"> <a href="#" id="copy-link" class="copy-link" data-id="#comment-339768"> <i class="icon-Link"></i><span>Copy Link</span> </a> </div> </li> <li class="comment" data-parent="0" id="comment-339769"> <div class="meta"> <div class="profile"> <a href="/member/41447">Arjan Woldring</a> <span> 124 posts </span> <span>231 karma points</span> </div> <div class="time" title="Fri, 22 Jul 2022 09:16:27 UTC+00:00:00"> Jul 22, 2022 @ 09:16 </div> </div> <div class="comment-inner"> <a href="/member/41447" class="photo"><img src="/media/avatar/41447.png?width=75&height=75&mode=crop&upscale=true" srcset="/media/avatar/41447.png?width=150&height=150&mode=crop&upscale=true 2x, /media/avatar/41447.png?width=225&height=225&mode=crop&upscale=true 3x" alt="Arjan Woldring" /></a> <div class="highfive highfive-comment"> <div class="highfive-count votes-tooltip"> 0 </div> </div> <div class="body markdown-syntax"> <p>Hi,</p> <p>It's quite some work to handle payments through Umbraco Forms. </p> <p>But.. Umbraco Forms 10.1 is about to be released soon. This update makes it simpler to integrate payment provider as it seems.</p> <p><a href="https://umbraco.com/blog/umbraco-forms-release-candidates-81395101/#:~:text=Redirect%20from%20Workflows,found%20here." rel="nofollow noreferrer noopener">Blog Umbraco Forms 10.1 RC</a></p> <p>Cheers, Arjan</p> </div> </div> <div class="actions"> <a href="#" id="copy-link" class="copy-link" data-id="#comment-339769"> <i class="icon-Link"></i><span>Copy Link</span> </a> </div> </li>  <li class="comment" id="reply-is-coming" style="background: rgba(222, 253, 254, 0.5); display: none;"> <div class="meta"> </div> <div class="comment-inner"> <a class="photo" href=""><img src=""></a> <div class="body markdown-syntax"> <div class="typing-indicator"> <span></span> <span></span> <span></span> </div> <p style="text-align:center"> <span class="author"></span> is working on a reply... </p> </div> </div> </li> </ul> <div class="replybutton notloggedin"> Please <a href="/member/login?redirectUrl=https%3a%2f%2four.umbraco.com%2fforum%2fusing-umbraco-and-getting-started%2f109473-workflow-for-paypal-payment-umbraco-forms">Sign in</a> or <a href="/member/signup">register</a> to post replies </div>  <script src="https://ajax.aspnetcdn.com/ajax/signalr/jquery.signalr-2.2.2.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pnotify/3.2.0/pnotify.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/pnotify/3.2.0/pnotify.css" rel="stylesheet" type="text/css" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/pnotify/3.2.0/pnotify.brighttheme.css" rel="stylesheet" type="text/css" /> <script src="/signalr/hubs" type="text/javascript"></script> <script src="/scripts/forumsignalr.js" type="text/javascript"></script> <script type="text/javascript"> startNotifier(0, '', 109473, false); </script>  </div> </section> <div class="markdown-spacer"></div> <div id="markdown-editor" class="markdown-editor"> <div class="container"> <div class="row reply-to"> <div class="col-sm-6"> <p>Write your reply to: <a class="reply-name" href=""></a></p> </div> <div class="col-sm-6"> <p id="writing-notification"></p> </div> </div> <div class="row create-topic"> <div class="col-sm-12"> <input id="topic-title" class="markdown-control" name="topic-title" type="text" placeholder="Enter topic title"> </div> <div class="col-sm-3 col-xs-6" style="display: none;"> <select name="topic-category" id="topic-category" class="markdown-control"> <option class="usingumbracoandgettingstarted" value="153480">Using Umbraco and getting started</option> <option class="templates,(partial)viewsandmacros" value="153481">Templates, (partial) views and macros</option> <option class="extendingumbracoandusingtheapi" value="153482">Extending Umbraco and using the API</option> <option class="developingpackages" value="153483">Developing Packages</option> <option class="umbraco8" value="274355">Umbraco 8</option> <option class="umbraco9" value="287258">Umbraco 9</option> <option class="umbracocloud" value="73966">Umbraco Cloud</option> <option class="umbracoforms" value="153486">Umbraco Forms</option> <option class="umbracocourier" value="153487">Umbraco Courier</option> <option class="contributingtoumbracocms" value="153485">Contributing to Umbraco CMS</option> <option class="umbracoheartcore" value="280131">Umbraco Heartcore</option> <option class="umbracouno" value="283258">Umbraco Uno</option> </select> </div> </div> <div class="row hidden-xs"> <div class="col-md-12"> <div id="wmd-button-bar"></div> </div> </div> <div class="row input-row"> <div id="input-container" class="col-md-6"> <label>Editor</label> <textarea name="" id="wmd-input" cols="30" rows="10" class="wmd-input markdown-control"></textarea> </div> <div id="preview-container" class="col-md-6"> <label>Preview</label> <div id="wmd-preview" class="wmd-panel wmd-preview markdown-syntax"></div> </div> </div> <div class="row"> <div class="col-xs-8"> <input class="button tiny markdown-control" type="button" value="Post my reply" id="topic-submit"> <div id="posting"><div class="loader"></div></div> </div> <div class="col-xs-4 visible-xs visible-sm"> <button id="mobile-preview" class="markdown-control"> <i class="icon-Eye"></i> <span>Preview</span> </button> </div> </div> </div> <span class="markdown-close icon-Navigation-down"></span> <div class="draft">Draft</div> </div> <div id="insert-image-dialog" class="wmd-prompt-dialog" style="display: none;"> <div style="padding: 5px;"> <p><b>Upload image</b></p> <p>Image will be uploaded when post is submitted</p> <div class="span" style="display:none;"><div class=" loader"></div></div> <input type="file" name="file" id="file" data-action="/umbraco/api/forum/editorupload" /> <div style="text-align:center;"> <input type="button" value="Cancel" style="margin: 10px; display: inline; width: 7em;"> </div> </div> </div>  <script id="comment-template" type="x-tmpl-mustache"> <li class="comment {{cssClass}}" data-parent="{{id}}" id="comment-{{id}}"> <div class="meta"> <div class="profile"> <a href="/member/{{authorId}}">{{authorName}}</a> has in total {{authorKarma}} karma points <span class="roles"> {{#roles}} <span class="{{CssClass}}">{{Name}}</span> {{/roles}} </span> </div> <div class="time"> {{created}} </div> </div> <div class="comment-inner"> <a href="/member/{{authorId}}" class="photo"> {{{avatar}}} </a> <div class="highfive"> <div class="highfive-count"> 0 </div> </div> <div class="body markdown-syntax"> {{#isSpam}} <div class="alert"> Sorry if we're causing you any inconvenience but this comment has been automatically marked for manual approval. A moderator has been notified and will evaluate to make sure you're not trying to post spam. <br /> Only moderators and the comment author can see this comment. When this comment has been approved this comment will be shown as normal. After that, your future comments will not need manual approval. <br /><br /> <strong>Note:</strong>We will send you an email when your account has been approved.<br /><br /> <strong>Why are we doing this?</strong> We're dealing with a spam problem that cannot be fought with automated systems. Therefore, we approve each account that has a low number of posts manually. Again, sorry for the inconvenience, we much appreciate your contribution and your patience while we approve your account. </div> {{/isSpam}} {{{body}}} </div> </div> <div class="actions"> {{#isLoggedIn}} <a href="#" data-topic="{{topicId}}" data-parent="{{id}}" data-controller="comment" class="forum-reply reply"> <i class="icon-Reply-arrow"></i><span>Reply</span> </a> {{#canManageComment}} <a href="#" class="edit-post" data-id="{{id}}" data-topic="{{topicId}}" data-controller="comment"> <i class="icon-Edit"></i><span>Edit</span> </a> <a href="#" class="delete-reply" data-id="{{id}}"> <i class="icon-Delete-key"></i><span>Delete post</span> </a> {{/canManageComment}} {{/isLoggedIn}} <a href="#" class="copy-link" data-id="#{{id}}"> <i class="icon-Link"></i><span>Copy Link</span> </a> </div> </li> </script> <footer> <div class="container is-narrow-tablet"> <div class="row"> <div class="col-xs-12"> <p><a href="/code-of-conduct">Code Of Conduct</a> - <a href="/privacy-policy">Privacy Policy</a></p> <p> </p> Our.umbraco.com is the community mothership for <a href="https://umbraco.com" target="_blank" rel="noopener noreferrer">Umbraco</a>, the open source asp.net cms. With a friendly forum for all your questions, a comprehensive documentation and a ton of packages from the community. </div> </div> </div> </footer> </div>  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.13.1/jquery.validate.min.js" type="text/javascript"></script><script src="https://ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js" type="text/javascript"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/pagedown/1.0/Markdown.Converter.js" type="text/javascript"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/pagedown/1.0/Markdown.Editor.js" type="text/javascript"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/pagedown/1.0/Markdown.Sanitizer.js" type="text/javascript"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.8.1/mustache.min.js" type="text/javascript"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.20/jquery.fancybox.min.js" type="text/javascript"></script><script src="/DependencyHandler.axd?s=L2Fzc2V0cy9qcy9qcXVlcnkuYWpheGZpbGV1cGxvYWQuanM7L2Fzc2V0cy9qcy9qcXVlcnkuc2Nyb2xseS5qczsvYXNzZXRzL2pzL2xvZGFzaC5taW4uanM7L2Fzc2V0cy9qcy9jb21tdW5pdHkuanM7L2Fzc2V0cy9qcy9hcHAubWluLmpzOy9hc3NldHMvanMvZWRpdG9yLm1pbi5qczs&t=Javascript&cdv=24092702" type="text/javascript"></script> <script type="text/javascript" src="/scripts/jquery.tooltipster.min.js"></script> <script type="text/javascript"> $('.highfive-count').tooltipster({ contentAsHTML: true, interactive: true, multiple: true }); </script> </body> </html>

CINXE.COM

workflow for paypal payment umbraco forms - Using Umbraco and getting started - our.umbraco.com