Streaming live at 10am (PST)

I'm having trouble trying to set the embed code of "share this website in facebook"


#1

Hi guys!

I'm having trouble trying to set the embed code of "share this website in facebook", I look up the tutorial that you have in de forum, but still doesn´t work, I'm sure you guys can help me up on this!

https://preview.webflow.com/preview/nufort?preview=f590e2b4cf773ce6c40d08265bc8573b

The link is at the bottom of the page, just over the footer.

Thak you at front


#2

Try to change the code inside that embed widget to this snippet:

<a class="social-icon facebook" href="https://www.facebook.com/sharer/sharer.php?u=&t=" title="Share on Facebook" target="_blank" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(document.URL) + '&t=' + encodeURIComponent(document.URL)); return false;"></a>

Let me know if it helps

Cheers,
Anna


#3

Thank you Anna!

I changed the code to that one, now it looks better, but still doesn´t share, I don't know what I'm doing wrong... thanks for the help


#4

It happens because class "social-icon" and "facebook" does not exist in your site css and browser doesn't know how to render this element. Basically, now it has no size set.

What you need to do:
1) add link-block to the page,
2) give it class "social icon" then combo class "facebook"
3) set it 100% width and 100% height
4) add class "w-inline-block" to the link in the embed code, so it will look like this:
<a class="w-inline-block social-icon facebook" href....
5) delete link-block from the page

Cheers,
Anna


#5

Anna Thanks a lot for the step by step solution!!!! It works perfectly!!!

You'r very kind!

Cheers,

Nico


#6

You are welcome :slightly_smiling: :v:


#7