Add online payment links
How to add and customise a payment link in your document or email so you can accept payments via your automated documents or emails
Streamlining payment processes is crucial for businesses of all sizes. Using Portant, you can add payment links to documents and emails to request payments efficiently.
In this guide we will show you:
How to set up and connect your Stripe account
How to customise your payment link
An example of an online payment using Portant and Stripe
How to change your payment fees
How to set up and connect your Stripe account
On the right side of your document or email block you will see a section to accept payments via Stripe. Click the 'Add' button.
![](https://docs.portant.co/~gitbook/image?url=https%3A%2F%2F1896334337-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FPksGGRu3iiruaw3YMfz1%252Fuploads%252FjBL7lgMBqDZW6wN3TObL%252Fpika-1720625384105-1x.png%3Falt%3Dmedia%26token%3Db5a00d20-0028-42e5-8b5f-9d9902062f3e&width=768&dpr=4&quality=100&sign=c7059e3&sv=1)
Then click the 'Connect' button
![](https://docs.portant.co/~gitbook/image?url=https%3A%2F%2F1896334337-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FPksGGRu3iiruaw3YMfz1%252Fuploads%252FNbxtwfHSa5KRYyOKJStH%252Fpika-1720626279690-1x.png%3Falt%3Dmedia%26token%3D2ccdb251-3f81-4003-9755-9e5a6e3805d2&width=768&dpr=4&quality=100&sign=6af2b638&sv=1)
After that, sign into your Stripe account or set up a new one.
![](https://docs.portant.co/~gitbook/image?url=https%3A%2F%2F1896334337-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FPksGGRu3iiruaw3YMfz1%252Fuploads%252FxFw0GbOITfoknBpl4HgJ%252Fpika-1720626304681-1x.png%3Falt%3Dmedia%26token%3D6953b3d9-2360-4c61-a268-5bdb401511f7&width=768&dpr=4&quality=100&sign=bba8ef7d&sv=1)
When you have finished setting up your account you need to refresh the connection by clicking the 'Refresh' button.
![](https://docs.portant.co/~gitbook/image?url=https%3A%2F%2F1896334337-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FPksGGRu3iiruaw3YMfz1%252Fuploads%252FJVgrwj31WXl5IrRY1UkY%252Fpika-1720626904656-1x.png%3Falt%3Dmedia%26token%3D73eb7ecf-2efa-4390-8c08-e9d0764eb1a6&width=768&dpr=4&quality=100&sign=bdfc0b58&sv=1)
Now you have connected your Stripe account you will be able to add payment links connected with this account to any workflow.
Note: If you have a teams account you can select that your Stripe account is used for any shared Team's workflow (only editable by Team Editors)
How to customise your payment link
The first thing you will need to do is select your currency, amount and description for your payment link. These can be static values, or you can use {{fields}} from your source to dynamically change them:
![](https://docs.portant.co/~gitbook/image?url=https%3A%2F%2F1896334337-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FPksGGRu3iiruaw3YMfz1%252Fuploads%252FmRm45fxB6ak5p6wNyAFg%252Fpika-1720627141735-1x.png%3Falt%3Dmedia%26token%3D69c43cae-805f-4ca5-88a0-c324b5952d05&width=768&dpr=4&quality=100&sign=7d2e368e&sv=1)
After you have set up the details of the payment links, you can add the payment link/button into your document. To see a preview of the Stripe Payment button, please expand the row.
![](https://docs.portant.co/~gitbook/image?url=https%3A%2F%2F1896334337-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FPksGGRu3iiruaw3YMfz1%252Fuploads%252FRMx2MZb2r6muFZOnm2q7%252Fpika-1720627295358-1x.png%3Falt%3Dmedia%26token%3D553060c9-ff33-4a6c-a346-d756d21154cc&width=768&dpr=4&quality=100&sign=466230e8&sv=1)
The payment button is inserted as an image in your document, so you can crop the image to exclude the payment types below the button, like this:
![](https://docs.portant.co/~gitbook/image?url=https%3A%2F%2F1896334337-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FPksGGRu3iiruaw3YMfz1%252Fuploads%252FCXh76YZX6hU2Nk6Bbykw%252FScreenshot%25202024-07-11%2520at%252012.06.57%25E2%2580%25AFAM.png%3Falt%3Dmedia%26token%3D99f2ada8-da90-480b-9d72-ec1ff08aed5e&width=768&dpr=4&quality=100&sign=bbe31d49&sv=1)
Note When you insert the payment button, it will be inserted at the end of your doucment.
The payment link display text can also be altered by expanding the row link this:
![](https://docs.portant.co/~gitbook/image?url=https%3A%2F%2F1896334337-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FPksGGRu3iiruaw3YMfz1%252Fuploads%252FclvIqQeJ0aMDsgBdbH2W%252Fpika-1720627349597-1x.png%3Falt%3Dmedia%26token%3D182405db-c8d3-4a0b-81f5-0aab3ec85cd0&width=768&dpr=4&quality=100&sign=82698109&sv=1)
This will allow you to insert display text like 'Pay online' instead of the link.
An example of an online payment using Portant and Stripe
When the document is created, Portant creates a payment link unique for that document/email. When the user clicks on the link they will be taken to a screen that then takes them to a payment page like this:
![](https://docs.portant.co/~gitbook/image?url=https%3A%2F%2F1896334337-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FPksGGRu3iiruaw3YMfz1%252Fuploads%252FR9QsrBuH71WndmzrNUrY%252Fpika-1720653746961-1x.png%3Falt%3Dmedia%26token%3D1f7ad573-5829-4cfe-8edb-1263a1afad9c&width=768&dpr=4&quality=100&sign=143e4e77&sv=1)
Then the checkout page will be displayed. The branding and colour used on this page can be customised in your Stripe settings: https://dashboard.stripe.com/settings/branding/checkout
![](https://docs.portant.co/~gitbook/image?url=https%3A%2F%2F1896334337-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FPksGGRu3iiruaw3YMfz1%252Fuploads%252FPKS5ZBMoh7ilcj3rbHvU%252Fpika-1720653854631-1x.png%3Falt%3Dmedia%26token%3D598c2aa7-9f82-42e8-bef6-a67350fb2f5d&width=768&dpr=4&quality=100&sign=3f766142&sv=1)
Payment fees
There are two fees for payments, the Stripe processing fee and the Portant fee. The Stripe fee is set by Stripe and can't be changed, but Portant fee changes depending on your subscription tier:
Tier | Fee |
---|---|
Free | 5% + Stripe Fees |
Pro | 1% + Stripe Fees |
Teams | 0.5% + Stripe Fees |
Feedback and feature suggestions
We created Portant in 2021, and the feedback we have received since then has been very helpful and greatly appreciated. If you have any feedback, please feel free to send us an email at contact@portant.co or use our contact form here: https://www.portant.co/support
Last updated