🧭 Tooltips & Help Text

This page contains samples for various tooltips and help text.

🔐 Password Tooltip

Goal: Help users understand password requirements.

Before

Enter password.

After

Use at least 8 characters, with a number and a symbol.

---

📅 Date Input Help

Goal: Clarify the format required.

Before

Enter date.

After

Format: MM/DD/YYYY

🧾 Tooltip for Invoice Number Field

Goal: Clarify required format for manual input.

Before

Enter invoice number

After

Include all numbers and dashes (e.g., INV-12345)

---

💳 Tooltip for Credit Card CVV

Goal: Explain a commonly misunderstood field.

Before

Enter CVV

After

3-digit code on the back of your card

---

📧 Tooltip for Email Field

Goal: Prevent formatting errors.

Before

Enter email

After

We’ll never share your email. Format: [e-mail]

---

📦 Help Text for Shipping Address Line 2

Goal: Reduce confusion about an optional field.

Before

Address Line 2

After

Apt, suite, building (optional)

---

🌐 Help Text for Website Field

Goal: Prevent URL format errors.

Before

Enter website

After

Start with https:// (e.g., https://yourdomain.com)

---

🖼️ Tooltip for Profile Photo Upload

Goal: Reduce uncertainty about allowed formats.

Before

Upload your photo

After

Accepted formats: JPG, PNG. Max size: 2MB.

---

⌛ Tooltip for Estimated Delivery Time

Goal: Explain the range and potential delays.

Before

Estimated: 5–7 days

After

Delivery usually takes 5–7 business days. Delays may occur during holidays.