Click To Tweet: how to set it up on WordPress

Posted by Mike Eastwood on 15 August 2016

Mike Eastwood

I've used "Click To Tweet" (to Tweet from a website) so often that I installed the "Click To Tweet" plugin on our website. Easy to Tweet. Easy to install.

However, there are some limitations (more at the end of this post and on the Pros and Cons page).

What is Click To Tweet?

It's a plugin (if you use WordPress) or a script (if you use a different Content Management System) where you can insert a Tweet that people can share with a click... pretty self explanatory really.

Why Click To Tweet?

You do all the work - once. Your work (not even that much work) makes it really easy for anyone to share your content. In short people (like me) are lazy and they want to Tweet more often.

When they see you've done all the work for them - all they have to do is click. Easy.

How much does it cost?

Free for up to 5 links. Remember if you ever delete the link, or your account, you will have a broken link in your Tweet.

$4.97 USD per month for unlimited links and they give you a discount if you pay for the year in advance, it's $49.70 (when we posted this in August 2016).

How to set up Click To Tweet.

There's a few steps to get up and running so we broke this into different parts.

No matter what you use to publish your content you will need to sign up (Part 1).

If you're using WordPress you can follow these super easy instructions to install the plugin (Part 2).

Then, once everything is set up, you will run through Option A or Option B whenever you want to use ClickToTweet.

Part 1 - sign up to Click To Tweet

Step 1

Go to their website https://clicktotweet.com and click on the green button "Sign in with Twitter to get started".

Click To Tweet part 1 step 1

If you're already signed in to Twitter then you'll go straight to step 3, otherwise you'll sign in as shown in step 2.

Step 2

Sign in to Twitter using your Twitter Username, or the email address associated with your Twitter Account, and your Twitter password.

ClickToTweet part 1 step 2

Step 3

You now need to click the "Authorize* App" button to authorise* ClickToTweet to use your Twitter Account. This will allow ClickToTweet to Read tweets from your timeline, or see who you follow (both of these are public anyway).

You may want to double check this hasn't changed since this page was published.

*We're in New Zealand so we inherited the English Language not the American Language.

ClickToTweet part 1 step 3

Step 4

Add your email address so ClickToTweet can email you.

ClickToTweet part 1 step 4

Step 5

You land on your dashboard as seen below.

ClickToTweet part 1 step 5

Part 2 - installing the plugin in WordPress

Step 1

Log into your WordPress Admin area.

ClickToTweet part 2 step 1

Step 2

Go to the Plugins Menu on the left and choose Add New.

ClickToTweet part 2 step 2

Step 3

In the search box at the top right type in "ClickToTweet" and hit enter.

ClickToTweet part 2 step 3

Step 4

You can see the "ClickToTweet" panel on the top left. Make sure the plugin is "By ClickToTweet" so you know it's the real one.

Click the "Install Now" Button.

ClickToTweet part 2 step 4

Step 5

Now you need to Activate the Plugin by clicking the "Activate Plugin" Link.

ClickToTweet part 2 step 5

Step 6

When you activated the plugin you were taken to the Plugins Screen, showing all your plugins. Click the "Settings" Link in the "Click To Tweet" Plugin.

ClickToTweet part 2 step 6

Step 7

This screen is a bit confusing. If you were logged into Twitter you will see your Twitter handle (username).

You only need to use this form if you want to change Twitter Accounts, or if you weren't already logged in.

ClickToTweet part 2 step 7

Step 8

Click on the "Box Design" Tab to choose how you want your ClickToTweet Panel to look on your website.

ClickToTweet part 2 step 8

You can choose from a list of styles and colours. I chose Template 2 and made the font small.

I skipped the other tabs (Image Design, Hint Box and Author Box) because I couldn't see how to use them or what they did.

Warning: if you're pedantic (like me) then you'll probably be annoyed (like me) that some of the default CSS rules were modified by the plug-in. You will need to do some CSS tweaks. Specifically it changed the class "entry-content p".

Part 3

Here there are two options. You can simply insert a saved Tweet that's been set up in ClickToTweet; or, you can create a new Tweet using the ClickToTweet interface - the reason you will want to do it this way is that you can insert an image (which will increase clicks and retweets).

