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

Design help Custom code
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

1 Like
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

1 Like
5

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

You’r very kind!

Cheers,

Nico

1 Like
6

You are welcome :slight_smile: :v:

1 Like