Mustafa abiye sormuşsun ama bende cevap vereyim.
Widget mantığı Kullanıcının aslında senin sisteminden ürünleri api aracılığı ile alması gerekir istediğini ayıklar içinden yayınlar ama sen ben bir widget vereyim siteye gömsün diyorsan iş değişir elbette
Apiden de bu şekilde veri çekersin.
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ürün Widget</title>
</head>
<body>
<div id="widget-container">
</div>
<script>
const apiEndpoint = 'https://example.com/api/products';
const widgetContainer = document.getElementById('widget-container');
async function fetchAndRenderProducts() {
try {
const response = await fetch(apiEndpoint);
const data = await response.json();
data.forEach(product => {
const productElement = document.createElement('div');
productElement.innerHTML = `<p>${product.name} - ${product.price}</p>`;
widgetContainer.appendChild(productElement);
});
} catch (error) {
console.error('Ürünleri çekerken bir hata oluştu:', error);
}
}
document.addEventListener('DOMContentLoaded', fetchAndRenderProducts);
</script>
</body>
</html>
Ama normal bir widget nasıl oluşturulur gömülür tam bir fikrim yok.