Intégrer la vitrine à votre site

Votre collection peut s'afficher dans une page de votre propre site, sans quitter votre graphisme ni votre menu.

Récupérer le code

Dans Livres → Partager cette collection → Copier le code d'intégration.

Vous obtenez un bloc de ce genre :

<iframe
    src="https://app.labibli.com/collection/VOTRE-IDENTIFIANT"
    width="100%"
    height="800"
    style="border: none;"
    title="Notre collection de livres"></iframe>

Collez-le dans la page de votre choix. C'est tout : la collection reste à jour toute seule, vous n'aurez jamais à revenir modifier cette page.

Les trois réglages qui valent la peine

• height : la hauteur, en pixels. 800 est un minimum : plus bas, vos membres voient une rangée de livres coupée et croient la collection vide. 1000 à 1200 est plus confortable.
• width : laissez 100% : le bloc s'adapte alors à la largeur de votre page, y compris sur téléphone.
• title : ⛔ ne le retirez pas. C'est ce qu'annonce un lecteur d'écran à quelqu'un qui navigue sans voir l'écran. Un cadre sans titre est un trou noir dans votre page.

Selon votre outil de site

WordPress : ajoutez un bloc HTML personnalisé et collez le code dedans. ⚠️ Le bloc « Paragraphe » supprime les balises : si votre code disparaît à l'enregistrement, c'est que vous n'êtes pas dans le bon type de bloc.

Wix : Ajouter → Intégrations → Intégrer un code → HTML.

Squarespace : ajoutez un bloc Code et collez-y le contenu.

Un site fait main : collez le bloc où vous voulez dans votre HTML.

Si rien ne s'affiche

Deux causes, dans l'ordre de fréquence :

1. Le partage n'est pas activé, ou l'abonnement n'est pas actif. Retournez dans Publier votre vitrine.
2. Votre outil a filtré la balise. Certains éditeurs suppriment les <iframe> par sécurité. Cherchez une option « intégrer du code » dédiée, ou renvoyez simplement vers le lien de partage : c'est moins joli, ça marche partout.