Dynamic share buttons for different social media

[sabanna (Anna)]

Hi @Ds_Dotsquares

Meta tags should be automatically taken from the page where that share buttons added.
You may share your projects preview (read-only) link and I will be happy to take a look and help you

Best,
Anna

[sabanna (Anna)]

Hi @Hector_Munoz_Huerta!

You do not have to create that class, it is class name that is reserved and already exists in the default Webflow CSS, so the browser will recognize that class automatically. You also will not see it in your Style manager, because there are only styles, that created by user.

Hope it helps.

Best,
Anna

[Hector_Munoz_Huerta (Hector Muñoz Huerta)]

@sabanna

<a class=“w-inline-block social-share-btn pin” title=“Pin it” target=“_blank” href=‘javascript:void((function()%7Bvar%20e=document.createElement('script'); e.setAttribute('type','text/javascript'); e.setAttribute('charset','UTF-8'); e.setAttribute('src',' http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());’></a>

Works great, thanks for your patience!

[Hector_Munoz_Huerta (Hector Muñoz Huerta)]

It all works great but the Pinterest button works only in the webflow.io test server.

http://arqlabs.webflow.io/portafolios/casamr

Once published the pinterest button doesn’t work:

https://www.arqlabs.com/portafolios/casamr

Any ideas?

Thanks in advance for your patience!

[Hector_Munoz_Huerta (Hector Muñoz Huerta)]

I’m getting this warning from Chrome “This page is trying to load scripts from unauthenticated sources”

[sephyroth]

@sabanna How much can I pay you for you to do this for me on a website?

[samliew (webflowexpert.com)]

@Hector_Munoz_Huerta

I’m getting this warning from Chrome “This page is trying to load scripts from unauthenticated sources”

Change http to https.

[Asaf_Ovdat]

@sabanna thank you so much for this!
Is there a way to control the subject line in an email? Right now it will constantly show the name of the website no matter what i share

[sabanna (Anna)]

Hi, @Asaf_Ovdat

This part is taking the Site title (name)

Try to remove that part and add maybe some dynamic field instead

[Asaf_Ovdat]

@sabanna

encodeURIComponent(document.title)

No, It didn’t work.
But, after changing it back to the original script it does

[Christoff]

Hi, it’s a great job, I try to implement this code on my website, Pinterest works fine but I still have a blank window when I share via e-mail, even if I replace the _blank attribute with the _self attribute, any idea to fix this issue ? thx

[samliew (webflowexpert.com)]

@Christoff

I still have a blank window when I share via e-mail

Most likely this is due to no default email handler set on your computer, so nothing happens.

[parkerwest (Eli)]

Hello, I’m using these buttons on a site, but the Pinterest button only works on the webflow subdomain version, not on my custom domain.

[sabanna (Anna)]

Hi @parkerwest!

Try this:

[parkerwest (Eli)]

You’re a genius! Thanks a million. This whole post has helped so much in my latest project!

[sabanna (Anna)]

Always welcome! Glad to hear it helps!

[visualpoets]

I Managed to have the buttons functioning but i can’t seem to avoid it from opening in a new tab… how can i fix this?

[Quickfollower]

Great share. Thanks for share great information.

[chrismartin12 (chris martin)]

thank you for the information and efforts put by you to post .
great work.

[Aditya_Bhatnagar]

great post any idea if I want to open this dynamic url using right click or middle click(mouse). ?
If i use them it doesnt work.
It only works when i do left mouse click