Aller au contenu

Apariencia de una página

Los colores, fuentes, disposición, logo y banner de una página: los ajustes de su pestaña Apariencia. Una página tiene sus propios ajustes, o sigue un estilo de página: toma entonces la apariencia del estilo, banner incluido. Sus propios ajustes no se pierden: al desvincularla del estilo, los recupera.

Leer la apariencia

GET/v1/pages/{id}/style

Los ajustes aplicados a la página (los del estilo si sigue uno), el estilo que sigue (null si no), el banner en sus dos formatos —classic (1200 × 630) y wide (1200 × 400)— y el logo. Ámbito Lectura.

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

Respuestas posibles

{
  "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
}

Modificar la apariencia

PATCH/v1/pages/{id}/style

En settings, envía solo los ajustes que cambian; los demás conservan su valor. Un valor rechazado se indica, nunca se sustituye en silencio. Rechazado si la página sigue un estilo: desvincúlala primero. Ámbito Escritura.

  • header_layout: classic (cabecera de color) o banner (banner arriba); logo_size: small, medium o large
  • header_text_size, button_text_size, section_text_size: small, medium o large
  • header_color, header_title_color, header_description_color, header_icon_color: colores de la cabecera
  • button_color, button_title_color, button_description_color: colores de los enlaces; button_radius: circular, rounded o square
  • background_color: fondo de la página; section_title_color, section_description_color: títulos de sección
  • header_title_font, header_description_font, button_title_font, button_description_font, section_title_font, section_description_font: identificadores de GET /v1/fonts
  • Colores en hexadecimal: #1E90FF o #19F.
curl -X PATCH https://api.tinylink.fr/v1/pages/P6ad34a0e4fef09/style \
  -H "Authorization: Bearer tl_tu_token" \
  -H "Content-Type: application/json" \
  -d '{
    "settings": {
      "background_color": "#F3EADF",
      "button_color": "#1E90FF",
      "button_title_color": "#FFFFFF",
      "button_radius": "circular",
      "header_title_font": "poppinsblack"
    }
  }'

Respuestas posibles

{
  "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
}

Aplicar o quitar un estilo

PATCH/v1/pages/{id}/style

style_id vincula la página a un estilo del espacio de trabajo o a un estilo proporcionado (default, light, dark…, ver GET /v1/page-styles). "style_id": null la desvincula: recupera sus propios ajustes; añade "keep_appearance": true para que conserve en cambio la apariencia del estilo, copiada en sus ajustes. Ámbito Escritura.

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

Respuestas posibles

{
  "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"
}

Cambiar el logo

PUT/v1/pages/{id}/logo

POST/v1/pages/{id}/logo

image: la dirección pública de una imagen, o una data URI en base64 (data:image/png;base64,…). Para enviar un archivo, usa POST en multipart/form-data con un campo image. JPEG, PNG o WebP, 5 MB y 6000 px por lado como máximo. El logo se recorta en un cuadrado de 350 px; crop.square ({"x", "y", "w", "h"}, en píxeles de la imagen original) elige la zona; si no, se centra. La respuesta es la apariencia de la página. Ámbito Escritura.

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

Respuestas posibles

{
  "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"
}

Cambiar el banner

PUT/v1/pages/{id}/banner

POST/v1/pages/{id}/banner

image: la dirección pública de una imagen, o una data URI en base64 (data:image/png;base64,…). Para enviar un archivo, usa POST en multipart/form-data con un campo image. JPEG, PNG o WebP, 5 MB y 6000 px por lado como máximo. Se generan dos formatos, cada uno con su recorte: crop.classic (1200 × 630) y crop.wide (1200 × 400, disposición banner). Rechazado si la página sigue un estilo: el banner es entonces el del estilo. Según el plan. Ámbito Escritura.

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

Respuestas posibles

{
  "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"
}

Quitar el logo o el banner

DELETE/v1/pages/{id}/logo

DELETE/v1/pages/{id}/banner

Elimina la imagen; la respuesta es la apariencia de la página. No se elimina nada más: basta con el ámbito Escritura.

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

Respuestas posibles

{
  "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
}

Listar las fuentes

GET/v1/fonts

Las fuentes disponibles, por orden alfabético: su id es el valor de los ajustes …_font. Ámbito Lectura.

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

Respuestas posibles

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

¿No encuentras tu respuesta?

Escríbenos desde la pestaña Soporte de tu panel, respondemos en un plazo de 24 h laborables.

Contactar con el soporte