Comment ajouter un QR code à un modèle PDFMonkey ?

Glissez un bloc QR Code depuis la catégorie Extra du panneau Blocks sur le canevas. Configurez le champ Content avec une URL statique ou liez-le à une variable de données. Vous pouvez aussi personnaliser la taille, les couleurs, le style des points, le style des coins et ajouter un logo centré.

Quel niveau de correction d'erreur utiliser pour les QR codes avec un logo ?

Utilisez le niveau Quartile (Q) ou High (H) lorsque vous ajoutez un logo. Le logo recouvre physiquement des modules du QR code, et un niveau de correction d’erreur plus élevé garantit que le code reste lisible malgré l’obstruction.

QR Codes

Le builder inclut un bloc QR Code dédié pour intégrer des QR codes directement dans vos modèles. Vous pouvez encoder du texte statique ou des URL, lier le contenu à une variable de données dynamique, personnaliser les couleurs et les styles de points, et même ajouter un logo centré.

Ajouter un bloc QR Code

Le QR Code se trouve dans la catégorie Extra du panneau Blocks. Faites-le glisser sur le canevas ou cliquez dessus pour l’ajouter à l’intérieur du conteneur actuellement sélectionné.

Une fois ajouté, le QR code s’affiche immédiatement sur le canevas avec ses paramètres par défaut. Sélectionnez le bloc pour le configurer dans le panneau droit.

Paramètres du QR Code

Sélectionnez un bloc QR Code et ouvrez l’onglet Settings dans le panneau droit pour accéder à toutes les options de configuration.

Contenu

Le champ Content définit le texte ou l’URL encodé dans le QR code. Vous pouvez saisir une valeur statique (comme https://example.com) ou la lier à une variable de données de votre payload.

Pour utiliser du contenu dynamique, cliquez sur le bouton du navigateur de variables à côté du champ et sélectionnez une propriété de vos données de test (par exemple, invoice.paymentUrl). Le QR code se met à jour en temps réel lorsque vous modifiez les données de test.

Taille

Le paramètre Size contrôle la largeur et la hauteur du QR code en pixels. Les deux dimensions sont toujours égales puisque les QR codes sont carrés.

Couleurs

Foreground color (Couleur de premier plan) : la couleur des points du QR code (par défaut : noir).
Background color (Couleur d’arrière-plan) : la couleur derrière les points (par défaut : blanc).

Vous pouvez utiliser n’importe quelle valeur de couleur valide. Un contraste élevé entre le premier plan et l’arrière-plan est important pour la lisibilité.

Évitez les combinaisons de couleurs à faible contraste. La plupart des lecteurs QR s’attendent à des points sombres sur un fond clair. Inverser les couleurs (clair sur foncé) peut provoquer des échecs de lecture sur certains appareils.

Niveau de fiabilité

Le niveau de fiabilité définit la capacité de correction d’erreur du QR code :

Niveau	Nom	Capacité de récupération
L	Low	~7 %
M	Medium	~15 %
Q	Quartile	~25 %
H	High	~30 %

Les niveaux supérieurs rendent le code plus résistant aux dommages ou à l’obstruction partielle, mais produisent des motifs plus denses (plus complexes). Si vous prévoyez d’ajouter un logo au centre du QR code, utilisez Q ou H pour que le code reste lisible même si le logo recouvre une partie.

Style de point

Le style de point change la forme des modules individuels du QR code :

Square : modules rectangulaires standard (par défaut)
Dots : points circulaires
Rounded : rectangles arrondis
Extra-rounded : arrondi plus prononcé
Classy : variante carrée stylisée
Classy-rounded : stylisé avec coins arrondis

Style de coin

Le style de coin affecte les trois grands carrés de positionnement aux coins du QR code :

Square : coins carrés standard (par défaut)
Dot : coins circulaires
Extra-rounded : coins arrondis

Combiner les styles de points et de coins vous permet d’adapter le QR code à l’esthétique de votre marque tout en le gardant lisible.

URL du logo

Le champ Logo URL vous permet de placer une image au centre du QR code. Entrez une URL directe vers une image PNG ou SVG, ou liez le champ à une variable de données pour des logos dynamiques.

Lorsque vous utilisez un logo, définissez le niveau de fiabilité à Q ou H. Le logo recouvre physiquement des modules du QR, et une correction d’erreur plus élevée garantit que le code reste lisible malgré l’obstruction.

QR codes dynamiques

Pour les documents générés avec des données différentes, liez les champs Content et Logo URL à des variables de votre payload. Chaque document généré produira un QR code unique basé sur ses données.

Par exemple, si votre payload contient :

{
  "ticket": {
    "checkInUrl": "https://example.com/checkin/abc123",
    "eventLogo": "https://example.com/logos/event.png"
  }
}

Liez le champ Content à ticket.checkInUrl et le Logo URL à ticket.eventLogo. Chaque document reçoit un QR code lisible pointant vers sa propre URL d’enregistrement, avec le logo de l’événement.

Un bloc QR Code avec des valeurs dynamiques liées aux variables du payload

Questions fréquentes

Comment ajouter un QR code à un modèle PDFMonkey ?: Glissez un bloc QR Code depuis la catégorie Extra du panneau Blocks sur le canevas. Configurez le champ Content avec une URL statique ou liez-le à une variable de données. Vous pouvez aussi personnaliser la taille, les couleurs, le style des points, le style des coins et ajouter un logo centré.
Peut-on générer des QR codes dynamiques dans PDFMonkey ?: Oui. Liez les champs Content et Logo URL à des variables de votre payload de document. Chaque document généré produira un QR code unique basé sur ses données — par exemple, une URL d’enregistrement unique par billet d’événement.
Quel niveau de correction d'erreur utiliser pour les QR codes avec un logo ?: Utilisez le niveau Quartile (Q) ou High (H) lorsque vous ajoutez un logo. Le logo recouvre physiquement des modules du QR code, et un niveau de correction d’erreur plus élevé garantit que le code reste lisible malgré l’obstruction.