Use recommendations anywhere

Endpoint

The endpoint returns a ready-to-render recommendations array. Use the tenant project key and the user ID captured by your application.

curl "https://analytics.tradly.dev/recommendations/{project_key}/users/{user_id}?limit=6"

The recommendation endpoint is public for the project and does not require a private customer profile or contact details.

const response = await fetch(
  "https://analytics.tradly.dev/recommendations/your-project/users/user-123?limit=6"
);
const { recommendations } = await response.json();

recommendations.forEach((product) => {
  // Render product.title, product.image_url, product.url, and product.price
  console.log(product.title, product.reason);
});

There is no hosted iframe widget yet. This small copy-paste block is the current embed option and lets you control the markup and styling.

<div id="tradly-recommendations"></div>
<script>
  async function loadRecommendations() {
    const response = await fetch(
      "https://analytics.tradly.dev/recommendations/your-project/users/user-123?limit=6"
    );
    const data = await response.json();
    document.querySelector("#tradly-recommendations").innerHTML =
      (data.recommendations || []).map((product) =>
        `<a href="${product.url || "#"}">
          <img src="${product.image_url || ""}" alt="${product.title || "Recommended product"}">
          <strong>${product.title || product.listing_slug || product.listing_id}</strong>
          <span>${product.reason}</span>
        </a>`
      ).join("");
  }
  loadRecommendations();
</script>