Image - Call To Action

Get People To Take Action

The Image - Call To Action stack will dramatically increase the chances that your links get clicked.

Here's the demo.

As an image is being shown, an overlay with animated effects will float in and cover the image. This overlay will contain your short message and a button, or your link(s).

That is a sure attention-grabber.

If your images are not visible initially, the overlays won't display. When the user scrolls down the page and your images come into view, the overlays will then come in.


  • - Use your own images as background.
  • - Comes with a simple template for call-to-action.
  • - Use your own stack instead of the template, eg the Text stack.
  • - When using the included template, you can choose different colors for the call-to-action button, ie normal state and hovered state.
  • - 5 animation effects.
  • - Triggers when image is in view, or when the user manually hovers the mouse over the image.


Trigger - Choose when the overlay should appear. 1) When the user moves the mouse over the image? 2) When the image is displaying in the web browser viewport?

Visible X, Visible Y - How much of the image should be shown (horizontally and vertically) so as to be considered to be in-view. Recommended value is 1 for both options.

Animation Effect - This controls what kind of animation effect to be used when the overlay is being ushered in.

Animation Delay - There can be a delay before the overlay comes in. You can set this to a higher value if you want to show the background image a little longer.

Animation Duration - This controls how long the animation lasts.

Overlay Color & Opacity - You can set the overlay color and opacity here.

Border Thickness & Color - You can set the image's border thickness and color here.


Link - Enter the link you want to redirect your users to when they click the button.


  • - RapidWeaver 5 & 6
  • - Stacks 2 & 3

Stacks . Images & Videos . Social . Lightboxes . Layout . Publishing . Utilities .
Bundles .