Get the code
Add TasteRay ForMe to any page in two steps. No build tools, no signup, no API key.
1 Add the script
Include the widget script before your closing </body> tag:
HTML
<script src="https://forme.tasteray.com/widget.js" defer></script>
2 Add a button
Add a button (or any element) with data attributes describing your product:
HTML
<button data-tasteray-feature="for-me" data-tasteray-title="Your Product Name" data-tasteray-medium="product" data-tasteray-description="A brief description of the product..." data-tasteray-lang="en" >Is this for me?</button>
That's it. The widget handles the modal UI, conversation, and results.
Data attributes reference
| Attribute | Required | Description |
|---|---|---|
data-tasteray-feature |
Yes | Must be "for-me" to activate the widget |
data-tasteray-title |
Yes | Product or media name |
data-tasteray-medium |
Recommended | Type: product, movie, tv-series, computer-game, book, album, artist, concert |
data-tasteray-description |
Recommended | Brief description (100+ chars recommended). If short or missing, the widget can scrape from URL. |
data-tasteray-lang |
No | Language: en or pl. Auto-detected from page if omitted. |
data-tasteray-year |
No | Release or publication year (useful for movies, books, games) |
data-tasteray-url |
No | Product URL for automatic description scraping |
React example
React / JSX
import { useEffect } from 'react'; export function ForMeButton({ title, description }) { useEffect(() => { const s = document.createElement('script'); s.src = 'https://forme.tasteray.com/widget.js'; s.defer = true; document.body.appendChild(s); return () => s.remove(); }, []); return ( <button data-tasteray-feature="for-me" data-tasteray-title={title} data-tasteray-medium="product" data-tasteray-description={description} >Is this for me?</button> ); }
Supported mediums
The widget works across different product categories. Set data-tasteray-medium to one of:
product— physical products, electronics, fashion, etc.movie— films and documentariestv-series— TV shows and seriescomputer-game— video gamesbook— books and publicationsalbum— music albums and EPsartist— musicians and bandsconcert— live shows and tours
How it works
- User clicks the button — a modal opens with a chat interface
- The AI asks 3-5 psychographic questions tailored to the specific product
- A match score and explanation are shown, with an alternative suggestion if the fit is low
- Returning users get faster matches — the widget remembers their taste profile in localStorage