Call to Action Component

The Call to Action component creates clickable buttons that link to external pages, perfect for directing customers to policies, support resources, or promotional content without leaving checkout flow.

desc - Great for directing customers to sign up to a loyalty program, or to a support page.

Example

Seen on SIR the Label

Description

Create prominent clickable buttons with multiple style options (primary, secondary, plain). Open links in new tabs to preserve checkout session. Ideal for shipping policies, return policies, FAQ pages, or promotional offers that provide additional context without interrupting checkout.

Limitations

• Requires URL and button text
• Links open in customer's browser in a new tab

Sample Use Cases

• Policy Links: Link to detailed shipping policy or return policy pages
• Support Access: Direct customers to support pages or live chat
• Loyalty Program: Direct guest cheeckouts to sign up to gain loyalty points

Display Rules

Supports advanced display rules for conditional rendering. See Display Rules System documentation for details.

Key Features

• Multiple button styles (primary, secondary, plain)
• New tab option to preserve checkout session
• Localization support
• Conditional rendering based on cart/customer conditions

Button Styles

Primary

Bold, prominent button style. Use for the most important calls-to-action.

Best for: Main support links, important policies
Visual: Solid background, high contrast

Secondary

Outlined button style. Less prominent than primary, but still clear.

Best for: Additional resources, optional information
Visual: Outlined border, transparent background

Plain

Text-link style. Minimal visual weight.

Best for: Subtle links, footer-style references
Visual: Plain text with underline on hover

Examples

Loyalty Program Promotion

Button Text: "Join Our VIP Program"
URL: https://yourstore.com/pages/loyalty
Style: Primary
Open in new tab: Yes
Display Rule: Show only to new customers (order count = 0)

Best Practices

Link Destinations

• Link to https:// URLs (secure) rather than http://
• Test links to ensure they work correctly

Button Text

• Keep button text concise (1-3 words ideal)
• Use action verbs ("View", "Learn", "Contact", "Join")
• Be specific about destination ("Shipping Policy" not just "Policy")
• Avoid generic text like "Click Here"

Placement

• Don't overwhelm checkout with too many CTAs (1-2 maximum)