diff options
Diffstat (limited to 'public/post/2014-10-03-visual-form-builder-paypal-redirect/index.html')
| -rw-r--r-- | public/post/2014-10-03-visual-form-builder-paypal-redirect/index.html | 236 |
1 files changed, 236 insertions, 0 deletions
diff --git a/public/post/2014-10-03-visual-form-builder-paypal-redirect/index.html b/public/post/2014-10-03-visual-form-builder-paypal-redirect/index.html new file mode 100644 index 0000000..930cd0f --- /dev/null +++ b/public/post/2014-10-03-visual-form-builder-paypal-redirect/index.html @@ -0,0 +1,236 @@ +<!DOCTYPE html> +<html lang="en-us"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> + <title>Visual Form Builder PayPal Redirect · Allegiant</title> + <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> + <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> + +</head> +<body> + +<header class="header" style="background-color: #009DDC; + background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + + <section id="branding"> + <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <nav id="mainmenu"> + <ul> + <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> + <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> + <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + </ul> + </nav> + <input type="checkbox" id="op"></input> + <div class="lower"> + <label for="op">Menu</label> + </div> + <div class="overlay overlay-hugeinc"> + <label for="op"></label> + <nav id="menu" role="navigation"> + <ul> + <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> + <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> + <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + </ul> + </nav> + </div> + <div class="clearfix"></div> + </section> + <div class="post-heading"> + <h1> + Visual Form Builder PayPal Redirect + <div class="share-icons-header"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> + <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> + <g> + <g> + <path d="M437.219,245.162c0-3.088-0.056-6.148-0.195-9.18c13.214-9.848,24.675-22.171,33.744-36.275 + c-12.129,5.453-25.148,9.097-38.835,10.626c13.965-8.596,24.675-22.338,29.738-38.834c-13.075,7.928-27.54,13.603-42.924,16.552 + c-12.323-14.021-29.904-22.95-49.35-23.284c-37.332-0.612-67.598,30.934-67.598,70.463c0,5.619,0.584,11.072,1.752,16.329 + c-56.22-3.616-106.042-32.881-139.369-77c-5.814,10.571-9.152,22.922-9.152,36.164c0,25.037,11.934,47.291,30.071,60.421 + c-11.099-0.5-21.503-3.866-30.627-9.375c0,0.306,0,0.612,0,0.918c0,34.996,23.312,64.316,54.245,71.159 + c-5.675,1.613-11.656,2.448-17.804,2.421c-4.367-0.028-8.596-0.501-12.713-1.392c8.596,28.681,33.577,49.628,63.147,50.323 + c-23.145,19.194-52.298,30.655-83.955,30.572c-5.453,0-10.849-0.361-16.135-1.029c29.933,20.53,65.456,32.491,103.65,32.491 + C369.23,447.261,437.219,339.048,437.219,245.162z"/> + <path d="M612,306C612,137.004,474.995,0,306,0C137.004,0,0,137.004,0,306c0,168.995,137.004,306,306,306 + C474.995,612,612,474.995,612,306z M27.818,306C27.818,152.36,152.36,27.818,306,27.818S584.182,152.36,584.182,306 + S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> + </g> + </svg></a> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> + <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> + <g> + <g> + <path d="M349.146,402.251c0-30.016-17.387-44.815-36.525-60.922l-15.662-12.185c-4.785-3.895-11.294-9.124-11.294-18.693 + c0-9.57,6.537-15.662,12.184-21.309c18.249-14.354,36.526-29.571,36.526-61.756c0-33.076-20.892-50.462-30.878-58.724l0,0h26.956 + L358.271,153h-89.603c-23.479,0-53.049,3.478-77.863,23.924c-18.693,16.079-27.818,38.278-27.818,58.279 + c0,33.911,26.093,68.294,72.188,68.294c4.368,0,9.125-0.445,13.937-0.863c-2.17,5.23-4.34,9.569-4.34,16.97 + c0,13.464,6.955,21.753,13.047,29.57c-19.556,1.308-56.109,3.478-83.065,20.001c-25.676,15.217-33.493,37.416-33.493,53.077 + c0,32.186,30.461,62.201,93.525,62.201C309.561,484.454,349.146,443.116,349.146,402.251z M255.621,291.34 + c-37.415,0-54.384-48.292-54.384-77.418c0-11.322,2.17-23.034,9.569-32.186c6.955-8.707,19.139-14.382,30.461-14.382 + c36.108,0,54.802,48.738,54.802,80.033c0,7.845-0.862,21.754-10.877,31.768C278.237,286.11,266.498,291.312,255.621,291.34z + M256.066,466.177c-46.54,0-76.556-22.171-76.556-53.049s27.846-41.311,37.416-44.787c18.276-6.093,41.755-6.982,45.677-6.982 + c4.34,0,6.51,0,9.987,0.445c33.076,23.479,47.402,35.218,47.402,57.416C319.992,446.176,297.821,466.177,256.066,466.177z"/> + <polygon points="353.068,317.768 400.164,317.768 400.164,364.836 423.699,364.836 423.699,317.768 470.768,317.768 + 470.768,294.233 423.699,294.233 423.699,247.165 400.164,247.165 400.164,294.233 353.068,294.233 "/> + <path d="M612,306C612,137.004,474.995,0,306,0C137.004,0,0,137.004,0,306c0,168.995,137.004,306,306,306 + C474.995,612,612,474.995,612,306z M27.818,306C27.818,152.36,152.36,27.818,306,27.818S584.182,152.36,584.182,306 + S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> + </g> + </svg></a> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> + <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> + <g> + <g> + <path d="M612,306C612,137.004,474.995,0,306,0C137.004,0,0,137.004,0,306c0,168.995,137.004,306,306,306 + C474.995,612,612,474.995,612,306z M27.818,306C27.818,152.36,152.36,27.818,306,27.818S584.182,152.36,584.182,306 + S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> + <path d="M317.739,482.617V306h58.279l9.208-58.529h-67.487v-29.348c0-15.272,5.007-29.849,26.928-29.849h43.813v-58.418h-62.201 + c-52.298,0-66.569,34.438-66.569,82.175v35.413h-35.885V306h35.885v176.617H317.739L317.739,482.617z"/> + </g> + </svg> + </a> + </div> + + </h1> + </div> + + </header> + + <div id="container"> + + +<section id="content" role="main"> +<section class="entry-meta"> + <span class="post-date">Oct 3, 2014</span> +</section></header> +<section class="entry-content"> +<article> +<p>For anyone who knows me even slightly well knows that I’m a huge fan of WordPress. I use it as my go-to CMS for all of the websites I create, whether for myself or for clients. It gives me the flexibility I need in a well designed format, and it gives my clients the ability to make changes to their own websites without knowing any code.</p> + +<p>Some people will give you a giant list of plugins that you have to download when first setting up your WordPress site. My theory is the opposite. The fewer plugins, the better. I don’t install something if I don’t need it, just to have it. One plugin I almost always find myself installing, though, is <a href="https://wordpress.org/plugins/visual-form-builder/" target="_blank">Visual Form Builder</a>. It makes creating HTML forms a piece of cake. Sure, you can code them all yourself, but why when this is so easy? It offers plenty of features, such as sending a copy of the form to administrators, to the person filling out the form, and so many other features. There is a <a href="http://vfbpro.com/" target="_blank">Pro version</a> as well if you need it, but I’ve found that all the features I need are offered in the free version.</p> + +<p>One thing I often do for clients is build a form using this plugin so that they can collect some data or information from their customers. Once the customers click “Submit” on the form, it redirects them to a PayPal link where they can purchase a product. All of this is done through Visual Form Builder. On the “Confirmation” section, you have the option of redirecting the user to a different page in your WordPress site, to a different URL, or just display some text. Here is where I select “URL” and then post in the link that (under the email tab, not the WordPress form code) that PayPal has given me.</p> + +<p>This morning, however, I ran into a new problem I’d never seen before. Upon redirection, I saw this error through PayPal:</p> + +<p><img src="http://localhost:1313/brycematheson.io/img/post_images/visualformbuilder1.png" alt="Visual Form Builder" /></p> + +<p>I did everything that I could think of, and I could not for the life of me figure out the issue. It kept saying that I was missing “required information”. The thing was that I wasn’t sending any information. And what was even more baffling was that if I copied the link directly into a browser, the URL worked fine, and I was successfully redirected to PayPal. Therefore, the problem lies with Visual Form Builder.</p> + +<p>I scoured the internet. I found a post on the plugin support page with someone having the same issue as me, but it was a quick dead-end. It was over 2 years old, and no problem had been found. The developer basically said, “Buy the Pro version.” And then the topic was closed. Well, that was no help.</p> + +<p>I continued trying. After a lot of trial and error, I finally found a workaround. I used the <a href="https://goo.gl/" target="_blank">Google Link Shortener</a>, and for some reason, that worked. I pasted in my PayPal “email” link, and then Google spit out a shorter URL. I pasted that into the “Redirect” field under the confirmation settings, and voila! It worked!</p> + +<p><img src="http://localhost:1313/brycematheson.io/img/post_images/visualformbuilder2.png" alt="Visual Form Builder" /></p> + +<p>This seemed to work for me. It’s not ideal, but it’ll do for now. Have you had a similar problem? Does this work for you? Let me know what you think.</p> + +</section> +<div class="entry-links"></div> +</article> +<div class="share-icons-body"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> + <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> + <g> + <g> + <path d="M437.219,245.162c0-3.088-0.056-6.148-0.195-9.18c13.214-9.848,24.675-22.171,33.744-36.275 + c-12.129,5.453-25.148,9.097-38.835,10.626c13.965-8.596,24.675-22.338,29.738-38.834c-13.075,7.928-27.54,13.603-42.924,16.552 + c-12.323-14.021-29.904-22.95-49.35-23.284c-37.332-0.612-67.598,30.934-67.598,70.463c0,5.619,0.584,11.072,1.752,16.329 + c-56.22-3.616-106.042-32.881-139.369-77c-5.814,10.571-9.152,22.922-9.152,36.164c0,25.037,11.934,47.291,30.071,60.421 + c-11.099-0.5-21.503-3.866-30.627-9.375c0,0.306,0,0.612,0,0.918c0,34.996,23.312,64.316,54.245,71.159 + c-5.675,1.613-11.656,2.448-17.804,2.421c-4.367-0.028-8.596-0.501-12.713-1.392c8.596,28.681,33.577,49.628,63.147,50.323 + c-23.145,19.194-52.298,30.655-83.955,30.572c-5.453,0-10.849-0.361-16.135-1.029c29.933,20.53,65.456,32.491,103.65,32.491 + C369.23,447.261,437.219,339.048,437.219,245.162z"/> + <path d="M612,306C612,137.004,474.995,0,306,0C137.004,0,0,137.004,0,306c0,168.995,137.004,306,306,306 + C474.995,612,612,474.995,612,306z M27.818,306C27.818,152.36,152.36,27.818,306,27.818S584.182,152.36,584.182,306 + S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> + </g> + </svg></a> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> + <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> + <g> + <g> + <path d="M349.146,402.251c0-30.016-17.387-44.815-36.525-60.922l-15.662-12.185c-4.785-3.895-11.294-9.124-11.294-18.693 + c0-9.57,6.537-15.662,12.184-21.309c18.249-14.354,36.526-29.571,36.526-61.756c0-33.076-20.892-50.462-30.878-58.724l0,0h26.956 + L358.271,153h-89.603c-23.479,0-53.049,3.478-77.863,23.924c-18.693,16.079-27.818,38.278-27.818,58.279 + c0,33.911,26.093,68.294,72.188,68.294c4.368,0,9.125-0.445,13.937-0.863c-2.17,5.23-4.34,9.569-4.34,16.97 + c0,13.464,6.955,21.753,13.047,29.57c-19.556,1.308-56.109,3.478-83.065,20.001c-25.676,15.217-33.493,37.416-33.493,53.077 + c0,32.186,30.461,62.201,93.525,62.201C309.561,484.454,349.146,443.116,349.146,402.251z M255.621,291.34 + c-37.415,0-54.384-48.292-54.384-77.418c0-11.322,2.17-23.034,9.569-32.186c6.955-8.707,19.139-14.382,30.461-14.382 + c36.108,0,54.802,48.738,54.802,80.033c0,7.845-0.862,21.754-10.877,31.768C278.237,286.11,266.498,291.312,255.621,291.34z + M256.066,466.177c-46.54,0-76.556-22.171-76.556-53.049s27.846-41.311,37.416-44.787c18.276-6.093,41.755-6.982,45.677-6.982 + c4.34,0,6.51,0,9.987,0.445c33.076,23.479,47.402,35.218,47.402,57.416C319.992,446.176,297.821,466.177,256.066,466.177z"/> + <polygon points="353.068,317.768 400.164,317.768 400.164,364.836 423.699,364.836 423.699,317.768 470.768,317.768 + 470.768,294.233 423.699,294.233 423.699,247.165 400.164,247.165 400.164,294.233 353.068,294.233 "/> + <path d="M612,306C612,137.004,474.995,0,306,0C137.004,0,0,137.004,0,306c0,168.995,137.004,306,306,306 + C474.995,612,612,474.995,612,306z M27.818,306C27.818,152.36,152.36,27.818,306,27.818S584.182,152.36,584.182,306 + S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> + </g> + </svg></a> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> + <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> + <g> + <g> + <path d="M612,306C612,137.004,474.995,0,306,0C137.004,0,0,137.004,0,306c0,168.995,137.004,306,306,306 + C474.995,612,612,474.995,612,306z M27.818,306C27.818,152.36,152.36,27.818,306,27.818S584.182,152.36,584.182,306 + S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> + <path d="M317.739,482.617V306h58.279l9.208-58.529h-67.487v-29.348c0-15.272,5.007-29.849,26.928-29.849h43.813v-58.418h-62.201 + c-52.298,0-66.569,34.438-66.569,82.175v35.413h-35.885V306h35.885v176.617H317.739L317.739,482.617z"/> + </g> + </svg> + </a> +</div> +<div class="clearfix"></div> +<figure class="author-bio"> +<img class="bio-image" src="../../img/avatar.jpg" /> +<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +</figure> + +</section> +<div class="clear"></div> +</div> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> + <div id="footer-container"> + <div class="footer-column"> + + </div> + <div class="footer-column"> + + </div> + <div class="footer-column"> + + </div> + <div class="clearfix"></div> + </div> + <div id="copyright">© Allegiant. All Rights Reserved.</div> +</footer> +<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> + <script> + hljs.initHighlightingOnLoad(); + </script> + + <script> + (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ + (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), + m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) + })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); + ga('create', 'Your Google Analytics tracking id', 'auto'); + ga('send', 'pageview'); + </script> + +</div> +<script data-no-instant>document.write('<script src="http://' + + (location.host || 'localhost').split(':')[0] + + ':1313/livereload.js?mindelay=10"></' + + 'script>')</script></body> +</html>
\ No newline at end of file |