Streaming live at 10am (PST)

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

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

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

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

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

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

You’r very kind!

Cheers,

Nico

1 Like

You are welcome :slight_smile: :v:

1 Like