Aller au contenu

Apparence d'une page

Les couleurs, polices, disposition, logo et bannière d'une page : les réglages de son onglet Apparence. Une page a ses propres réglages, ou suit un style de page : elle prend alors l'apparence du style, bannière comprise. Ses propres réglages ne sont pas perdus pour autant : détachée du style, elle les retrouve.

Lire l'apparence

GET/v1/pages/{id}/style

Les réglages appliqués à la page (ceux du style si elle en suit un), le style suivi (null sinon), la bannière en ses deux formats — classic (1 200 × 630) et wide (1 200 × 400) — et le logo. Portée Lecture.

curl https://api.tinylink.fr/v1/pages/P6ad34a0e4fef09/style \
  -H "Authorization: Bearer tl_votre_jeton"

Réponses possibles

{
  "page_id": "P6ad34a0e4fef09",
  "style": null,
  "settings": {
    "header_layout": "classic",
    "logo_size": "medium",
    "header_text_size": "medium",
    "header_color": "#212121",
    "header_title_color": "#FFFFFF",
    "header_description_color": "#D8D8D8",
    "header_icon_color": "#FFFFFF",
    "header_title_font": "metroblack",
    "header_description_font": "robotoreg",
    "button_text_size": "medium",
    "button_color": "#FFFFFF",
    "button_title_color": "#212121",
    "button_description_color": "#888888",
    "button_title_font": "robotoreg",
    "button_description_font": "robotoreg",
    "button_radius": "rounded",
    "background_color": "#F0F0F0",
    "section_text_size": "medium",
    "section_title_color": "#212121",
    "section_title_font": "robotobold",
    "section_description_color": "#888888",
    "section_description_font": "robotoreg"
  },
  "banner": null,
  "logo": null
}

Modifier l'apparence

PATCH/v1/pages/{id}/style

Dans settings, n'envoyez que les réglages à changer ; les autres gardent leur valeur. Une valeur refusée est signalée, jamais remplacée en silence. Refusé si la page suit un style : détachez-la d'abord. Portée Écriture.

  • header_layout — classic (en-tête coloré) ou banner (bannière en tête) ; logo_size — small, medium ou large
  • header_text_size, button_text_size, section_text_size — small, medium ou large
  • header_color, header_title_color, header_description_color, header_icon_color — couleurs de l'en-tête
  • button_color, button_title_color, button_description_color — couleurs des liens ; button_radius — circular, rounded ou square
  • background_color — fond de la page ; section_title_color, section_description_color — titres de section
  • header_title_font, header_description_font, button_title_font, button_description_font, section_title_font, section_description_font — identifiants de GET /v1/fonts
  • Couleurs en hexadécimal : #1E90FF ou #19F.
curl -X PATCH https://api.tinylink.fr/v1/pages/P6ad34a0e4fef09/style \
  -H "Authorization: Bearer tl_votre_jeton" \
  -H "Content-Type: application/json" \
  -d '{
    "settings": {
      "background_color": "#F3EADF",
      "button_color": "#1E90FF",
      "button_title_color": "#FFFFFF",
      "button_radius": "circular",
      "header_title_font": "poppinsblack"
    }
  }'

Réponses possibles

{
  "page_id": "P6ad34a0e4fef09",
  "style": null,
  "settings": {
    "header_layout": "classic",
    "logo_size": "medium",
    "header_text_size": "medium",
    "header_color": "#212121",
    "header_title_color": "#FFFFFF",
    "header_description_color": "#D8D8D8",
    "header_icon_color": "#FFFFFF",
    "header_title_font": "poppinsblack",
    "header_description_font": "robotoreg",
    "button_text_size": "medium",
    "button_color": "#1E90FF",
    "button_title_color": "#FFFFFF",
    "button_description_color": "#888888",
    "button_title_font": "robotoreg",
    "button_description_font": "robotoreg",
    "button_radius": "circular",
    "background_color": "#F3EADF",
    "section_text_size": "medium",
    "section_title_color": "#212121",
    "section_title_font": "robotobold",
    "section_description_color": "#888888",
    "section_description_font": "robotoreg"
  },
  "banner": null,
  "logo": null
}

