3 min read

How do I add Tip or Gift Subscription Buttons and Callouts in my Ghost emails and posts?

This is how you can create easy-to-reuse buttons and cards in Ghost so readers can donate or give gift subscriptions.
How do I add Tip or Gift Subscription Buttons and Callouts in my Ghost emails and posts?

For Outpost users, it's very simple to add a tip or gift subscription buttons or a callout that show up in emails and on posts on the web.

A tip button looks great in a post, but these can get filtered out by things like Safari Reader View and Chrome's "Simplified View" on Android, which strip out elements like buttons and ads.

Ghost's callout cards are generally not stripped out by such tools.

So we recommend using both a Tip button and Callout Card.

Below you will find a short video showing you how to do create reusable cards that make it simple for readers to donate or buy gift subscriptions for their friend. If you prefer text directions, that's here as well.

A) 4-minute video on how to create a Tip/Gift Subscription Button or Callout in Ghost

B) How to create a reusable Tip/Gift Subscription button in Ghost

  1. Log in to your Outpost Control Center.
  2. Copy the link to your tip page/gift subscription page from the Useful Links section on the homepage.
  3. Open a new post in Ghost or click the New Post button in Outpost. Using the Ghost Card Editor, choose Button.

5. In the Button creator, give it a name and paste in the Outpost Tip/Gift Subscription url.

6. To make this into a reusable Snippet, click out of the Button card. Then click on the green box, click the paper icon, give it a descriptive name like Tip Button - Tip, Tip, Tip. Hit Enter or click the green Create confirmation dialog to save the new Snippet.

7. To re-use this snippet. Put your cursor where you want the button to go in a post. Open the Ghost Card tool (#1 in the image below), and scroll down to the Snippet you saved (#2 in the image below). Click it and it will be inserted.

8. You can now delete the draft post if it is not needed. The new snippet will be saved no matter what.

B) How to create a reusable Tip/Gift Subscription Callout Card in Ghost

  1. Log in to your Outpost Control Center.
  2. Copy the link to your tip page/gift subscription page from the Useful Links section on the homepage.
  3. Open a new post in Ghost or click the New Post button in Outpost.Using the Ghost Card Editor, choose Callout.

4. Choose your callout Emoji if you like by clicking the lightbulb 💡, and then choosing a different one. Type out the text you want. Then highlight the words you want to link to your tip or gift subscription page, and copy the link from the Outpost Control Center.

5. Now, click out of the Callout box. Then hover your cursor over the box until there is a green outline. Then click the box and look for the paper icon. Click that, give it a recognizable name like "Callout - Give a tip" and it will become a reusable snippet. Just be sure to either press Enter or clicking the green "Create" after naming it.

6. To re-use this snippet, put your cursor where you want the Callout to go in a post. Open the Ghost Card tool (#1 in the image below), and scroll down to the Snippet you saved (#2 in the image below). Click it and it will be inserted.

7. If you created this new snippet using a draft blog post, you can now delete it.