How To Use Custom "Tweet This" Graphics with Squarespace!
Hi and welcome to Living My Someday! If you've been hanging around here for awhile, you know I'm no tech expert; however, I have learned a few things since my move to Squarespace and I'm always eager to share helpful information, whether it's about blogging, hiking, family travel, or an inspirational quote. I figure if I can save someone from making the same mistakes I've made, my job is done!
Okay, so, originally, I'd found a way to share tweets via a bit of CSS coding. Unfortunately, that particular code negatively affected other parts of my site—namely, my Summary blocks. Thus, I was on the hunt for another option to make it easier for folks to share my content.
This proved to be a lot more difficult than I'd anticipated! There were a number of good tutorials, but nothing specifically for Squarespace users who wanted to create their own graphics. After much trial-and-error (and frustration!), I found a ridiculously simple way to do it myself!
Thanks to the screenshots, it looks more complicated than it is, but I wanted to make sure it was crystal clear for everyone—experts, newbies, and folks who fall somewhere in between. If you do give this a try, let me know on Twitter! I'd love to share your Tweet This link!
*Note: I'm not going to go into how to create a graphic because Allyssa Barnes has an amazing tutorial for that using Canva. Instead, let's pick up from the point at which you've already saved and downloaded your graphic, m'kay?
1. Head to ClickToTweet.com and create the message you want folks to share. Don't forget to add the link to your post (I used Bitly to save characters) and/or your Twitter handle. When you're satisfied, click Generate New Link (mine says Generate Basic Link because I've already made 5 Click to Tweet links, which is the limit for free accounts).
2. The next screen will show you some coding, which you'll ignore unless you want to embed your Tweet This in your post (Melanie Craft & Co. has a great tutorial on that.) If you're into a more minimalist look, check it out! Anyway, in the upper right corner of the screen, you'll see a blue link. Highlight, copy, and save it because we'll need it in a minute.
3. Now, sign into your Squarespace account and find the post you'd like to use for your Tweet This graphic. Click Edit and locate where you'd like the image to be placed. Select the Image block.
4. Upload your image, then scroll down the Image block editor and select Click Through URL. There, paste the link you set aside from Click to Tweet. Click Apply, then Save, and you're done! (You may have to refresh the page to activate the graphic.)
Wanna see my graphic in action? Go ahead and click on the image below to spread the word of your newfound knowledge!