Team di Design del Giorno
Incorpora Team di Design del Giorno nel tuo sito web
Team di Design del Giorno pubblica una nuova selezione ogni giorno. L'indirizzo dell'immagine non cambia mai, ma l'immagine dietro di esso sì: aggiungi il codice una sola volta e i tuoi visitatori vedranno automaticamente la selezione del giorno.
Come funziona
Ogni giorno una nuova immagine viene pubblicata a un indirizzo fisso. La tua pagina carica quell'indirizzo, così mostra sempre la selezione corrente, e un clic porta i tuoi visitatori su Team di Design del Giorno dove viene raccontata la storia completa.
Preferisci uno script? Aggiungi un contenitore e uno script: il widget disegna lo stile che scegli con data-dotd-variant (image, cta o card), nella lingua dell'indirizzo dello script quando quella lingua è disponibile. Se non puoi eseguire script, usa la versione HTML della stessa variante.
Variante A: solo immagine
L'immagine di oggi, con link a Team di Design del Giorno. L'opzione più leggera.
Anteprima dal vivo
<a href="https://designteamoftheday.com/it/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="Team di Design del Giorno premiato, impegnato in progetti innovativi" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="designteamoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=it"></script>Variante B: immagine e invito all'azione
L'immagine di oggi con un invito all'azione sottostante.
Anteprima dal vivo
<a href="https://designteamoftheday.com/it/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
<img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="Team di Design del Giorno premiato, impegnato in progetti innovativi" loading="lazy" style="display:block;max-width:100%;height:auto;margin:0 auto">
<span style="display:block;margin-top:.5em;font:600 15px/1.3 system-ui,sans-serif">Scopri il Team di Design del Giorno</span>
</a><div data-dotd="designteamoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=it"></script>Variante C: card Bootstrap
Una card Bootstrap con l'immagine, il titolo della selezione, un breve paragrafo e un pulsante di invito all'azione. La tua pagina necessita di Bootstrap.
Anteprima dal vivo
<div class="card" style="max-width:24rem">
<a href="https://designteamoftheday.com/it/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" class="card-img-top" alt="Team di Design del Giorno premiato, impegnato in progetti innovativi" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Team di Design del Giorno</h5>
<p class="card-text">A' Design Award celebra i team creativi dietro progetti eccezionali di design, architettura e innovazione come Team di Design del Giorno, presentando studi di punta la cui collaborazione, visione condivisa e competenza si distinguono.</p>
<a href="https://designteamoftheday.com/it/" class="btn btn-danger" target="_blank" rel="noopener">Scopri il Team di Design del Giorno</a>
</div>
</div><div data-dotd="designteamoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=it"></script>Opzione 3: JSON
Per sviluppatori, app e automazione. Il JSON contiene il nome, la descrizione, l'indirizzo dell'immagine, i link e la data. Le richieste cross-origin sono consentite.
fetch("https://designteamoftheday.com/feature.json?lang=it")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});Esempio di risposta
{
"domain": "designteamoftheday.com",
"name": "Team di Design del Giorno",
"feature": "Team di Design del Giorno",
"paragraph": "A' Design Award celebra i team creativi dietro progetti eccezionali di design, architettura e innovazione come Team di Design del Giorno, presentando studi di punta la cui collaborazione, visione condivisa e competenza si distinguono.",
"description": "Team di Design del Giorno celebra i team creativi dietro progetti eccezionali di design, architettura e innovazione, presentando designer di fama mondiale, architetti di punta e team di design di riferimento a livello internazionale la cui collaborazione, visione condivisa e competenza sono state riconosciute dal prestigioso A' Design Award and Competition.",
"call_to_action": "Scopri il Team di Design del Giorno",
"date": "2026-11-08",
"language": "it",
"image": "https://competition.adesignaward.com/design-team-of-the-day/today.png",
"image_alt": "Team di Design del Giorno premiato, impegnato in progetti innovativi",
"url": "https://designteamoftheday.com/it/",
"feature_url": "https://competition.adesignaward.com/design-team-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-teams-of-the-days.php",
"embed_url": "https://designteamoftheday.com/it/contenuto-in-primo-piano/"
}Buono a sapersi
- Mantieni il link intorno all'immagine, così i tuoi visitatori potranno scoprire la selezione completa.
- Usa sempre l'indirizzo dell'immagine mostrato sopra e non salvarne una copia, così la tua pagina resta aggiornata.
- L'immagine è responsive: non diventa mai più larga del suo contenitore.
- Hai bisogno di aiuto o di un formato personalizzato? Contattaci.