Contextual upgrade prompt when a workspace fills up
Live preview
The prompt
Build an in-product seat-limit CTA with Tailwind CSS. Show a nearly full avatar stack, 9 of 10 seats used, a progress bar, the next teammate waiting to join, and two actions to review members or add five seats. Include transparent prorated pricing. Add JavaScript that removes the nudge when dismissed, opens a compact cost confirmation when adding seats, and updates the seat count after confirmation.
Build an in-product seat-limit CTA with Tailwind CSS. Show a nearly full avatar stack, 9 of 10 seats used, a progress bar, the next teammate waiting to join, and two actions to review members or add five seats. Include transparent prorated pricing. Add JavaScript that removes the nudge when dismissed, opens a compact cost confirmation when adding seats, and updates the seat count after confirmation.
Build an in-product seat-limit CTA with Tailwind CSS. Show a nearly full avatar stack, 9 of 10 seats used, a progress bar, the next teammate waiting to join, and two actions to review members or add five seats. Include transparent prorated pricing. Add JavaScript that removes the nudge when dismissed, opens a compact cost confirmation when adding seats, and updates the seat count after confirmation.