Skip to main content

Change the design or logo of a QR code you've already published

Change the colors, shape, logo, or frame of a live QR code without breaking printed copies, go back to the brand kit design, reuse a design, and download the new file.

A scanner reads the link inside the code, not its look, so printed copies keep working after you change the design. One change updates every code in the flow at once.

User Permissions

Admins, and Editors with the Flow Editor additional role.
Organization Admins can edit flows in any workspace.

Note: Available with Flowcode 2. If you don't see it, contact your Flowcode CSM.

Change colors, shape, or logo

  1. In the Flow Editor, click QR codes in the entrypoints box on the canvas.

  2. In the Entry panel, click Edit QR code design.

  3. In the QR code design window, change what you need:

    • Logo/Image: Upload your logo or an image for the center.

    • Color model: RGB for screens, CMYK for print.

    • Colors, shapes, and patterns:

      • Border color and Data pattern color

      • Shape (circle or square)

      • Data pattern

    • Frame:

      • Border, Background, and CTA text colors

      • The frame text font

      • Top CTA text and Bottom CTA text

    • Flowcode branding: turn Show Flowcode eye branding on or off.

  4. Click Done.

The entrypoints box and the Entry panel QR codes tab, with QR codes and Edit QR code design numbered 1 and 2

The QR code design window with the Logo/Image, Color model, and Colors, shapes, and patterns sections highlighted

The lower part of the QR code design window with the Frame and Flowcode branding sections and the Done button highlighted

The design applies to every QR code in the flow.

Go back to the brand kit design

Edits to a brand kit reach every flow on that kit automatically. Revert to brand kit is for a flow whose design you changed away from the kit. See Brand kit - Set up a brand kit so every new code matches your brand.

  1. In the QR code design window, click Revert to brand kit.

  2. Click Done.

The QR code design window preview with the Revert to brand kit and Load template buttons highlighted

Note: Revert to brand kit is greyed out if the flow has no brand kit or the code already matches it. Load template replaces the design with a code template from your brand kits.

Download the new design

Publish first, then:

  1. Click QR codes in the entrypoints box.

  2. Click the code's name.

  3. Click Download.

  4. Select a file type.

  5. Click Download.

  • RGB codes: PNG, SVG, JPG, PDF, EPS, or TIFF.

  • CMYK codes: JPG, PDF, EPS, or TIFF. PNG and SVG aren't offered.

For a transparent background, select PNG or SVG, then select Use a transparent background. Leave it off for a white background. JPG, PDF, EPS, and TIFF are never transparent.

The Download panel with PNG selected and Use a transparent background selected

Note: EPS files are rasterized at about 100 DPI, so they aren't true vector files.

Reuse a design for a new code

  • Copy the flow. In Flows, click ⋮ on the flow's row and select Make a copy, then click Make a copy. The copy keeps the code design. It doesn't copy QR codes or short URLs unless you select Include entry points, so add a new code in the copy. See Templates - Reuse a flow, form, or page as a template.

  • Use the same brand kit. When you create the flow, select the brand kit your other codes use.

  • Add a code to the same flow. It shares the flow's design and destination.

The Flows list with a flow row menu open and Make a copy highlighted, numbered 1 and 2

The Make a copy window with Include entry points and the Make a copy button, numbered 3 and 4

What happens to printed codes

Printed codes keep scanning to the same place, because a scanner reads the link inside the code, not its colors. A new shape, pattern, or logo redraws the dots, so a new download can look different from your old print but holds the same link and scans the same.

Publish and test

After you click Publish, the new design applies to every QR code in the flow, and you can download the new file.

Best practices

  • Reprint only when you want the new look. Codes already in print keep scanning to the same place.

  • For a different look on one code, put it in its own flow, since every code in a flow shares one design.

Troubleshooting

"I chose No brand kit but my code still has a design."
With no brand kit, codes use the default design: black, round, with Flowcode eye branding. Also check the Brand kit field when you create a flow. It starts with your workspace's default brand kit, so select No brand kit on purpose.

"I see 'This is an artist-designed Flowcode…' and can't change the colors."
The design was made by Flowcode's designers and is locked. Contact your Customer Success representative, or click Design a code from scratch to replace it.

"PNG isn't in the file list."
The code uses CMYK. Switch Color model to RGB to get PNG or SVG, or use PDF or EPS for print.

"My logo won't upload."
RGB codes take JPG, PNG, SVG, GIF, or PDF. CMYK codes take JPG, PDF, or EPS, and the logo must use CMYK colors. PDF and EPS files must be under 5 MB.

"My code downloads with a transparent background even with the box unchecked."
Designs from an artist template can force a transparent background, even when the preview shows white. Contact Flowcode Support at [email protected] with the flow name.

FAQs

Will changing the design or brand kit break my printed codes?
No. Changing the design, or switching a flow's brand kit and back, never makes a new code or voids an old one. Only archiving the code or the flow stops it.

If I edit a brand kit, do my existing codes change?
Yes, automatically and immediately, for every flow on that kit. A flow customized away from the kit keeps its own design until you click Revert to brand kit. Page fonts added to a kit apply only to new hubs.

Can each code in one flow have its own design?
No. All QR codes in a flow share one design. Use separate flows for different looks.

Related articles

Did this answer your question?