Creating a Blog Post CMS Template with Share Functionality Issues

Kyle · 2024-04-29T20:33:44.205Z

I’m using which includes “Share this post” buttons. I’m trying to create the blog post CMS template with copy to clipboard and share-to functionality. Finsweet has for share to socials, and copy static string to clipboard. But documentation for copying the dynamic is missing: Some problems: • How do I copy a dynamic value to clipboard, i.e. the blog post URL + ?xyz • Facebook goes to a broken page. Has anyone else had this problem? • Despite successfully opening a new post in Twitter / LI, there is no URL from the blog page added to the post field. Here is the Thanks!

Creating a Blog Post CMS Template with Share Functionality Issues | Relume Community

Matt J.
·
Yeah these might all be related but I think you are using this attribute, but likely shouldn't be. They sometimes hide these little disclaimers in their docs. You are using it in your first instance of the share buttons. If this doesn't resolve it, can you show the UI elements and send along the published URL? Also one idea for dynamic text would be to use an embed, type out your domain, and use the CMS variable slug. I haven't tested this before, so am not 100% sure if it would work, but I also don't see why not.
Kyle
·
Experiencing some strange behavior. Images 1 and 3 show staging and published site for the Relume component. It’s rendering oddly when I add the HTML in image 2 (taken from here: https://schier.co/blog/pure-html-share-buttons via Webflow’s own blog) Image 4 shows how the twitter share then populates without a link but with 3 separate lines. This is all with the Finsweet attributes still included. When deleted, the HTML embed and link block don’t do anything when clicked when using the pure HTML share buttons.
Kyle
·
I’ve now tried a few alternatives: Finsweet, Webflow’s instructions, the blog linked above, and code snippet suggestions from Perplexity and GPT-4 … surprising to me that 1) Webflow doesn’t support this?? and 2) neither Finsweet nor Relume seem to have docs on common functionality like this. Couldn’t get Finsweet to pass on an a href=domain+slug either, always blank on the share 😞
Kyle
·
I’ve gotten it to work with the following code, but it inexplicably changes the design… Would be nice if Relume and or Finsweet had supporting documentation for common components when Webflow does not have functional supporting documentation. I used this Webflow help doc, and it just straight up does not work with Relume’s img src icons, unfortunately.
Kyle
·
Finsweet doesn’t have support or I would be contacting them, apologies. They promote a Slack group but it requires a @Finsweet email address or an invite from an administrator for paid customers I’m guessing, and I only pay for Relume.
Matt J.
·
Hey all good! I got you
Kyle
·
Frustrating that Webflow lacks basic functionality that all other no-code web builders possess out of the box
Matt J.
·
Hey Kyle - in the first code snippet screenshot you sent, there are quite a few errors with that where I could see why it didn't work.
1.
URLs are incredibly sensitive - so you have to pretty much do exactly as it says. In that article about the HTML - I would translate that to what you are doing by having it be https://twitter.com/share?url=<https://www.techexpats.com/[slug]>&text=<[title]>via=<techexpats>
a.
Being that this is a hyperlink, it should be wrapped around the SVG code. so <a href=""><svg></svg></a>
3.
Its likely changing the design because you are essentially wrapping an anchor link inside an anchor link - I believe at least - so if you want to send a long a read-only link again, I can take a look.
Matt J.
·
any kind of spaces or misplaced symbols will make it fail
Matt J.
·
and you had a few of those
Kyle
·
I see, I was at the outset just copy-pasting from the sources and then having to move things around to wrap the svg source provided by Relume
Matt J.
·
You know, it might be that that article is wrong also, because under further review, I dont think that structure makes much sense either
🔥1
Matt J.
·
seriously wow, so if you look at their OWN share buttons at the bottom of their own article, you'll see the URL structure is different
Matt J.
·
wild
Kyle
·
I need to start heading to bed, but I’ll try again tomorrow with your inputs — can only spend so many hours hitting my head against a wall. Some of your components (like page loaders, for example) have great included documentation in the component itself. Something basic for share links and copy to clipboard, for something as common as a blog header or article, would be very helpful.

Creating a Blog Post CMS Template with Share Functionality Issues

26 comments

Creating a Blog Post CMS Template with Share Functionality Issues

26 comments