▼
Streaming live at 10am (PST)

Facebook Share Link with HTML Embed in Webflow CMS

#1

website Claire Vorger communication
read-only

@Waldo, @DFink, @sabanna, @cyberdave, @bryyant, @PixelGeek, @vincent

Hi,

I would like to embed a Facebook Share button in a blog post Template within the Webflow CMS.
It works perfectly with Twitter and I have issues making it work with Facebook.
I studied the Facebook Developpers page and did this following the instructions:

Capture d’écran 2016-03-18 à 09.17.32.png650x998 80.9 KB

-I took this example with the "Full Code" Facebook provides here:

Capture d’écran 2016-03-18 à 09.40.17.png740x865 104 KB

The first issue is that Webflow does not give the opportunity to enter the Facebook meta description when I click on "Add Field": I would like to add the last field on this image (Référence - mini texte au choix)

Capture d’écran 2016-03-18 à 09.43.44.png1425x756 58.7 KB

Secondly, in the Embed code I changed the data href to the url of my site+the slug:

Capture d’écran 2016-03-18 à 09.48.01.png1031x680 47.7 KB

-Do I need to remove the .html part? Is the url correct?
-I changed the "data-layout" property to "link" as I want only a link and it is not clickable on my site....

Capture d’écran 2016-03-18 à 09.51.50.png764x969 194 KB

Can someone help me, I am sure someone will have the right answer to solve this issue.

Thanks again!

#2

Hi, to begin with, you need to add "script" handles around your script at page level:

#3

Hi again Vincent,
it still doesn't change anything.

Any idea?

Thanks again.

#4

Hi @leetch,

I successfully used codes for different social networks share, even before Dynamic embeds.
Here is topic with code examples and explanations: http://forum.webflow.com/t/social-sharing-buttons-cms/24674/2

Hope it helps.

Regards,
Anna

#5

Thanks for your help both @vincent and @sabanna,

I managed to get some results reading the Facebook and Twitter developper pages.

I need now to enter a short summary I made for an item in my collection (a movie summary) in order to use it as the Open Graph Description but in the menu it doesn't show!!! I don't understand as it is supposed to be there....

This is the "Add Field item" with no sign of the "movie summary field" I mentionned above ( Référence - mini texte au choix)

Capture d’écran 2016-03-18 à 19.16.40.png901x1179 256 KB

Here's the "movie summary field" I talked about that is not showing ( LAST ONE..."Référence - mini texte au choix")

Capture d’écran 2016-03-18 à 19.19.50.png1680x644 110 KB

Thanks again for those willing to help.

#6