How to Add Apple Pay Donate Button to Medium Posts

Medium, if you haven’t heard, is one of the largest online blogging platforms that houses independent writers and publishers alike. It has been in existence for over five years, but the revenue stream for writers has been next to nothing even after the launch of Medium Partner program earlier in 2017. While the company continues to build upon the first-ever attention-based payout system, you can adopt other monetization techniques to continue your writing journey on Medium.

One such solution that has been made available to Medium writers is called Buyte, which allows you to accept donations from your dedicated reader base. However, the highlight of this third-party mobile gateway is that it simplifies the process by employing Apple Pay as the primary mode of payment. So, this means you can now integrate an Apple Pay donate button into your post.

What is Buyte?

Developed by Australian developer Ryan Soury, Buyte is a mobile payments solution which aims to accelerate the checkout experience. The platform currently relies on Apple Pay to make it easier for more users to complete their purchase, adding value to your business. It only requires you to connect your activated Stripe account to Buyte and use their widget to collect payments on your website.

While the platform plans to serve as a fully-featured mobile payments solution, it hopes the simple Apple Pay embeddable widget has many use cases. One of them being the collection of donations via Medium posts, which the company is still trying to monetize and pay out its writers on the platform.

Soury further adds that you can copy the Apple Pay widget code from Buyte’s website and embed it on any website, then why not hand it over to Medium users to make it easier for them to support their writing. It will only act as stimulation for them to continue providing you with more intellectual and influential reads.

Setup A Buyte Account

To start the process, we will first have to make a visit to Buyte’s official website to connect their payment gateway with Stripe (currently not available in India, coming soon). This will enable you to receive the donation in your Stripe account, which you can then transfer into your connected bank account.

  • Navigate to Buyte’s website and click the ‘Connect with Stripe‘ button at the top right.

How to Add Apple Pay Donate Button to Medium Posts

  • You’re now transferred to the Stripe integration page, which requires you to enter your payment details to start accepting donations using Buyte. You need to fillout the form if you’re new to Stripe, else you can click the Sign in link at the top right to connect your existing account to the platform.

stripe connect

  • I already have an existing Strype account, so I’ll just sign in to the same to authorize Buyte access to my payment details.

stripe login

  • Once your Stripe account is successfully linked to Buyte, you will be redirected back to Buyte’s home page. Here, you’ll see a confirmation message telling you that it will take about a day to send API Keys via email.

confirmation buyte

  • However, the platform is fairly new and unknown to many, so you will receive your API Keys within minutes. So, keep an eye out on your email account for the API Keys (I’ve blurred out a few numbers to keep my keys private), which will look like this:

API Keys

  • Now that you’ve received the API Keys, you can customize the Apple Pay widget that you’ll embed on Medium to start collecting donations.

Generating the Apple Pay Donate Button

The process to generate a donation button may seem a little tricky at first but it’s actually quite simple. You just need to have your public key and these two lists (country code and currency code) handy to customize the widget as per your needs.

  • The first thing you’ll need is the raw embed code, which has been shared by Soury on his Medium page. There is currently no customizable widget generator that can help you get access to your Apple Pay widget in seconds. You’ll need to put in the effort to complete this:
https://buyte.co/embed?
public-key=< Your public key > &
country=< Two-letter country code > &
currency=< Three letter currency code > &
total-text=< Main payment text > &
total-amount=< Payment amount to two decimal places >
  • Now, you need to replace the text between the angle brackets (< >) and the brackets as well with the values you want.
  • You can copy the public key from the email you received from Buyte, country code= IN (India), currency code= INR (India), total text defines what the donation is for and you also have to specify the donation amount you wish to receive from your readers. Here’s an example:
https://buyte.co/embed? 
public-key= pk_test_61487c7deb896d17bda54493aaed13549a14624f &
country=IN &
currency=INR &
total-text=thanks for the support &
total-amount=50.00

Note: The spacing in the preformatted embed code columns is to make it easier for you to easily see all the variables. You’ll need to remove all spaces (except for the ones between words in the total text, where spaces will be replaced by %20) and make it appear like a single embeddable link. Here’s how it’ll look as an embed link:

https://buyte.co/embed?public-key=pk_test_61487c7deb896d17bda54493aaed13549a14624f&country=IN&currency=INR&total-text=thanks%20for%20the%20support&total-amount=50.00

Embedding The Donate Button In A Medium Post

Now, we’ve generated the Apple Pay widget link, so all that’s left to do is write the Medium post and paste the code anywhere in the body. Don’t worry, we will guide you step-by-step through this process as well.

  • Open Medium.com and login into your account. Click on your profile picture on the top right and select the ‘New Story‘ option.

Medium New Story

  • This will open up the Markup editor, where you can scribble (read as type) your opinion or thoughts to share with the world. I decided to just write a test article, as seen under.

medium story

  • Now, we need to embed the Buyte’s Apple Pay widget at the end of this paragraph. To do so, click on the plus icon and select the ‘Add an embed‘ option.

Medium embed

  • On selecting this option, the editor will ask you to paste the embed code into the article. You now just have to copy the code we generated earlier and paste it into Medium.

code link in Medium

  • The code that you pasted into your Medium post will appear as a link, confirming that you’ve generated it the right way. Now, press Enter to make the embed appear in the post.

Apple Pay embed Medium

  • Voila, you’re almost there. At the top right, click the Publish button to make your article with the Apple Pay donation button go live on Medium. Also, do remember to check that the Buyte integration is working as expected and there are no unforeseen errors, like an invalid country or currency code.

apple pay medium

  • You can share your Medium posts, with the Apple Pay donation button, to monetize the content you produce for your dedicated reader base. If they’re satisfied with the quality of the same, they’ll surely support your endeavor. Good luck.

Note: If you’re reading a Medium post on your non-Apple device and would like to support the author, you can input your iPhone number in Buyte’s widget to receive a payment link. You can open the received link in Safari to make the donation through Apple Pay on your iPhone.

SEE ALSO: Top 5 Best Blogging Platforms

Get Support on Medium With Apple Pay Donate Button

While Medium has recently rolled out its partner program for all of its publishers, who can get paid based on the attention they can capture on the blogging platform. Their payout is decided on the basis of the number of claps received from subscribed users, which may be extremely inconsistent. It is not possible for regular Medium writers to survive only on this payment, so alternatives like Buyte will surely come in handy.

So, go ahead and integrate the Apple Pay donation widget into your articles to gain support from your true readers. If you have any other monetization alternatives for Medium, do let us know in the comments section below.

comment Comments 0
Leave a Reply

Loading comments...