Help with creating custom share links

[Grant1 (Grant)]

Hi guys

Hope your well,

I need some help regarding how to create custom share buttons. It seems webflow use this a lot but do not have a tutorial. Also it seems to be a very popular question on the forum but it has never been answered. I have read though all the blogs but I have had no joy.

I would really appreciate some help

Thank you

[webdev (Jeff Selser)]

Maybe this topic is relevant?

Dynamic share buttons for different social media

Hello, my dear friends and colleges! Since this question pops up periodically, I decided to put all information together in one post. For creating sharing buttons/links on dynamic templates, we will use the awesome method described by @Waldo ( FREEBIE: Sharing is Caring - Show & Tell - Forum | Webflow ) and a little bit custom code. STEP 1. Follow @Waldo’s method and create needed buttons in Webflow. Give it classes, style it as you want, use the background image (icon) or…

[Grant1 (Grant)]

Thanks for replying Webdev.

Yes I have tried this but have had no joy. This still didn’t work unfortunately.
I am waiting to publish a design and it cannot be until it is done. Very annoying.

[Grant1 (Grant)]

If no one can help with this do you know what options I have regarding getting this sorted?

[webdev (Jeff Selser)]

@Grant1

I need some help regarding how to create custom share buttons.

Can you please describe the issue in greater detail? I am not clear what issue you are experiencing since I don’t know the end result you want nor can I access the project for review.

[Grant1 (Grant)]

Sure no worries.

I need to have the logos be able to share on the social media networks that correspond with the the logos.

So the viewer to the site clicks on facebook --------- It shares on facebook

So the viewer to the site clicks on Twitter --------- It shares on Twitter

[webdev (Jeff Selser)]

@Grant1

It shares on facebook

Please define what IT is? A page? A collection item?

[Grant1 (Grant)]

It is a CMS page.
I have been trying myself but still have had no luck with this.

[webdev (Jeff Selser)]

@Grant1 -

@Grant1

I have been trying myself but still have had no luck with this.

I am not sure where you are having an issue. For further help you would need to share your Read-Only project link and page where the implementation does not work for you.

[Grant1 (Grant)]

Sure, read only link:
https://preview.webflow.com/preview/classicperspective?utm_source=classicperspective&preview=96793390751291f4a48c8605ddcb08c3

The pages are within a CMS catogry called Blogs.

[webdev (Jeff Selser)]

If you look at the demo code provided In the topic I shared, you need to place a element between the anchor tag (something to click). So that would need to exist in the HTML embed.

FB Example

<a class="w-inline-block social-share-btn fb" 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;">
Your linked image element goes here.   An SVG for example. 
</a>

What part is not working for you?