Appliquer ou retirer un style

PATCH/v1/pages/{id}/style

style_id rattache la page à un style de l'environnement ou à un style fourni (default, light, dark…, voir GET /v1/page-styles). "style_id": null la détache : elle retrouve ses propres réglages ; ajoutez "keep_appearance": true pour qu'elle garde plutôt l'apparence du style, recopiée dans ses réglages. Portée Écriture.

curl -X PATCH https://api.tinylink.fr/v1/pages/P6ad34a0e4fef09/style \
  -H "Authorization: Bearer tl_votre_jeton" \
  -H "Content-Type: application/json" \
  -d '{"style_id":"PST6ad34a11d00877"}'

Réponses possibles

{
  "page_id": "P6ad34a0e4fef09",
  "style": {
    "id": "PST6ad34a11d00877",
    "name": "Charte 2026",
    "builtin": false
  },
  "settings": {
    "header_layout": "classic",
    "logo_size": "medium",
    "header_text_size": "medium",
    "header_color": "#212121",
    "header_title_color": "#FFFFFF",
    "header_description_color": "#D8D8D8",
    "header_icon_color": "#FFFFFF",
    "header_title_font": "metroblack",
    "header_description_font": "robotoreg",
    "button_text_size": "medium",
    "button_color": "#1E90FF",
    "button_title_color": "#FFFFFF",
    "button_description_color": "#888888",
    "button_title_font": "robotoreg",
    "button_description_font": "robotoreg",
    "button_radius": "circular",
    "background_color": "#F0F0F0",
    "section_text_size": "medium",
    "section_title_color": "#212121",
    "section_title_font": "robotobold",
    "section_description_color": "#888888",
    "section_description_font": "robotoreg"
  },
  "banner": null,
  "logo": "https://content.tinylink.fr/page-logo/logo_6ad34a0fd937d.webp"
}

Changer le logo

PUT/v1/pages/{id}/logo

POST/v1/pages/{id}/logo

image : l'adresse publique d'une image, ou une data URI base64 (data:image/png;base64,…). Pour envoyer un fichier, utilisez POST en multipart/form-data avec un champ image. JPEG, PNG ou WebP, 5 Mo et 6 000 px de côté au plus. Le logo est recadré en carré de 350 px ; crop.square ({"x", "y", "w", "h"}, en pixels de l'image d'origine) choisit la zone, sinon elle est centrée. La réponse est l'apparence de la page. Portée Écriture.

curl -X PUT https://api.tinylink.fr/v1/pages/P6ad34a0e4fef09/logo \
  -H "Authorization: Bearer tl_votre_jeton" \
  -H "Content-Type: application/json" \
  -d '{"image":"https://exemple.fr/logo.png"}'

Réponses possibles

{
  "page_id": "P6ad34a0e4fef09",
  "style": null,
  "settings": {
    "header_layout": "classic",
    "logo_size": "medium",
    "header_text_size": "medium",
    "header_color": "#212121",
    "header_title_color": "#FFFFFF",
    "header_description_color": "#D8D8D8",
    "header_icon_color": "#FFFFFF",
    "header_title_font": "poppinsblack",
    "header_description_font": "robotoreg",
    "button_text_size": "medium",
    "button_color": "#1E90FF",
    "button_title_color": "#FFFFFF",
    "button_description_color": "#888888",
    "button_title_font": "robotoreg",
    "button_description_font": "robotoreg",
    "button_radius": "circular",
    "background_color": "#F3EADF",
    "section_text_size": "medium",
    "section_title_color": "#212121",
    "section_title_font": "robotobold",
    "section_description_color": "#888888",
    "section_description_font": "robotoreg"
  },
  "banner": null,
  "logo": "https://content.tinylink.fr/page-logo/logo_6ad34a0fd937d.webp"
}

Changer la bannière

PUT/v1/pages/{id}/banner

POST/v1/pages/{id}/banner

