Incorporar a calculadora PetYears
Adicione as nossas calculadoras de idade ao seu blogue de animais, site de clínica veterinária ou qualquer página. Escolha iframe para a configuração mais simples ou Web Component para integração mais flexível.
Opções
Personalize o aspeto através de parâmetros de URL (iframe) ou atributos (Web Component).
Opção 1: iframe (mais simples)
Copie o código abaixo e cole no HTML do seu site. Funciona em qualquer lado.
<iframe src="https://petyears.app/en/e/dog/"
width="100%" height="620" frameborder="0"
title="PetYears calculator" loading="lazy"
allow="clipboard-write"></iframe> Opção 2: Web Component
Inclua o nosso script uma vez, depois utilize a tag como qualquer elemento HTML. Responsivo automaticamente.
<script src="https://petyears.app/embed.js" defer></script> <petyears-calculator animal="dog" lang="en"></petyears-calculator>
Pré-visualização
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)
| Option | iframe (URL param) | Web Component (attr) | Values |
|---|---|---|---|
| Animal | path segment | animal | dog, cat, rabbit, hamster, guinea-pig, horse |
| Language | path segment | lang | en, de, fr, it, es, pt, pl |
| Primary color | ?primary=2b2d5b | primary | hex without # |
| Background color | ?bg=e8f5ee | bg | hex without # |
| Accent color | ?accent=a0d4bc | accent | hex without # |
| Text color | ?text=1f1d4a | text | hex without # |
| Hide share | ?hideShare=1 | hide-share | boolean flag |
| Height (WC only) | iframe height="620" | height | pixels (default 620) |