Jump to content

OG Image for Password Protected Page

Recommended Posts

Posted

Hi there - I have a password protected page for select distribution. However, I would still like the page to display Open Graph data, so that when sent via iMessage for example, there is a nice image preview, title and description. Then the user is taken to the password protected page.

By default it seems like password protected pages show no Open Graph info and so its just the ugly grey plain URL when sent via iMessage. Can I customize around this?

There is no apparent way to add a social share image in the lock page panel. I found the Lock Page Code Injection option in site settings and tried adding the below, but it did not work.

<html>
<head>
<meta property="og:title" content="Birdie Houses" />
<meta property="og:description" content="Investor Deck" />
<meta property="og:image" content="http://static1.squarespace.com/static/633c8707eda249586affa813/t/64f0c305235b204a487dd60b/1693500172124/upscale+square.jpg" />
</head>
</html>

 

Any help would be greatly appreciated, even if it's a workaround!

Posted

Try remove html head from your code, use this only

<meta property="og:title" content="Birdie Houses" />
<meta property="og:description" content="Investor Deck" />
<meta property="og:image" content="http://static1.squarespace.com/static/633c8707eda249586affa813/t/64f0c305235b204a487dd60b/1693500172124/upscale+square.jpg" />

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • 6 months later...
  • 7 months later...
  • 3 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.