image : l'adresse publique d'une image, ou une data URI base64 (data:image/png;base64,…). Pour envoyer un fichier, utilisez POST en multipart/form-data avec un champ image. JPEG, PNG ou WebP, 5 Mo et 6 000 px de côté au plus. Deux formats sont produits, chacun recadrable : crop.classic (1 200 × 630) et crop.wide (1 200 × 400, disposition banner). Refusé si la page suit un style : la bannière est alors celle du style. Selon l'offre. Portée Écriture.

curl -X PUT https://api.tinylink.fr/v1/pages/P6ad34a0e4fef09/banner \
  -H "Authorization: Bearer tl_votre_jeton" \
  -H "Content-Type: application/json" \
  -d '{"image":"https://exemple.fr/banniere.jpg"}'

Réponses possibles

{
  "page_id": "P6ad34a0e4fef09",
  "style": null,
  "settings": {
    "header_layout": "classic",
    "logo_size": "medium",
    "header_text_size": "medium",
    "header_color": "#212121",
    "header_title_color": "#FFFFFF",
    "header_description_color": "#D8D8D8",
    "header_icon_color": "#FFFFFF",
    "header_title_font": "poppinsblack",
    "header_description_font": "robotoreg",
    "button_text_size": "medium",
    "button_color": "#1E90FF",
    "button_title_color": "#FFFFFF",
    "button_description_color": "#888888",
    "button_title_font": "robotoreg",
    "button_description_font": "robotoreg",
    "button_radius": "circular",
    "background_color": "#F3EADF",
    "section_text_size": "medium",
    "section_title_color": "#212121",
    "section_title_font": "robotobold",
    "section_description_color": "#888888",
    "section_description_font": "robotoreg"
  },
  "banner": {
    "classic": "https://content.tinylink.fr/page-banner/banner_6ad34a102be89.webp",
    "wide": "https://content.tinylink.fr/page-banner/wide_banner_6ad34a102be89.webp"
  },
  "logo": "https://content.tinylink.fr/page-logo/logo_6ad34a0fd937d.webp"
}

Retirer le logo ou la bannière

DELETE/v1/pages/{id}/logo

DELETE/v1/pages/{id}/banner

Supprime l'image ; la réponse est l'apparence de la page. Rien n'est supprimé d'autre : la portée Écriture suffit.

curl -X DELETE https://api.tinylink.fr/v1/pages/P6ad34a0e4fef09/logo \
  -H "Authorization: Bearer tl_votre_jeton"

Réponses possibles

{
  "page_id": "P6ad34a0e4fef09",
  "style": null,
  "settings": {
    "header_layout": "classic",
    "logo_size": "medium",
    "header_text_size": "medium",
    "header_color": "#212121",
    "header_title_color": "#FFFFFF",
    "header_description_color": "#D8D8D8",
    "header_icon_color": "#FFFFFF",
    "header_title_font": "metroblack",
    "header_description_font": "robotoreg",
    "button_text_size": "medium",
    "button_color": "#FFFFFF",
    "button_title_color": "#212121",
    "button_description_color": "#888888",
    "button_title_font": "robotoreg",
    "button_description_font": "robotoreg",
    "button_radius": "rounded",
    "background_color": "#F0F0F0",
    "section_text_size": "medium",
    "section_title_color": "#212121",
    "section_title_font": "robotobold",
    "section_description_color": "#888888",
    "section_description_font": "robotoreg"
  },
  "banner": null,
  "logo": null
}

Lister les polices

GET/v1/fonts

Les polices proposées, par ordre alphabétique : leur id est la valeur des réglages …_font. Portée Lecture.

curl https://api.tinylink.fr/v1/fonts \
  -H "Authorization: Bearer tl_votre_jeton"

Réponses possibles

{
  "data": [
    {
      "id": "abrilfat",
      "name": "Abril Fatface"
    },
    {
      "id": "bebasneue",
      "name": "Bebas Neue"
    },
    {
      "id": "bungee",
      "name": "Bungee"
    },
    {
      "id": "caveatreg",
      "name": "Caveat Regular"
    }
  ]
}

Vous ne trouvez pas votre réponse ?

Écrivez-nous depuis l'onglet Support de votre espace, nous répondons sous 24 h ouvrées.

Contacter le support