Call To Actions - CTAs

Web Cube has an application that supports Calls To Action. These are small in-site links that promote certain aspects of the site. CTAs are used to coax users to view promotional pages, sale categories, products, blog entries or any other content that you wish to highlight on your site. In Web Cube, CTAs are a graphical links.

 

First, you have to configure your CTA.

 

1. Click on the CMS tab.

Screen Shot 2013-01-10 at 11.45.16 AM.png

 

2. Under the Banners section click on the Call to actions menu item.

Screen_Shot_2013-02-15_at_8.56.25_AM.png

 

3. Click on the Add call to action button.

Screen_Shot_2013-02-15_at_8.59.36_AM.png

 

4. Write a key for this CTA. 

Screen_Shot_2013-02-15_at_9.00.50_AM.png

 

5. Write a title. This can be used in custom templates to know the title text next to the CTA.

Screen_Shot_2013-02-15_at_9.00.55_AM.png

 

6. This is the default link for this CTA. 

Screen_Shot_2013-02-15_at_9.00.59_AM.png

 

7. Specify the width for this CTA. 

Screen_Shot_2013-02-15_at_9.01.05_AM.png

 

8. Specify the height for this CTA.

Screen_Shot_2013-02-15_at_9.01.11_AM.png

 

9. If the CTA contains multiple CTA items like images you can specify the display interval of each CTA item.

Screen_Shot_2013-02-15_at_9.01.20_AM.png

 

10. Select the sites where this CTA will be displayed.

Screen Shot 2013-01-10 at 2.03.47 PM.png

 

11. Now let's upload an image for this CTA. Click on the Choose File button to select an image from your computer.

Screen_Shot_2013-02-15_at_9.02.20_AM.png

 

12. Write an Alternate Text for this image. This is used for SEO purposes.

Screen_Shot_2013-02-15_at_9.13.39_AM.png

 

13. If  you would like to use a flash file instead click on the Choose File button and select a file from your computer.

Screen_Shot_2013-02-15_at_9.02.30_AM.png

 

14. You can specify a link for this image. This will override the default CTA link.

Screen_Shot_2013-02-15_at_9.02.35_AM.png

 

15. Set the order in which this item will be displayed. Lower values have higher priority.

Screen_Shot_2013-02-15_at_9.02.40_AM.png

 

16. Save.

Screen Shot 2013-01-11 at 12.43.21 PM.png

 

Also, be sure to remember the key you used for this CTA. You will need it for the next step.

Note: When setting a CTA link, you can point to external sites by starting the link with http:// internal links can start with / to indicate that they are absolute URLs within the context of your web site.

 

Now that your CTA is saved, you can reference it from your templates by adding the following to your template:

{% load cta_tags %}

{% show_cta "your-cta-key" %}

The load cta_tags tells the Django template engine to load the custom CTA tags provided by web cube. Calling show_cta and replacing your-cta-key with whatever key you chose will display a link around the image that you chose.

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk