Ko-fi Website Widget

Use the new Ko-fi Widget to give your audience a super easy way to support you without leaving your site or blog. 

As always with Ko-fi, you’ll pay 0% platform fees on the donations you receive! 🙌

 

widget-gif.gif

 

What Type of Sites Can I Use the Ko-fi Website Widget?

The Widget can be used pretty much anywhere that allows you to use JavaScript. Simply head over to the Ko-fi Widget menu, select a call-to-action, select a color and copy the code.


Screenshot_2021-03-09_at_16.27.53.png


Adding The Widget Directly to The HTML of Your Website

To implement the widget, simply paste the Widget script snippet in your site, ideally before the closing body tag of your website. It should look something like this:

<HTML>
   <HEAD>
      <TITLE>My website</TITLE>
   </HEAD>
   <BODY>
      <P>
Welcome to my website!
</P>
Paste Widget Script here, just before the closing body tag. </BODY> </HTML>

 

Wordpress

Self-hosted WordPress Site

If you are hosting your WordPress site on a custom domain, there are two ways that you can add the widget without touching your website's HTML code.

1. Check whether your theme has a place to paste external javascript code, this is usually the same place that you would paste your Google Analytics tracking code.

or

2. Add a plugin such as Header and Footer Scripts and paste your Widget code there.

 

wordpress.com sites

To use the Widget on site hosted by wordpress.com, you need to be subscribed to their Business plan in order to be able to install plugins to support the use of custom JavaScript on your site. A widely used plugin that you can use to achieve this is the  Header and Footer Scripts plugin.

 

Squarespace

Adding JavaScript to a code block in Squarespace is a premium feature, which means that in order to use the Ko-fi Widget on your Squarespace website, you need to be subscribed to their Business or Commerce plan.

In your Squarespace dashboard, select "Settings" in the menu on the left side of the page and select "Advanced" in the next menu.



Squarespace-settings.jpg

 

In the settings menu, select "Advanced".

 

Squarespace-advanced.jpg

 

And finally, select "Code Injection".

 

Squarespace-code-injection.jpg

 

On the code injection page, you will be able to add code to the header, footer or lock page.
The Ko-fi widget should be injected into the footer.

Head over to the Ko-fi Widget manager, customize your widget as desired, and copy the code.

Then go back to the Squarespace code injection page and paste the Widget code into the footer section and don't forget to save!


Squarespace-footer.png

 

Your supporters can now donate to your Ko-fi page without leaving your website!

 

Mar-10-2021_17-42-57.gif

 

Wix

In order to use the Widget on a Wix site, you will need to be subscribed to one of their paid plans and make sure that you have a domain set up for your site.

Then you should head to the Custom Code section in your settings to add the Widget code snippet to the body end.

For more information, please have a look at Wix's Embedding Custom Code to Your Site article.

 

Google Sites

The Widget is currently not compatible with Google Sites, however, we are working on a solution.

Please stay tuned for a Widget update that will allow it's usage with Google Sites.

 

FAQ

Can I Change The Position of the Widget?

It is currently not possible to change the Widget's position, however, the widget is very new so we might release an update in the future to allow this.

How Much Does it Cost to use the Widget?
It is completely free, the Widget is available to all Ko-fi Creators!
Can I Edit the Widget's Appearance?
The only changes that can currently be made to the appearance of the widget are the colour and call-to-action options that that are available in the Widget menu.
Can Supporters set up a Subscription Through the Widget?
Yes, you can take both one-off donations and monthly subscriptions through your Widget.
Can Supporters donate using Apple Pay in the Widget?
This is currently not possible, but our engineers are working on it!
Do I have to be a Gold Member to use the Widget?
All Ko-fi members can use the Ko-fi Widget!

 

Do you have any feedback regarding the Ko-fi Website Widget that you would like to share with us? Please reach out and let us know!