How to: Create a Banner

This tutorial will show you how to create banners with rotating images also known as Call to Actions or CTAs. 




Create a banner

1. Click on the CMS tab.

Screen Shot 2013-06-20 at 9.12.20 AM.png


2. Click on the Banners menu item.



3. Click on the Add call to action button.



4. The key is used to identify this banner. The key will later be used to load the content of this banner on your web pages.



5. The optional Title can be used in custom templates to show the title next to the Banner.



6. The Default link is used when the individual images for this banner don't have an link of their own.



7. This is where the Width of the banner is set. The width can be an absolute (in pixels) or a relative (percentage) value. 



8. Set the Height for this banner. The height can an absolute (in pixels) or a relative (percentage) value.



9. The Delay value sets the display time for each image used with this banner. The value is represents seconds.



10. Set the Sites where this banner will be displayed.

Hold down the Control or Command key on a Mac to select more then one site where this banner will be displayed.



11. Now that the main settings for this banner have been added it's time to add images to this banner using the Call To Action Items section.



12. Click on the Choose File button to add a new image to this banner. Please make sure the image has been pre-formatted to the desired size and resolution before loading.



13. Provide an Alternate Text for this image. The Alternate Text is used for search engine optimization purposes. If not provided the title of this banner will be used if available.



14. Click on the Choose File if you choose to use a Swf file for this banner.



15. The Link is used to redirect users to a new web page when clicking on this banner image. This overrides the Default link set for this banner.



16. Set the Order in which this image will be displayed on this rotating banner. Images with lower values will be displayed first on the banner.



17. By default you will be presented with three sections which allows the addition of three images but if more images need to be added to this banner click on the Add another Call To Action Item.



18. Save.

Screen Shot 2013-06-24 at 11.51.33 AM.png



How to use a banner

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


{% load cta_tags %}

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

Have more questions? Submit a request


Please sign in to leave a comment.
Powered by Zendesk