Skip to main content

How can I style the QR Code widget without reducing scannability?

Customize dots, eye shapes, colors, margin, and logo while keeping the code easy for camera apps to read.

Written by Karan Bhakuni


How can I style the QR Code widget without reducing scannability?

You can heavily customize design in the Design tab, but readability depends on contrast, spacing, and logo usage.

This screenshot should show the four key style sections that affect scan reliability.

  1. Open Design.

  2. In Body Shape & Margin, pick your dot style and keep enough QR margin.

  3. In Eye Framework, choose outer/inner eye shapes that still look distinct.

  4. In Colors, keep strong contrast between dots and background.

  5. In Logo, upload a clean logo, keep size moderate, and keep Clean Bg enabled when needed.

  6. Test scan on at least two devices (bright and normal light).

Use this setting when you want branded QR visuals but still need high scan success.

Check this if the result does not look right:

  • If scanning is inconsistent, increase contrast (dark dots, light background).

  • If logo blocks readability, reduce Logo Size.

  • If details look cramped, increase QR Margin and simplify shape choices.

Did this answer your question?