Add Meta Data tags to page head tags so WhatsApp Preview Link works

  • 1
  • Question
  • Updated 11 months ago
  • Answered
I'm trying to get my Skuid Page that is public facing to show up in a good format when sharing links to apps like WhatsApp and Facebook Messager. To do so, I need to add meta data with tags from this website http://ogp.me/

However, I can't seem to find a way to access the <head> element directly and trying to add it with a query snippet $('head').append(html code) doesn't seem to work either. I'm guess it's because the jquery isn't ran when a link is shared. 

Is there a way to access a Skuid pages head element directly?

thank you!
Photo of Sam Becker

Sam Becker

  • 524 Points 500 badge 2x thumb

Posted 11 months ago

  • 1
Photo of Mark DeSimone

Mark DeSimone, Official Rep

  • 12,352 Points 10k badge 2x thumb
Hi Sam. It sounds like you need to add a <meta> html tag into the header of the page users are visiting, correct? I don't believe there's a way to do this in Skuid pages, but you might be able to do this if you deploy your Skuid page via Visualforce page, and add the tag to the Visualforce page. 
Here's one developer thread I found that might be useful:
https://developer.salesforce.com/forums/?id=906F000000099tDIAQ
Photo of Sam Becker

Sam Becker

  • 524 Points 500 badge 2x thumb
Thank you! I was able to get it working through this. In case anyone else runs into this problem, here's a few things.

I had to first change my Visualforce page from redirect to using the Skuid page component. https://docs.skuid.com/latest/en/skuid/deploy/salesforce/visualforce/skuid-page-visualforce-componen...

Once I did that, it took me an annoyingly long time to figure out that I had to go to the URL of the visualforce page and not the typical Skuid page. But, once I did that and added the meta data to the head tag it worked!