Intégrer une relation

Mis à jour le : 11 octobre 2026

Avec Cutup, une relation s'intègre dans n'importe quelle page : copiez un des codes ci-dessous et collez-le dans votre site. Un clic sur la carte ouvre la relation sur Cutup, dans un nouvel onglet.

1. Bloc avec texte de repli (recommandé)

Le bloc reste lisible sans JavaScript (lecteurs de flux, newsletters, moteurs de recherche) : le texte et le lien s'affichent tels quels, puis le script les remplace par la carte.

<blockquote class="cutup-relation" data-widget="H4mjEPR1ELF" data-lang="fr">
  Curtis Yarvin, très proche de Peter Thiel — <a href="https://cutup.news/L7n4g3YycN4">Voir sur Cutup</a>
</blockquote>
<script async src="https://cutup.news/cutup_widget.js"></script>
Rendu
Curtis Yarvin, très proche de Peter Thiel — Voir sur Cutup

2. Une simple balise div

Le plus court : une div vide avec la classe cutup-relation (ou son synonyme cutup-nodel) et l'identifiant de l'export. N'importe quelle balise convient.

<div class="cutup-relation" data-widget="TB8o3RS65BV" data-lang="fr"></div>
<script async src="https://cutup.news/cutup_widget.js"></script>
Rendu

3. En anglais, thème sombre, largeur réduite

Options : data-lang (fr | en), data-theme (light | dark), data-width (largeur maximale en pixels, 560 par défaut).

<div class="cutup-relation" data-widget="581qC1f252J" data-lang="en" data-theme="dark" data-width="420"></div>
<script async src="https://cutup.news/cutup_widget.js"></script>
Rendu

4. Iframe seul, sans script

Pour les plateformes qui refusent les scripts : un iframe classique. La hauteur est fixe (pas d'ajustement automatique) : prévoyez environ 420 pixels selon la longueur de la citation.

<iframe src="https://cutup.news/fr/embed/Cy95OboGSsg" title="Cutup" width="100%" height="420" scrolling="no" style="max-width:560px;border:0;" loading="lazy"></iframe>
Rendu
  • Le script cutup_widget.js ne s'inclut qu'une fois par page, même s'il y a plusieurs cartes.
  • L'identifiant (data-widget) est celui de l'export, créé par le propriétaire de la relation, pas l'identifiant de la relation elle-même. Un export retiré affiche « Cette relation n'est plus disponible ».
  • Une question sur l'intégration : contact@cutup.news.

Embed a relation

Updated on : 11 October 2026

With Cutup, a relation can be embedded in any page: copy one of the codes below and paste it into your site. Clicking the card opens the relation on Cutup, in a new tab.

1. Block with fallback text (recommended)

The block stays readable without JavaScript (feed readers, newsletters, search engines): the text and link show as is, then the script replaces them with the card.

<blockquote class="cutup-relation" data-widget="H4mjEPR1ELF" data-lang="en">
  Curtis Yarvin, very close to Peter Thiel — <a href="https://cutup.news/en/L7n4g3YycN4">View on Cutup</a>
</blockquote>
<script async src="https://cutup.news/cutup_widget.js"></script>
Preview
Curtis Yarvin, very close to Peter Thiel — View on Cutup

2. A plain div

The shortest: an empty div with the cutup-relation class (or its synonym cutup-nodel) and the export ID. Any tag works.

<div class="cutup-relation" data-widget="TB8o3RS65BV" data-lang="en"></div>
<script async src="https://cutup.news/cutup_widget.js"></script>
Preview

3. In French, dark theme, narrower

Options: data-lang (fr | en), data-theme (light | dark), data-width (maximum width in pixels, 560 by default).

<div class="cutup-relation" data-widget="581qC1f252J" data-lang="fr" data-theme="dark" data-width="420"></div>
<script async src="https://cutup.news/cutup_widget.js"></script>
Preview

4. Iframe only, no script

For platforms that refuse scripts: a plain iframe. The height is fixed (no automatic adjustment): allow about 420 pixels depending on the length of the quote.

<iframe src="https://cutup.news/en/embed/Cy95OboGSsg" title="Cutup" width="100%" height="420" scrolling="no" style="max-width:560px;border:0;" loading="lazy"></iframe>
Preview
  • The cutup_widget.js script is included only once per page, even with several cards.
  • The ID (data-widget) is the export's, created by the relation's owner, not the relation's own ID. A withdrawn export shows “This relation is no longer available”.
  • A question about embedding: contact@cutup.news.