| Page Properties | |||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
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
For MVP as CTA Block will take only the CTA links should be taken. It can look like a button but it is yhe still the link within designs submitted
Use When
Don’t Use When
Related/Similar Components
Key Content
...
Item
...
Type
...
Notes
Visual Style
Behaviour
Editorial
Accessibility
Analytics & Data
If any analytics is required, it would simply be tracking of a linked heading or element visibility of the heading. This would only require that the heading be able to be individually isolated.
Future Expansion
Wider Conversations that may impact this
...
.
Similar content
Technically CTAs are similar to Buttons and Links.
...
States
CTA block has 2 states that define their appearance: Non-stacked and Stacked.
Stacked state is out of MVP scope
...
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.
...
Useful materials
...