Link Text Component

The Link Text component displays inline text links that are more subtle than buttons, perfect for embedding contextual links within informational content.

desc - Display subtle inline text links within informational content at checkout.

Description

Simpler, less prominent alternative to Call to Action buttons. Perfect for embedding within other content or providing access to additional information without drawing attention away from checkout flow. Supports localization and custom link text.

Sample Use Cases

• Embedded Policy Links: Embed policy links within informational text naturally
• Terms & Conditions: Provide access to terms and conditions without prominent buttons
• Supporting Documentation: Link to supporting documentation or FAQs non-intrusively

Display Rules

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

Key Features

• Subtle inline styling
• New tab option to preserve checkout session
• Localization support
• Conditional rendering based on cart/customer conditions

When to Use Link Text vs Call to Action

Use Link Text When:

• Link is embedded within paragraph text
• You want minimal visual disruption
• Link is secondary or optional information
• Creating footer-style reference links

Use Call to Action When:

• Link requires prominent attention
• It's a primary action you want customers to take
• You need visual emphasis
• Link is standalone (not within text)

Examples

Embedded Within Message

Component: Simple Message
Text: "By completing this purchase, you agree to our [Terms of Service] and [Privacy Policy]"
Links: 
  - "Terms of Service" → https://yourstore.com/pages/terms
  - "Privacy Policy" → https://yourstore.com/pages/privacy

Shipping Information Reference

Component: Simple Message
Text: "Need more details about shipping? View our complete [shipping information]."
Link: "shipping information" → https://yourstore.com/pages/shipping

Contact Reference

Component: Simple Message
Text: "Questions about your order? [Contact our support team] for assistance."
Link: "Contact our support team" → https://yourstore.com/pages/contact

Best Practices

Link Text

• Make link text descriptive ("shipping policy" not "click here")
• Keep link text concise (2-5 words)
• Use natural language that flows with surrounding content
• Ensure linked text clearly indicates destination

Context

• Provide enough surrounding context so link purpose is clear
• Don't overload paragraphs with too many links (2-3 maximum)
• Ensure links are relevant to surrounding content

Technical

• Always open in new tab to preserve checkout session
• Test links to ensure they work correctly
• Use https:// URLs (secure) rather than http://
• Verify links work on mobile devices