Option A - Adding a saved Tweet in your Post

Step 1

Sign into Twitter (I find it easier to do this first) and sign into https://clicktotweet.com

ClickToTweet part 3 step 1

Step 2

Create a new Post, or Page. In this case we're editing this Post as an example.

ClickToTweet part 3 step 2

Step 3

Click the ClickToTweet Button in the Toolbar.

ClickToTweet part 3 step 3

Step 4

The easiest way is to click the Insert Existing CTT Tab.

ClickToTweet part 3 step 4

Step 5

Choose which style you want the ClickToTweet Panel to be. In this case we chose Box Template 3 (which was the one where we bent the CSS).

ClickToTweet part 3 step 5

Step 6

Check the Shortcode (the stuff in the square brackets). The string of gobbledygook is what makes the ClickToTweet Panel appear in your Post. It's important not to fiddle with this unless you know what you're doing.

ClickToTweet part 3 step 6

Step 7

Always, always, always check your Post before and after you publish it. Things rarely work as expected and a quick proof, on the site, will save you embarrassment.

ClickToTweet part 3 step 7

Option B - Adding a new ClickToTweet in your Post

The advantage of working this way is you can include an image. Tweets with images, according to Buffer, receive 150% more retweets than images without.

Step 1

Sign into Twitter (I find it easier to do this first).

ClickToTweet part 3 step 1

Step 2

Create a new Post, or Page. In this case we're editing this Post as an example.

ClickToTweet part 3 step 2

Step 3

Click the ClickToTweet Button in the Toolbar.

ClickToTweet part 3 step 3

Step 4

Add your text and URL (note: the text doesn't show on the Post but it does when you Tweet it).

ClickToTweet part 3 step 4

Step 5

Then click the Select A Theme Tab

You will now see a grid of default images. Click the Upload Image First Button. You can then select an image from the WordPress Media Gallery, or upload a new one.

ClickToTweet part 3 step 5

Step 6

Select the Image Design you want to use (a border will highlight the image).

Click the Insert New CTT button.

ClickToTweet part 3 step 6

Step 7

Check the Shortcode (the stuff in the square brackets). The string of gobbledygook is what makes the ClickToTweet Panel appear in your Post. It's important not to fiddle with this unless you know what you're doing.

ClickToTweet part 3 step 7

Step 8

Always, always, always check your Post before and after you publish it. Things rarely work as expected and a quick proof, on the site, will save you embarrassment.

ClickToTweet part 3 step 8

ClickToTweet Limitations

A few of the processes are confusing, if you're new to WordPress, or if you're not a geek like me then this may be challenging. If you get stuck feel free to comment below or contact me directly.

Some of the default WordPress styles are overwritten - this is really annoying and hopefully fixed in future versions.

It's confusing trying to add an image to a Tweet on the ClickToTweet website. Images are important because the "Click Through Rate" or CTR will increase, which is really what we want.  So, if you want to create a ClickToTweet Panel you will need to step through the interface in WordPress (don't know how you can embed an image without the WordPress Plugin). And, when I post an image using the wizard none of the text is shown. It does in the Tweet but the URL isn't shortened (I'm guessing that means the link tracking will break too). Arg!

They are working on this according to their website:

"While we are still working on fully supporting the ability to include embedded images (hosted at pic.twitter.com) in your tweets, we have made a work-around easier to use."

https://clicktotweet.com/help

The settings area is lacking in helpful instructions and some of the features (e.g. images) either don't work or are so badly explained I can't figure them out.

And, one more minor thing, it should all operate on SSL. Using our example above it would put the "s" in the URL so http://ctt.ec/_Bk8h+ becomes https://ctt.ec/_Bk8h+.

We have no affiliations with ClickToTweet.

We've written this (and the Pros and Cons list) to help people like you get more traction in Social Media.

Yes, they have an affiliate scheme but I didn't sign up because there's too many annoying things about the system.

 

Topics: Social Media, WordPress

Social Media Checklist  You need to be leveraging Social Media for your business or you will left  behind. Find out here what the common mistakes are and more importantly how to  avoid them. Download Now