Personalize the experience based on past reviews
Don't ask again if they already love it. Ask for more!
1const { review, getUserRating } = useProofConvert();
2const [mood, setMood] = useState('unknown');
3
4useEffect(() => {
5 getUserRating('export-pdf').then(data => {
6 if (data?.rating >= 5) setMood('fan');
7 else if (data?.rating <= 2) setMood('unhappy');
8 });
9}, []);
10
11if (mood === 'fan') {
12 return (
13 <button
14 onClick={() => openReferral()}
15 className="px-4 py-2 bg-green-500 text-white rounded"
16 >
17 🎁 Invite a Friend
18 </button>
19 );
20}
21
22if (mood === 'unhappy') {
23 return (
24 <button
25 onClick={() => openSupport()}
26 className="px-4 py-2 bg-blue-500 text-white rounded"
27 >
28 💬 Contact Support
29 </button>
30 );
31}
32
33return (
34 <button
35 onClick={() => review('export-pdf')}
36 className="px-4 py-2 bg-purple-500 text-white rounded"
37 >
38 📄 Export PDF
39 </button>
40);