← TasteRay ForMe

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:

How it works

  1. User clicks the button — a modal opens with a chat interface
  2. The AI asks 3-5 psychographic questions tailored to the specific product
  3. A match score and explanation are shown, with an alternative suggestion if the fit is low
  4. Returning users get faster matches — the widget remembers their taste profile in localStorage
Try the live demo