How to Create Social Share Language for Forms

[Kristin_Underwo]

Hi,
I’m sharing a form on social media where we’re asking for sign ups. It currently shows the Airtable image and logo and “Airtable: Organize anything you can imagine” in the Link Preview on Facebook and Twitter, but that doesn’t show the user an accurate picture of what’s in the link. Is there a way to customize the Twitter card/facebook mark up language so our own content appears in the link preview?
Thanks,
Kristin

[Justin_Barrett]

Welcome to the community, Kristin! While I haven’t directly done what you’re looking to do, my gut feeling is that you need to insert a level of separation into the process. Instead of directly sharing a link to an Airtable form, embed the form into a webpage, then share a link to the page. I believe that FB/Twitter both look for images in pages when building previews, so you’ll need to design your page in such a way that FB/Twitter will pick up the image/branding what you want. Again, that’s just a hunch. I’ve not delved that deeply into customizing shared content, so it’ll take some additional research to find out how to optimize the page for that.

[Elias_Gomez_Sai]

This is handled through the Open Graph API, a special set of meta tags in the HTML. I think Airtable should use at least the og:title from the name of the Form.

@Justin_Barrett’s suggestion is the best way right now, and if you use some CMS like WordPress, it’s easy to customize the OG tags:

ogp.me

Open Graph protocol

The Open Graph protocol enables any web page to become a rich object in a social graph.

[Yawnxyz]

Oof this still hasn’t been added as a feature on Airtable

For Airtable devs: it’s super easy to replace the with a few custom tags — so that your Form’s title, cover photo and logo could replace the page’s title, cover image, and favicon. It takes like an hour to implement tops but adds a ton of value