It’s been a little over a month since I launched ShareOpenly, my simple tool that lets you add a “share to social media” button to your website which is compatible with the fediverse, Bluesky, Threads, and all of today’s crop of social media sites.

You might recall that I built it in order to help people move away from their “share to Twitter” buttons that they’ve been hosting for years. Those buttons made sense from 2006-2022 — but not so much in a world where engagement on Twitter/X is falling, and a new world of social media is emerging.

People have been using it, and I’ve had lots of great feedback.

So, today, I’m pleased to announce releases for two of the biggest requests people have made for the tool.

A share icon

A share button needs an icon. That was clear from the very beginning. It needs to be something distinctive — this is a different kind of social media share tool — but also immediately recognizable as a share icon.

I reached out to one of the best designers in the field: Jon Hicks, whose excellent work includes the new Thunderbird logo, Disney’s SpellStruck, Spotify’s icon set, and Truck, an excellent record store in my hometown. I was delighted when he agreed to create a share icon for ShareOpenly.

This icon works really well at small and large sizes: in sidebars, in footers, and wherever you need to help people share. Click the version embedded here to share this very post:

A WordPress plugin

Lots of people have asked me for an easy way to embed a ShareOpenly link into WordPress.

David Artiss, a support lead at Automattic’s excellent WordPress VIP service, has written a WordPress plugin that is now available in the official WordPress plugin directory. He writes more about it in an announcement blog post on his site:

Simply download the plugin, activate it and you’ll find a link added to the bottom of every WordPress post or page. A simple settings page allows you to change the sharing text, as well as whether it appears on posts and/or page content.

Boom! It couldn’t be easier.

I really hope that the new icon and the WordPress plugin make it easier to include more open sharing to your website. ShareOpenly is suitable for everything from small blogs to large publishers.

Manually creating a share link

Of course, you don’t need to use the WordPress plugin. You can embed a share icon onto any web page using this code:

<a href="#" id="shareopenly"><img src="https://shareopenly.org/images/logo.svg" alt="Share to social media"></a>
<script>
  document.querySelector('#shareopenly').addEventListener('click', (e) => {
    e.preventDefault();
    let href = 'https://' + 'shareopenly' + '.org/share/?url=';
    href += `${encodeURIComponent(window.location.href)}&text=${encodeURIComponent(document.title)}`;
    window.location.href = href;
  });
</script>

Or you can construct the URL yourself by following the instructions on this page.

Have fun, and please keep the feedback coming! You can always email me at ben@werd.io.