--- title: Adding subscription, donation or membership buttons to embeds description: Style your post-submission and post-voting messages to encourage audience members to financially support your work. --- [Skip to content](https://help.indiegraf.com/adding-subscription-donation-or-membership-buttons-to-embeds#main-content) English Show submenu for translations [Publisher Portal](https://portal.indiegraf.com/tickets?hsLang=en) [![Indiegraf-PrimaryLogo-FullColor-1](https://help.indiegraf.com/hs-fs/hubfs/Indiegraf-PrimaryLogo-FullColor-1.png?width=262&height=60&name=Indiegraf-PrimaryLogo-FullColor-1.png)](https://help.indiegraf.com/?hsLang=en) Open main navigation Close main navigation - English Show submenu for translations - [Publisher Portal](https://portal.indiegraf.com/tickets) How can we help you? - There are no suggestions because the search field is empty. 1. [Indiegraf](https://help.indiegraf.com/?hsLang=en) 2. [Hearken](https://help.indiegraf.com/hearken?hsLang=en) 3. [Creating and Customizing an Embed](https://help.indiegraf.com/hearken?hsLang=en#creating-and-customizing-an-embed) March 5, 2026 # Adding subscription, donation or membership buttons to embeds ## Style your post-submission and post-voting messages to encourage audience members to financially support your work. Our embeds allow you to use **Markdown** --a lightweight markup language that lets you style text on the web -- to customize footers and post-submission / post-voting messages. You can use Markdown to format text, or to incorporate images, links and linked images.   **Linked images** makes it possible to drop in a button that could take users to a subscription or donation page, so they can directly support your work. This is an advanced help doc that requires some understanding of Markdown. If you feel comfortable with tackling this step, proceed with the instructions. If you don't (but would like to give this a shot), people in your organization who could likely help you would be: someone on your web development team and someone on your membership, donation, or subscription teams.    #### **Find your button (or create an image)** If you use a third-party service for subscriptions, donations or member sign-ups, see if that service generates a button you can use that would take people directly to the page where they can contribute. (Steady and Paypal are two that we have tested.) If you don’t use a third-party service or if your service doesn't generate a button, work with your internal design team to craft a button that you can use as a linked image. Make sure the image is hosted online somewhere that is findable, and then add in the appropriate reference link to your subscription, membership or donation page.    #### **Insert your assets into Markdown** To add in a linked image, you’ll want to use this markdown styling: [!\[optional alt text for the image](http://image/)\](THE REFERENCE URL) All brackets and parentheses are necessary.   #### **Markdown styling explained** - The exclamation point indicates an image is coming.  - The “optional alt text for the image” section is where you can place text that would describe the image.  - The “IMAGE URL” phrase within the parentheses within the \[ \] tells the system where to go to grab the image you’d like to use. This is where your URL image will go. - The link in the parentheses outside the \[ \] “THE REFERENCE URL” tells the system to what URL the image should link. This should be a link to your donate or subscribe page. #### If you're nervous, test it with some dummy images As an example, test out this gif of a curious cat that links to the Hearken homepage. To test it, visit [https://dillinger.io/](https://dillinger.io/), and copy the below code into the left side panel, then review what appears in the right. You can use [dillinger.io](http://dillinger.io/) to test your own button system as well, replacing the alt text and URLs with the things you’d want to use on your site.  [!\[GIF of a curious cat](https://media.giphy.com/media/hS6KvugVZSAH6/giphy.gif)\]([http://www.wearehearken.com](http://www.wearehearken.com/)) *A note about third-party services that create buttons: Some services will create buttons for you, but they may show up in different formats, depending on the system. For example, one may use an embed code with Javascript, or another may spit out HTML. That can make it easier (or more difficult) to figure out which parts you need to include in the Markdown step. That's why we recommend you consult with your business and web developer colleagues to get help with this step. *   #### **Paste your Markdown code into the footer** When you’re happy with it, copy that code into the editor of the appropriate embed’s post-submission or post-voting message, and you should then see the button appear in the display view.  Save it, and you will have an embed ready to help you connect curiosity to revenue generation. Here’s how a payment button looks in a post-submission view on a form embed: ![](https://hearken.intercom-attachments-1.com/i/o/177543970/df9404912106cf1cc00c5cf7/Screen-20Shot-202019-05-16-20at-203.29.00-20PM.png?expires=1772731800&signature=cf77cb80bb08a029d64aef988f631711bce00ee72d6847f7cbfaa00307f8f492&req=dScgE819lIZfFb4f3HP0gOgjzwdTxW8bioiO7uVeKLM4WOKk6LMVcjM84PJ4%0AexdwJCV7%2BP19bjGE%2BA%3D%3D%0A)   #### **Troubleshooting** These are a few common issues you may run into:  - The image is not loading. Copy the image URL and paste it into a new browser window to make sure the image address is correct. - The image loads, but does not function as a link. Make sure your markdown code is correct, with all required brackets and parentheses. - The link doesn’t go where I think it should go. Copy the reference URL and paste it into a new browser to make sure you’ve got the right address. - The button doesn’t load in my embed on my website. Make sure you saved your changes and that they appear in the preview display. If you need additional help, click the link at the top of this page to contact an engagement strategist for help. - [Welcome to Indiegraf](https://help.indiegraf.com/welcome-to-indiegraf?hsLang=en) - [Onboarding](https://help.indiegraf.com/onboarding?hsLang=en#main-content) - [Quick Start Guide](https://help.indiegraf.com/onboarding?hsLang=en#quick-start-guide) - [Indie Website](https://help.indiegraf.com/indie-website?hsLang=en#main-content) - [Analytics & Growth](https://help.indiegraf.com/indie-website?hsLang=en#analytics-growth) - [Audience Engagement & Forms](https://help.indiegraf.com/indie-website?hsLang=en#audience-engagement-forms) - [Configuring your Homepage](https://help.indiegraf.com/indie-website?hsLang=en#configuring-your-homepage) - [Content Creation & Management](https://help.indiegraf.com/indie-website?hsLang=en#content-creation-management) - [Design & Page Layout](https://help.indiegraf.com/indie-website?hsLang=en#design-page-layout) - [Indiegraf Pay](https://help.indiegraf.com/indie-website?hsLang=en#indiegraf-pay) - [Media & Visual Assets](https://help.indiegraf.com/indie-website?hsLang=en#media-visual-assets) - [Paywall Solution: Pelcro](https://help.indiegraf.com/indie-website?hsLang=en#paywall-solution-pelcro) - [SEO and Google Tools](https://help.indiegraf.com/indie-website?hsLang=en#seo-and-google-tools) - [Site Administration](https://help.indiegraf.com/indie-website?hsLang=en#site-administration) - [Technical Questions](https://help.indiegraf.com/indie-website?hsLang=en#technical-questions) - [Indie Email](https://help.indiegraf.com/indie-email?hsLang=en#main-content) - [Quickstart Video Guide: Indie Email](https://help.indiegraf.com/indie-email?hsLang=en#quickstart-video-guide-indie-email) - [Account Setup & Foundations](https://help.indiegraf.com/indie-email?hsLang=en#account-setup-foundations) - [Contact Management](https://help.indiegraf.com/indie-email?hsLang=en#contact-management) - [Creating Campaigns](https://help.indiegraf.com/indie-email?hsLang=en#creating-campaigns) - [Sending Campaigns & Automation](https://help.indiegraf.com/indie-email?hsLang=en#sending-campaigns-automation) - [Troubleshooting & Deliverability](https://help.indiegraf.com/indie-email?hsLang=en#troubleshooting-deliverability) - [Analytics](https://help.indiegraf.com/indie-email?hsLang=en#analytics) - [Indie Ads Manager (IAM)](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#main-content) - [Reporting & Statistics](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#reporting-statistics) - [Essential Articles](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#essential-articles) - [Native Ad Templates](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#native-ad-templates) - [Quick Start Guide](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#quick-start-guide) - [Payment Solutions](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#payment-solutions) - [Hearken](https://help.indiegraf.com/hearken?hsLang=en#main-content) - [Planning and Preparing to Launch with Hearken](https://help.indiegraf.com/hearken?hsLang=en#planning-and-preparing-to-launch-with-hearken) - [Collecting Questions](https://help.indiegraf.com/hearken?hsLang=en#collecting-questions) - [Collecting Votes](https://help.indiegraf.com/hearken?hsLang=en#collecting-votes) - [Reporting an Answer](https://help.indiegraf.com/hearken?hsLang=en#reporting-an-answer) - [Spreading Hearken Across Your Organization](https://help.indiegraf.com/hearken?hsLang=en#spreading-hearken-across-your-organization) - [Creating and Customizing an Embed](https://help.indiegraf.com/hearken?hsLang=en#creating-and-customizing-an-embed) - [Workflow Features](https://help.indiegraf.com/hearken?hsLang=en#workflow-features) - [Platform Features](https://help.indiegraf.com/hearken?hsLang=en#platform-features) - [Setting Up Notifications and Alerts](https://help.indiegraf.com/hearken?hsLang=en#setting-up-notifications-and-alerts) - [Setting up APIs and webhooks](https://help.indiegraf.com/hearken?hsLang=en#setting-up-apis-and-webhooks) - [Data collection and exporting](https://help.indiegraf.com/hearken?hsLang=en#data-collection-and-exporting) - [Automatic categorization](https://help.indiegraf.com/hearken?hsLang=en#automatic-categorization) - [Social, outreach, and marketing](https://help.indiegraf.com/hearken?hsLang=en#social-outreach-and-marketing) - [Events and In-Person Engagement](https://help.indiegraf.com/hearken?hsLang=en#events-and-in-person-engagement) - [Monetizing your Hearken work](https://help.indiegraf.com/hearken?hsLang=en#monetizing-your-hearken-work) - [Indiegraf Experts](https://help.indiegraf.com/indiegraf-experts?hsLang=en) - [Indiegraf Product Release Notes](https://help.indiegraf.com/indiegraf-product-release-notes?hsLang=en#main-content) - [Product Demo Videos](https://help.indiegraf.com/indiegraf-product-release-notes?hsLang=en#product-demo-videos) - [General](https://help.indiegraf.com/general?hsLang=en) - [RevEngine](https://help.indiegraf.com/revengine?hsLang=en#main-content) - [Getting Started with RevEngine](https://help.indiegraf.com/revengine?hsLang=en#getting-started-with-revengine) - [International giving](https://help.indiegraf.com/revengine?hsLang=en#international-giving) - [RevEngine Core](https://help.indiegraf.com/revengine?hsLang=en#revengine-core) - [Organization management](https://help.indiegraf.com/revengine?hsLang=en#organization-management) - [Working with Stripe](https://help.indiegraf.com/revengine?hsLang=en#working-with-stripe) - [Contribution page basics](https://help.indiegraf.com/revengine?hsLang=en#contribution-page-basics) - [Customizing your page](https://help.indiegraf.com/revengine?hsLang=en#customizing-your-page) - [Branding and images](https://help.indiegraf.com/revengine?hsLang=en#branding-and-images) - [Advanced page settings & features](https://help.indiegraf.com/revengine?hsLang=en#advanced-page-settings-features) - [Portal & contribution management](https://help.indiegraf.com/revengine?hsLang=en#portal-contribution-management) - [Contribution data](https://help.indiegraf.com/revengine?hsLang=en#contribution-data) - [Analytics and Reporting](https://help.indiegraf.com/revengine?hsLang=en#analytics-and-reporting) - [Best Practices and Recommendations](https://help.indiegraf.com/revengine?hsLang=en#best-practices-and-recommendations) - [Receipts, reminders and transactional communications](https://help.indiegraf.com/revengine?hsLang=en#receipts-reminders-and-transactional-communications) - [Security & Legal](https://help.indiegraf.com/revengine?hsLang=en#security-legal) - [Common issues](https://help.indiegraf.com/revengine?hsLang=en#common-issues) [![Indiegrf](https://help.indiegraf.com/hs-fs/hubfs/Indiegraf-SecondaryLogo-DarkNavy-2.png?width=260&height=130&name=Indiegraf-SecondaryLogo-DarkNavy-2.png "Indiegrf")](https://help.indiegraf.com/?hsLang=en) Indiegraf is on a mission to make local news entrepreneurship a great career and life choice for journalists everywhere. [mailto:support@indiegraf.com](mailto:support@indiegraf.com) Copyright © 2025, Indiegraf Media