Squarespace

Dans votre tableau de bord Squarespace, allez dans Settings > Advanced > Code Injection. Ajoutez un bloc HTML personnalisé dans la section Header ou Footer pour charger votre widget d’astrologie.

Placez cet extrait dans la zone Code Injection. Il récupère l’horoscope du jour et l’affiche sur la page.

<div id="horoscope"></div>
<script>
fetch('${API_DOCS_URL}/api/astro/rashifal/daily/', {
  method: 'POST',
  headers: {
    'X-API-Key': 'YOUR_API_KEY',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ rashi: 'aries' })
})
.then(r => r.json())
.then(data => {
  document.getElementById('horoscope').innerText = data.get_daily_rashifal.general_prediction;
});
</script>

En production, faites passer les appels à l’API par un backend pour protéger votre clé. Si votre clé API figure dans du code côté client, n’importe qui peut l’utiliser.