Incorpora il calcolatore PetYears

Aggiungi i nostri calcolatori di età al tuo blog di animali, sito di clinica veterinaria o qualsiasi pagina. Scegli iframe per la configurazione più semplice, o Web Component per un'integrazione più flessibile.

Opzioni

Personalizza l'aspetto tramite parametri URL (iframe) o attributi (Web Component).

Opzione 1: iframe (più semplice)

Copia il codice qui sotto e incollalo nell'HTML del tuo sito. Funziona ovunque.

<iframe src="https://petyears.app/en/e/dog/"
        width="100%" height="620" frameborder="0"
        title="PetYears calculator" loading="lazy"
        allow="clipboard-write"></iframe>

Opzione 2: Web Component

Includi il nostro script una volta, poi usa il tag come qualsiasi elemento HTML. Responsive automatico.

<script src="https://petyears.app/embed.js" defer></script>
<petyears-calculator animal="dog" lang="en"></petyears-calculator>

Anteprima

Reference

Animal
iframe:
path segment
Web Comp:
animal
Values:
dog, cat, rabbit, hamster, guinea-pig, horse
Language
iframe:
path segment
Web Comp:
lang
Values:
en, de, fr, it, es, pt, pl
Primary color
iframe:
?primary=2b2d5b
Web Comp:
primary
Values:
hex without #
Background color
iframe:
?bg=e8f5ee
Web Comp:
bg
Values:
hex without #
Accent color
iframe:
?accent=a0d4bc
Web Comp:
accent
Values:
hex without #
Text color
iframe:
?text=1f1d4a
Web Comp:
text
Values:
hex without #
Hide share
iframe:
?hideShare=1
Web Comp:
hide-share
Values:
boolean flag
Height (WC only)
iframe:
iframe height="620"
Web Comp:
height
Values:
pixels (default 620)