Adding a CTA

Calls to Action, also known as CTAs, are informational or advertorial content that you can be displayed in a Stream or many Streams. Seen on Assets at the Stream-level or on SNLPs, CTA can encourage the user to click and go to another web page of significance, a demo, an event registration, etc. They add visual interest and can easily be designed using the Hushly UI.

For example, a CTA may encourage a user to register for a webinar on account-based marketing and click through to the landing page where they can register.

Creating a CTA

To create a CTA:

1. From the Hubs page, click the Hub. From the Hubs menu, click Call To Actions.
    
2. Click Create CTA.
   
   
3. Enter the name. 
4. Click Create. The Content tab opens. Using the tabs, Content, Design, and Placements, to configure the CTA.
   
   

Defining the CTA Content

1. Enter a tagline. Tagline constitutes the content of the advertisement. You can enter a maximum of 200 to 2 characters. The Preview CTA panel on the right shows how the tagline appears when displayed in a Stream.
   To not use a Tagline, simply leave the section blank.
2. Enter the Button Label. This is the Call to Action for the users.
   
   
3. Enter the URL link in the Link Action field. The Link Action field specifies the destination web page that the user is taken to when they click the CTA button.
   
   
4. Click Next. The Design tab opens. Using the Design tab, you can configure the visual elements of the CTA page.
   
   

Designing and Styling the CTA

1. On the Design tab, select the four colors for the following elements.
   
   • Select the font color to configure the text that appears in the preview.
   • Select the button font color to determine the color of the text that appears on the button.
   • Select the page background color.
   • Select the button background color.
   • Increase or decrease the default font size by dragging the handle on the Tagline Font Size bar. To avoid oversized or undersized text, adjust the tagline font size. 
2. Click the background image. The Select Background Image pop-up opens.  
3. Click Upload to upload a new image. The file explorer opens. You can upload image files with the .jpg, .jpeg, .gif, and .png formats by selecting the file in the file explorer and clicking the Open button. The uploaded image appears in the Select Background Image pop-up window. 
4. After uploading the image, click the image to set it as the background image. Alternatively, if a background image is available already, click it to set it as the background image.
   
   
5. Click Next. The Placements tab is displayed.
   
   

Displaying a CTA in a Stream

The Placements tab associates a CTA tile with a Stream and includes the destination web page.

1. Click Add Placement. The Stream drop-down field displays all Streams.
    
2. Select the Stream that should include the CTA tile.
   Important: You can add a CTA tile to more than one Stream by clicking the Add Placement button and selecting a different Stream.
    
3. Select the Stream that will display the CTA.
   
   Enable: By default, the toggle is switched to enable. When enabled, the CTA appears in the Stream.
   ➜ To hide the CTA from appearing in the Stream, disable the toggle switch.
   
   At Stream Level
   • Will Appear after item: Check the box and enter the number of Assets after which the CTA should appear for the first time in the Stream.
     ➜ Uncheck the box if you don't want the CTA to appear after a specific number.
   • Repeat every: Check the box and enter the number of Assets after which you want the CTA to appear again.
     ➜ Uncheck the box if you don't want the CTA to repeat.
     Note: You should configure at least one of the two options for your CTA.
     
     At Item Level
     
   • Don’t Show: Choose this option not to show the CTA in the row of Assets.
   • Show Beside: This is the default choice. Choose this option to showcase the CTA as the first item above the Recommendations for You section.
     
     
4. Click Finish.
   
   

User's View of the CTA

When the user accesses the Hub, the CTA is displayed as shown below:

At Stream Level:

At Item Level:

Related Topics:

Editing a CTA

Hiding or Showing a CTA
Deleting a CTA