diff --git a/src/client/dd-hub-react/src/api/product-service.ts b/src/client/dd-hub-react/src/api/product-service.ts
index 8bc2934..36d5c58 100644
--- a/src/client/dd-hub-react/src/api/product-service.ts
+++ b/src/client/dd-hub-react/src/api/product-service.ts
@@ -7,6 +7,7 @@ export type Product = {
     coverUrl?: string;
     colors?: string[];
     priceSale?: number;
+    url?: string;
 };
 
 /**
diff --git a/src/client/dd-hub-react/src/sections/product/product-item.tsx b/src/client/dd-hub-react/src/sections/product/product-item.tsx
index 7225ad6..2415e0a 100644
--- a/src/client/dd-hub-react/src/sections/product/product-item.tsx
+++ b/src/client/dd-hub-react/src/sections/product/product-item.tsx
@@ -93,7 +93,7 @@ export function ProductItem({ product }: { product: Product }) {
       </Box>
 
       <Stack spacing={2} sx={{ p: 3 }}>
-        <Link color="inherit" underline="hover" variant="subtitle2" noWrap>
+        <Link color="inherit" underline="hover" variant="subtitle2" noWrap target="_blank" href={product.url ?? '/404'}>
           {product.name}
         </Link>