Croissant

How to add a support link to your website and profiles

Copy-and-paste examples for adding a tip or support link to your website, link-in-bio, YouTube description, newsletter footer and GitHub README.

Updated

Once your tip page is ready, the next step is putting the link where people will actually see it. This guide has ready-to-use examples for the most common places. Replace "yourname" with your own Croissant address.

Croissant gives you a link, not an embeddable widget. That keeps things simple: a link works everywhere, loads instantly, and you can style it however you like.

Your link

Your page lives at:

https://croissant.beffa.xyz/yourname

If you haven't claimed one yet, the getting started guide takes a few minutes.

On your website

A plain text link

The simplest option is a normal link in your footer, sidebar or about page:

<a href="https://croissant.beffa.xyz/yourname">Buy me a croissant</a>

A button you style yourself

If you want something that looks like a button, wrap the link in your own styles. This is plain HTML and CSS, so it works on any site:

<a
  href="https://croissant.beffa.xyz/yourname"
  style="display:inline-block;padding:10px 18px;border-radius:8px;background:#c9772b;color:#fff;font-weight:600;text-decoration:none;"
>
  Buy me a croissant
</a>

Change the background colour to match your site or the accent colour you picked for your page. If your site uses a CSS framework, use its existing button class on the link instead.

Opening in a new tab

If you'd rather keep readers on your site, open the link in a new tab:

<a href="https://croissant.beffa.xyz/yourname" target="_blank" rel="noopener">
  Support my work
</a>

Where to put it

Good spots are the footer of every page, the end of each article or post, and your about page. The end of a post works well because that's when a reader has just got value from your work.

In your link-in-bio

Most link-in-bio tools let you add a link with a title. Add your page with a clear label such as:

  • Buy me a croissant
  • Support my work
  • Leave a tip

Put it near the top if support is something you actively want, or lower down if your main goal is sending people elsewhere.

In a YouTube description

Video descriptions are plain text, so paste the full URL. Platforms usually turn it into a clickable link:

If you'd like to support the channel:
https://croissant.beffa.xyz/yourname

Put it in the first few lines if you want people to see it without expanding the description. You can also add it to your channel's links section.

In a newsletter footer

Most newsletter tools let you edit a footer that appears on every issue. A single friendly line works best:

This newsletter is free. If you enjoy it, you can buy me a croissant:
https://croissant.beffa.xyz/yourname

If your newsletter tool supports HTML, use the plain link example from the website section.

In a GitHub README

READMEs are written in Markdown, and a link looks like this:

## Support

If this project saves you time, you can [buy me a croissant](https://croissant.beffa.xyz/yourname).

GitHub also renders basic HTML in READMEs, so the plain HTML link works too. Inline styles are stripped on GitHub, so a styled button won't keep its colours there; a text link is the reliable choice.

You can also add your link to a FUNDING file in your repository so it appears in GitHub's sponsor button. Use the custom field with your full URL:

custom: ["https://croissant.beffa.xyz/yourname"]

In podcast show notes and stream panels

Show notes and stream panels usually accept a link with text. Use the same wording as elsewhere so people recognise it. For more ideas by creator type, see Croissant for podcasters and Croissant for streamers.

Keep the wording consistent

Using the same phrase everywhere ("Buy me a croissant" or "Support my work") helps people recognise it. Pair the link with a short reason when you can. "Tips help cover hosting" is more persuasive than a link alone.

For more on where to share and how to talk about it, see sharing your page and how to ask fans for support.

Questions

›Does Croissant have an embeddable widget or button?

No. Croissant gives you a link to your page. You can make your own button with HTML and CSS that links to it, as shown in the examples above.

›Will a styled button work in a GitHub README?

GitHub strips inline styles, so a styled button loses its colours. A plain Markdown or HTML link works reliably.

›Can I change my page address later?

Yes. You can change it in the page editor in your dashboard. The old address stops working once you change it, so update the links you have already shared.

Start your Croissant page

Fans buy you croissants, you keep 99% (before Stripe's processing fee). Takes about five minutes.

Start my page