How to Use Link CTA Variations

January 8, 2015 Uberflip Customer Success

Link CTA Variations allow you to easily customize the look, feel, and action of a Link CTA for each individual Item in your Hub (please note that CTA Variations is currently a feature that is only available to users on Enterprise plans).

This feature is designed to save you time and make it easier to ensure that each of your Link CTAs is contextual. Using CTA Variations, you can change colors, copy, and link destinations to make sure that each of your CTAs speaks one-to-one with each user who is reading your content. 

CTA Variations exist between CTAs and Items, meaning that the placements of a Link CTA are of secondary importance when thinking about Variations. Once you've set a Variation between a particular CTA and a particular Item, that Variation will appear in each Stream that both the CTA and Item have been applied to.

In the below example, you can see that a single Link CTA that was placed in the Uberflip Blog Stream has had a variation applied to the "12 People Proving That Content Marketing Is More Than A Buzzword (SlideShare)" post. In this case, the colors has been reversed and the words "for you as a content marketer" have been added for illustrative purposes. One CTA, two variations. 

Ready to create your first Link CTA Variation? Follow the steps outlined below. 

Step 1: Find the CTA Variations Tab

When editing your Link CTAs, you'll notice a 4th and final tab called Variations with a multi-page icon. Click this tab to get started. 

Step 2 - Select Item for Variation

Once you click Add New Variation, a pop-up will appear that will give you the ability to select an Item from within the Stream(s) where you've placed your Link CTA. Click the Item you wish to apply the Variation to. 

Step 3 - Apply Variations to Link CTA

Once you've selected the Item, you'll see a range of configurable options appear that are very similar to the options found in the Layout tab. Each option is outlined in more detail below. 

(1) Change Design & Style 

You can customize the font color, background color, button text, and button color of your Link CTA Variation.

(2) Change Copy

You can customize the copy of your Link CTA to make sure you speak explicitly to the interests of the users consuming your content. For example, if you deal with customers in multiple industries you'll want to customize the copy for each industry or buyer persona.

(3) Change Button Label 

You can customize the copy of your Link CTA's button label (there is a 12 character limit on button label text).

(4) Link Action (Options)

Depending on what specific action you would like your users or visitors to take, you can change the Link Action's technical element by toggling between: 

  • http:// (regular links) 
  • https:// (secure links)
  • mailto: (email addresses) 
  • tel: (phone numbers)
  • sms: (text messages) 

(5) Link Action (Destination)

You can change the specific action you would like your visitors or users to do from the default action. For example, if a particular blog post speaks more to one of your service offerings than another, you may want to send users to that page on your website versus something generic. Using the Link Action, you can:

  • Send users to a landing page, section of your site or other URL; 
  • Send users to a social media profile; 
  • Allow users to make a Skype phone call;
  • Allow users to send you a message via email; or
  • Allow users to send a  message via SMS (e.g.  +123456789).

(6) Change Font Size

You can change the font size of the copy that appears on your Link CTA by dragging the button left or right.

(7) Add Additional Variations for Other Items

You can add additional Form CTA Variations by clicking the blue Add New Variation button.

(8) Delete Variation

You can delete your Link CTA Variation at any time by clicking the Delete button.

That's it! You've set up a CTA Variation for your Link CTA. As a best practice, you should set up a Variation for as many individual Items in your Hub as possible, especially if you have placed your Link CTA in a Show Beside placement.

Previous Article
Placing a Link CTA
Placing a Link CTA

How to customize the placement of your Link CTAs across your Hub streams and beside your Hub items.

Next Article
Copying Link CTAs
Copying Link CTAs

Copying your Link CTAs is a great way to save time when creating similar CTAs across your Hub.

Wondering how you can best use your Link CTAs?

Ask Us How