Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »

Introduction

Call to action block is aimed to attract attention and prompt the user to carry out an action. CTA is typically written as a command or action phrase and generally takes the form of a button or hyperlink.


Anatomy

CTA Block can look like the CTA link and like a button as well.

Similar content

Technically CTAs are similar to Buttons and Links.


States

CTA block has 2 states that define their appearance: Non-stacked and Stacked.


Usage

When to use

Use a CTA block to motivate user for some actions or decisions that are important. They should be used throughout your UI, it can be used in situations where users need to :

  • trigger a transition to an other page,

  • specify a new or next step in a process.

When not to use

  • Do not use CTAs to submit a form, to confirm a change.

  • Do not use CTA as navigation links.

  • Do not use two CTAs at the same time.

  • No labels