Jump to content

OG Image for Password Protected Page

Recommended Posts

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!

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.