Open Graph (OG) meta tags are what control the title, description, and image that show up when a donation page link is shared in Telegram, Slack, Facebook, or similar apps.
Setting it up well turns a shared link into a branded, recognisable preview: the campaign's own title, a clear one-line pitch, and a real photo. That's a small change with an outsized impact on how a campaign shows up when people share it, which is often the moment that gets someone to actually click through and donate.
This article gives a universal template you can reuse for any campaign, and walks you through how to set it up.
How to Configure OG Meta Tags
When a donation page URL is shared in social apps, those apps look for specific tags in the page's <head> to build the title/description/image preview card. Currently, Studio pages don't generate these automatically and they need to be added manually, per page, via the Add Head Script field.
- Open Pages in Studio.
- Select Update Details of the Donation Page you wish to update.
- Scroll to Add Head Script.
- Paste the block in or below at the end of what is already in that box. Don't remove the existing lines if theres any.
- Click Submit to save your changes.
The Template
<title>{{PAGE_TITLE}}</title>
<meta property="og:title" content="{{PAGE_TITLE}}">
<meta property="og:description" content="{{PAGE_SUMMARY}}">
<meta property="og:image" content="{{IMAGE_URL}}">
<meta property="og:url" content="{{PAGE_URL}}">
<meta name="twitter:card" content="summary_large_image">Replace each {{PLACEHOLDER}}. See below for exactly how to find each value for a given page.
Fields Mapping
{{PAGE_TITLE}}: Short, readable name for the campaign, essentially what you'd want someone to see as the headline of the shared link. Keep it under ~60 characters so it doesn't get cut off in most preview cards.
{{PAGE_SUMMARY}}: One or two sentences describing the campaign / what the donation supports. Keep it under ~155 characters to avoid the message being truncated.
{{IMAGE_URL}}: Not every page has an obvious banner image to point to. Use this priority order as a reference.
- Hero/banner image: Right-click the banner image on the live page → "Copy Image Address." It needs to be a full https://... URL
- Campaign/org logo: Right-click the logo image in the header or footer → "Copy Image Address."
- The org's default branding logo: Check the org's Settings for a stored default logo/favicon URL.
{{PAGE_URL}}: https:// + the public donation page URL exactly as shown in Donation Page URL (Public) at the top of the Campaign Details panel, e.g. https://carelinks.payments2us.com/CIJ2
Example:
Testing your change
- Share the page link somewhere with a preview. Paste the URL into Telegram, Slack, or wherever you'll actually be sharing it, and see if he title/description/image show up correctly.
- If the preview looks wrong or blank, force a fresh check. Most telecommunication apps cache previews per exact URL, so if the link was shared before your fix went live, it may keep showing the old version. Add any throwaway parameter to force a re-fetch, e.g.:
The parameter name/value doesn't matter, anything works (e.g. ?v=1, ?test=abc, etc.). The app just treats it as a "new" URL it hasn't seen before and re-fetches the metadata.