AI Prompt Button

AI Prompt Button is a specialized button that surfaces AI-generated suggestions or prompts, helping users quickly take action or explore recommendations.

Overview

Code

Anatomy

  1. AI border

Usage Guidelines

Use When

  • Triggering a predefined AI prompt that guides user input or action.
  • Offering AI-generated suggestions that can be accepted or refined.
  • Clearly signaling what kind of output or response the AI will provide.
  • Helping users explore AI features without requiring them to craft their own prompt.

Best Practices

  • Use clear, descriptive labels that explain the AI’s action (e.g., “Summarize Notes”).
  • Be realistic about AI capabilities; set expectations to build trust.
  • Avoid vague labels like “Generate” or “Execute workflow”.
  • Don’t duplicate obvious system actions (e.g., “Type your answer”).
  • Keep language approachable — avoid overly technical terms that might confuse the target audience.

Crafted with ❤️ at Zuora

© 2025 Zuora Inc.

AI Prompt Button

AI Prompt Button is a specialized button that surfaces AI-generated suggestions or prompts, helping users quickly take action or explore recommendations.

Overview

Code

Anatomy

  1. AI border

Usage Guidelines

Use When

  • Triggering a predefined AI prompt that guides user input or action.
  • Offering AI-generated suggestions that can be accepted or refined.
  • Clearly signaling what kind of output or response the AI will provide.
  • Helping users explore AI features without requiring them to craft their own prompt.

Best Practices

  • Use clear, descriptive labels that explain the AI’s action (e.g., “Summarize Notes”).
  • Be realistic about AI capabilities; set expectations to build trust.
  • Avoid vague labels like “Generate” or “Execute workflow”.
  • Don’t duplicate obvious system actions (e.g., “Type your answer”).
  • Keep language approachable — avoid overly technical terms that might confuse the target audience.

Crafted with ❤️ at Zuora

© 2025 Zuora Inc.

AI Prompt Button

AI Prompt Button is a specialized button that surfaces AI-generated suggestions or prompts, helping users quickly take action or explore recommendations.

Overview

Code

Anatomy

  1. AI border

Usage Guidelines

Use When

  • Triggering a predefined AI prompt that guides user input or action.
  • Offering AI-generated suggestions that can be accepted or refined.
  • Clearly signaling what kind of output or response the AI will provide.
  • Helping users explore AI features without requiring them to craft their own prompt.

Best Practices

  • Use clear, descriptive labels that explain the AI’s action (e.g., “Summarize Notes”).
  • Be realistic about AI capabilities; set expectations to build trust.
  • Avoid vague labels like “Generate” or “Execute workflow”.
  • Don’t duplicate obvious system actions (e.g., “Type your answer”).
  • Keep language approachable — avoid overly technical terms that might confuse the target audience.

Crafted with ❤️ at Zuora

© 2025 Zuora Inc.

On This Page

AI Prompt Button

AI Prompt Button is a specialized button that surfaces AI-generated suggestions or prompts, helping users quickly take action or explore recommendations.

Overview

Code

Anatomy

  1. AI border

Usage Guidelines

Use When

  • Triggering a predefined AI prompt that guides user input or action.
  • Offering AI-generated suggestions that can be accepted or refined.
  • Clearly signaling what kind of output or response the AI will provide.
  • Helping users explore AI features without requiring them to craft their own prompt.

Best Practices

  • Use clear, descriptive labels that explain the AI’s action (e.g., “Summarize Notes”).
  • Be realistic about AI capabilities; set expectations to build trust.
  • Avoid vague labels like “Generate” or “Execute workflow”.
  • Don’t duplicate obvious system actions (e.g., “Type your answer”).
  • Keep language approachable — avoid overly technical terms that might confuse the target audience.

Crafted with ❤️ at Zuora

© 2025 Zuora Inc.

On This Page

AI Prompt Button

AI Prompt Button is a specialized button that surfaces AI-generated suggestions or prompts, helping users quickly take action or explore recommendations.

Overview

Code

Anatomy

  1. AI border

Usage Guidelines

Use When

  • Triggering a predefined AI prompt that guides user input or action.
  • Offering AI-generated suggestions that can be accepted or refined.
  • Clearly signaling what kind of output or response the AI will provide.
  • Helping users explore AI features without requiring them to craft their own prompt.

Best Practices

  • Use clear, descriptive labels that explain the AI’s action (e.g., “Summarize Notes”).
  • Be realistic about AI capabilities; set expectations to build trust.
  • Avoid vague labels like “Generate” or “Execute workflow”.
  • Don’t duplicate obvious system actions (e.g., “Type your answer”).
  • Keep language approachable — avoid overly technical terms that might confuse the target audience.

Crafted with ❤️ at Zuora

© 2025 Zuora Inc.