Templates Composer

Chaque zone ci-dessous est une cible que vous pouvez viser dans Piano Composer via un sélecteur CSS (ex. #tp-banner-top) ou via l'attribut data-tp-zone.

Banner top#tp-banner-top

Zone réservée à une bannière haut de page (annonce, newsletter, offre).

Inline article#tp-inline-article

Zone d'insertion au milieu d'un article, par exemple une carte d'abonnement.

Sidebar#tp-sidebar

Zone latérale pour un module de recommandation ou un teaser premium.

Footer CTA#tp-footer-cta

Zone de bas de page pour un call-to-action final (abonnement, login).

Comment ça marche

Dans Composer, créez un template, puis dans l'expérience associée, choisissez l'action « Show template » avec un sélecteur CSS pointant vers la zone (ex : #tp-banner-top). Le SDK Piano injecte le contenu.