Streaming live at 10am (PST)

Help with FB share preview Image


#1

Hii,
An image (or logo) from my Weblfow Website doesn't appear when I share it to my FB wall.. It is just an empty square. Im assuming I have to code something, but have NO IDEA how to code. Is there an easier way to do this? (Like uploading a photo somewhere on Weblfow). Otherwise, how do I code my logo, and where do I enter this code on the Webflow website? I would love to share my new website to Facebook, but looks odd without an image or logo. THANKS smile


#2

Facebook uses whats called the Open Graph Protocol to decide what things to display when you share a link. The OGP looks at your page and try's to decide what content to show. We can lend a hand and actually tell Facebook what to take from our page.

The way we do that is with og:meta tags.

The tags look something like this -

  <meta property="og:title" content="Stuffed Cookies" /> 
  <meta property="og:image" content="http://fbwerks.com:8000/zhen/cookie.jpg" /> 
  <meta property="og:description" content="The Turducken of Cookies" /> 
  <meta property="og:url" content="http://fbwerks.com:8000/zhen/cookie.html">

(More information here ---> https://developers.facebook.com/docs/sharing/best-practices)

You'll need to place these or similar meta tags in the <head> part in Custom Code tab on your Dashboard.
Don't forget to substitute the values for your own! If image, that you want to "represent" your site on FB, been used on the site you can copy it's url in asset manager

Later you can check how it will look by using Facebook URL Debugger
https://developers.facebook.com/tools/debug/


#3

Want to add that currently you can only associate one image and not per page.


#4

So this is what I have in the Head Code section.. An image still wont appear. Am I missing something? Did I copy the image URL correctly? I tried to debug it in FB, and a warning came up: "Inferred Property The 'og:description' property should be explicitly provided, even if a value can be inferred from other tags." Is this the problem or no?

Thanks again!
snowglobewhistler.com


#5

Hello again.

From your site I can tell that your logo has an url: http://uploads.webflow.com/54f8bcf10548cb0805861bdc/5528657c3869f6db4ed164a4_SnowGlobe.png

If this is correct picture, then add this link instead of "http://www.snowglobewhistler.com/logo-snowglobe-600.jpg"


#6

Hi,
Thanks for that! However, still no image unfortunately.
Any image (or the logo) would be great.


#7

Did you save changes and republish site?


#8

Yes. It is the correct URL (logo) but for some reason it doesn't connect with my FB blurb.. Still an empty white box frowning


#9


#10

I see, I am trying to check your site in FB Debugger.

For some reason FB see old link to the img.

Try unpublish site and publish it again.


#11

THANKS YOU ARE THE BEST! It worked smiley


#12

On another note, we also need help with our email account and Webflow.
We would like to connect our hotmail account with an 'info@snowglobewhistler.com'

(Currently we are just using our hotmail account and want to look more professional).
Should I repost this on the Forum page - or would you know how to do this?

Thanks again for all your help!


#13

I don't think it is possible with Webflow. They do not have e-mail service here.
You can create such e-mail account on the server, where you registered domain name snowglobewhistler.com and then make redirect to hotmail or whenever you want.


#14

Hi @Snowglobe, just confirming what @sabanna already told you. We do not have email services. Yet smile

Best to check this with your domain name service provider and see if they have an email package.

Cheers,
Dave


#15

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.