Image of Lucian Ghinda writing for notes.ghinda.com
December 4th, 2024

Using shoutouts.page to embed a link to my workshops

Maybe this would be a great time to share more buildinpublic or experiment with how this works.

This morning, I added a footer to the booklet about testing for developers Writebook from 37 Signals, and I used the that are using https://shoutouts.page for this.

Here is how it looks like on the main website https://booklet.goodenoughtesting.com

Displaying the embeded shoutout
Displaying the embeded shoutout

I created a small snippet on shoutouts.page by Vincent Ritter 

I chose this because, once included, any changes to the text or image will automatically update everywhere it's embedded

Here is how it looks like to create the shoutout:

The form for creating the shoutout
The form for creating the shoutout

I then embedded this to two places: 

  1. booklet.goodenoughtesting.com
  2. notes.ghinda.com - this blog where you read this content

I could not make it work for the Hashnode where I have the longer form articles: allaboutcoding.ghinda.com. Not sure why and I did not had time to debug. 

The entire process took me about 30 minutes at most, considering I already had the Open Graph image from a post I published about the #GoodEnoughTesting workshop some time ago.

Before using Shoutout, I manually added information about where to find me online at the end of each blog post. This process was time-consuming, and if I wanted to make changes, I had to edit multiple posts in various places.