Aller au contenu

Styles de page

Un style de page réunit couleurs, polices, disposition et bannière, partagés par toutes les pages qui le suivent : le modifier change ces pages aussitôt. Les réglages sont ceux de l'apparence d'une page ; on rattache une page à un style avec PATCH /v1/pages/{id}/style. Créer, modifier ou dupliquer un style dépend de l'offre, comme les composants.

Lister les styles

GET/v1/page-styles

Les sept styles fournis par TinyLink d'abord (builtin: true : default, light, dark, blue, cream, forest, plum), utilisables par toutes les pages mais pas modifiables, puis ceux de l'environnement, par ordre alphabétique. pages_count compte les pages qui suivent le style. Portée Lecture.

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

Réponses possibles

{
  "data": [
    {
      "id": "default",
      "name": "Default",
      "description": null,
      "builtin": true,
      "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,
      "pages_count": 0,
      "created_at": null
    },
    {
      "id": "light",
      "name": "Light",
      "description": null,
      "builtin": true,
      "settings": {
        "header_layout": "classic",
        "logo_size": "medium",
        "header_text_size": "medium",
        "header_color": "#FFFFFF",
        "header_title_color": "#212121",
        "header_description_color": "#646464",
        "header_icon_color": "#212121",
        "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,
      "pages_count": 0,
      "created_at": null
    }
  ]
}

Créer un style

POST/v1/page-styles

name est obligatoire (100 caractères au plus). Les réglages partent des valeurs d'une page neuve ; settings en change certains. Avec from_page (identifiant ou slug d'une page), le style reprend l'apparence de cette page, bannière comprise — la page n'y est pas rattachée pour autant. Portée Écriture.

  • name — le nom du style
  • description — 1 000 caractères au plus
  • settings — réglages d'apparence, voir Apparence d'une page
  • from_page — page dont l'apparence est reprise
curl -X POST https://api.tinylink.fr/v1/page-styles \
  -H "Authorization: Bearer tl_votre_jeton" \
  -H "Content-Type: application/json" \
  -d '{
    "name": "Charte 2026",
    "description": "Couleurs de la marque",
    "settings": {
      "button_color": "#1E90FF",
      "button_title_color": "#FFFFFF",
      "button_radius": "circular"
    }
  }'

Réponses possibles

{
  "id": "PST6ad34a11d00877",
  "name": "Charte 2026",
  "description": "Couleurs de la marque",
  "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,
  "pages_count": 0,
  "created_at": "2026-10-17T12:12:33+02:00",
  "pages": []
}

Lire un style

GET/v1/page-styles/{id}

Le style et les pages qui le suivent. Un style fourni se lit aussi (/page-styles/dark). Portée Lecture.

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

Réponses possibles

{
  "id": "PST6ad34a11d00877",
  "name": "Charte 2026",
  "description": "Couleurs de la marque",
  "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,
  "pages_count": 1,
  "created_at": "2026-10-17T12:12:33+02:00",
  "pages": [
    {
      "id": "P6ad34a0e4fef09",
      "name": "Ma page",
      "url": "https://tnylnk.fr/ma-page"
    }
  ]
}

Modifier un style

PATCH/v1/page-styles/{id}

name, description et, dans settings, les seuls réglages à changer. Toutes les pages qui suivent le style changent avec lui. Portée Écriture.

curl -X PATCH https://api.tinylink.fr/v1/page-styles/PST6ad34a11d00877 \
  -H "Authorization: Bearer tl_votre_jeton" \
  -H "Content-Type: application/json" \
  -d '{"settings":{"background_color":"#181818"}}'

Réponses possibles

{
  "id": "PST6ad34a11d00877",
  "name": "Charte 2026",
  "description": "Couleurs de la marque",
  "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": "#181818",
    "section_text_size": "medium",
    "section_title_color": "#212121",
    "section_title_font": "robotobold",
    "section_description_color": "#888888",
    "section_description_font": "robotoreg"
  },
  "banner": null,
  "pages_count": 1,
  "created_at": "2026-10-17T12:12:33+02:00",
  "pages": [
    {
      "id": "P6ad34a0e4fef09",
      "name": "Ma page",
      "url": "https://tnylnk.fr/ma-page"
    }
  ]
}

Changer la bannière d'un style

PUT/v1/page-styles/{id}/banner

POST/v1/page-styles/{id}/banner

DELETE/v1/page-styles/{id}/banner

Même envoi que la bannière d'une page (image, crop.classic, crop.wide) ; DELETE la retire. Les pages qui suivent le style l'affichent aussitôt. Portée Écriture.

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

Réponses possibles

{
  "id": "PST6ad34a11d00877",
  "name": "Charte 2026",
  "description": "Couleurs de la marque",
  "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": "#181818",
    "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_6ad34a1230b69.webp",
    "wide": "https://content.tinylink.fr/page-banner/wide_banner_6ad34a1230b69.webp"
  },
  "pages_count": 1,
  "created_at": "2026-10-17T12:12:33+02:00",
  "pages": [
    {
      "id": "P6ad34a0e4fef09",
      "name": "Ma page",
      "url": "https://tnylnk.fr/ma-page"
    }
  ]
}

Dupliquer un style

POST/v1/page-styles/{id}/duplicate

Copie le style, bannière comprise, sous le nom name (à défaut : le nom suivi de « (copy) »). Un style fourni se duplique aussi : la copie appartient à l'environnement et se modifie. Portée Écriture.

curl -X POST https://api.tinylink.fr/v1/page-styles/PST6ad34a11d00877/duplicate \
  -H "Authorization: Bearer tl_votre_jeton" \
  -H "Content-Type: application/json" \
  -d '{"name":"Charte 2026 (soldes)"}'

Réponses possibles

{
  "id": "PST6ad34a13c32e24",
  "name": "Charte 2026 (soldes)",
  "description": "Couleurs de la marque",
  "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": "#181818",
    "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_6ad34a13c31b2.webp",
    "wide": "https://content.tinylink.fr/page-banner/wide_banner_6ad34a13c31b2.webp"
  },
  "pages_count": 0,
  "created_at": "2026-10-17T12:12:35+02:00",
  "pages": []
}

Supprimer un style

DELETE/v1/page-styles/{id}

Supprime le style et sa bannière ; les pages qui le suivaient retrouvent leurs propres réglages. Portée Suppression.

curl -X DELETE https://api.tinylink.fr/v1/page-styles/PST6ad34a11d00877 \
  -H "Authorization: Bearer tl_votre_jeton"

Réponses possibles

Sans contenu

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