Payment Links

POSTED ON: November 21 2017

Payment Links

Use payment links to create a mini shop, donation forms and many other things to collect payments with the help of a simple HTML form that you place on your website. All you need to know are the HTML basics and maybe JavaScript or you simply have a look at our Github Payment Link Example and start from there. Processing transactions has never been that simple.

Payment Links help you to process transactions and collect payments when you decided not to start an online-shop or when you've got no suitable backend for processing transactions. And the best thing is: It is all possible without having years of experience in programming and coding.

”Processing transactions has never been that simple.”

How Payment Links can be used

Payment Links can be used whenever you do want to process payments but you do not have or need the functionality of a fully fledged Shopping Cart like WooCommerce or Magento. The big advantage of payment links is, that you are able to accept payments in your store without implementing any API request. All you need to do is to create a HTML form that you place on your website or send around. When you create the form, you are able to provide additional parameters like product, address, line items etc. via the POST or GET parameters.

This has multiple advantages for your as a developer or merchant:

  • You can turn your existing website into a web shop with just a few lines of HTML code (see examples below).
  • You have the full control about how to style this element so it can be integrated seamlessly into your webshop.
  • wallee already offers you the tools to send customized invoices, emails, etc. to your customers.
  • You can use payment links to accept payments on popular static content websites like Jekyll, Github Pages, Hexo and many more. This basically allows you to do this without any webhosting directly on Amazon S3 or alternative storage providers.
  • You can also turn website builders like WIX or Jimdo into small shops within minutes.
  • You can start sending our payment links and attach information via GET Parameters from your ERP to remind customers about open invoices and give them an option to pay their invoices directly.
  • and many more...

Below you find a code example that illustrates how easily you can start to sell a product through an address form directly on your website.

     <form action="<< put here payment link url >>" method="POST">
     <input type="text" name="billingAddress[givenName]" placeholder="Given Name" />
     <input type="text" name="billingAddress[familyName]" placeholder="Family Name" />
     <input type="text" name="billingAddress[street]" placeholder="Street" />
     <input type="text" name="billingAddress[postCode]" placeholder="Post Code" />
     <input type="text" name="billingAddress[city]" placeholder="City Name" />
     <input type="text" name="billingAddress[country]" placeholder="Country Code" />
     <input type="hidden" name="lineItems[0][uniqueId]" value="test" />
     <input type="hidden" name="lineItems[0][sku]" value="test" />
     <input type="hidden" name="lineItems[0][name]" value="Test" />
     <input type="hidden" name="lineItems[0][amountIncludingTax]" value="10.87" />
     <input type="hidden" name="metaData[additionalData]" value="Additional Data" />
     <input type="hidden" name="currency" value="CHF" />
     <!-- Further parameters as you need. -->
     <input type="submit" value="Pay" />

We see multiple use cases where this product can be applied:

  • You can use payment links as a solution to sell products on your website without implementing any backend or online shop. When you're creating the payment link, you are able to define how many times the link can be used to simulate an "inventory". This allows you to place the form in any Static Content Generation Tool like Jekyll, Github Pages, Hexo or simple website Builder like WIX or Jimdo. We are going to cover this topic more extensively in an additional blog post.
  • If you'd like to collect donations on your website or let your customers pay the invoice using credit card or any other payment method, you can implement a simple form on your website, which is pointing to wallee directly. The amount can be set individually within the form. You can collect any additional contact details you would like to have and store the different information in our system if you wish.
  • In the era of social media and social influencers you can use payment links to promote your products and sell them through the social media channels. All you need is a simple website with a product description that you share through these channels.

How it works

The payment link feature is available in every subscription package of wallee. All you need to do is to enable the feature in your space and you are able to create your payment links. Read here how to setup the payment links and how to continue from there:

  • Go to your wallee Space > Payment Links. Here you are able to create your new payment link and define different paramters like currency, usage, validity, etc.
  • After creating the payment link, you can just copy the provided URL and start invoking it. Depending on how you have setup the payment link, you need to provide additional parameters in the request.
  • Now you can place the form on your website or send the link with the parameters to your clients

More information about Payment Links

Invoice Documents / Customization

One major issue the current mini shop offers face is that they are very limited in how you can style and integrate them into your website. Usually all you get is an iFrame integration. This is of course easy to integrate but very limited in terms of customization and layout. In comparison, the option with HTML forms gives you full control to style every element as you wish so that the form integrates seamlessly into the look and feel of your website.

Furthermore, payment links are fully integrated into wallee. You can make use of all the integrations wallee offers to connect your form and process the order. In addition, wallee can also create the invoices, packing slips, and any other documents directly out of the box and send it to your customer.

Last but not least you can style and customize each of these documents as well as the payment pages according to your needs. Of course, you can also provide your customized success and failure pages, where the customer arrives after the payment process has finished successfully.

Read more information about Document Styling
Read more Payment Acceptance

Try it out

To give you an idea how these forms in all of the use cases can look like, we implemented them directly in this blogpost. We've created them directly with the help of wallee. If you do not have the necessary HTML skills to create HTML forms you can make use of the various online tools like e.g. formbuilder. However, just make sure that you name the fields of the HTML input fields according to the payment link documentation so that they can be mapped.

We do also provide you some basic HTML code snippets that you can use on our github repository for payment links - they even include auto completion using the Google Maps API and do some basic form validation.

Example 1: Donation Form

The donation form can be used to accept donations on your website using only a few lines of HTML code. The meta data can be used to pass additional information to our API, which you can print on the invoice document that you send to your client or simply extract using the wallee API for more experienced users.

Example 1: Donation - try it yourself by providing your E-Maill address. You're going to receive a confirmation email.

Example 2: Invoice Payment Form

The invoice payment form can be used for companies to allow customers to pay their invoices via Credit Card or any other payment method if the amount should be paid immediately. The form can be placed on the website and copied into reminder e-mails or invoices in order to ease the process.

Please provide the amount, invoice number and the email address. You will be redirected directly to the payment gateway in order to pay your invoice using your credit card.

Example 2: Use the form to enable your customers to pay invoices on their websites.

Example 3: Mini Shop

Use the mini shop to sell products on your blog using a simple HTML form.

Buy the XMas Package for 120 CHF.

Example 3: Start selling products on your website/blog with just a few lines of HTML Code.


If you have any remaining questions do not hesitate to contact us.





#donation form

Share this post:

Ready to get started?

Get in touch or create an account!