All guides
User

Create, edit and download a QR code

Create a QR campaign, complete its content, design the image and test the saved output before sharing it.

Step-by-step guide

Before you start

  • Have the destination or type-specific content ready. For a Bio Links QR, create the Link Bio page first.
  • Decide whether the content needs an editable dynamic destination. Changing a static payload later requires a new exported/printed image.
Open this feature
  1. Open /portal/qr-codes on your site.

How to use it

Create a first URL QR

  1. Open QR Codes at /portal/qr-codes and open the create screen at /portal/qr-codes/create.
  2. Choose the intended QR type. For a first website campaign, choose the URL-based dynamic type. Enter a recognizable campaign name if the create form offers it.
  3. Select Continue. Creation can open the type-content screen first, or the QR design screen depending on the selected type and available feature.
  4. Fill the real destination/content. For a Bio Links type, select an existing page rather than leaving the page selection empty.
  5. On QR design, set QR name, Destination URL and Status. Use Draft while preparing or Active when it should be available, then select Save QR.

Design and export

  1. Open the campaign’s edit/design page. Select a style/template and adjust the QR dots and Background with enough visual contrast.
  2. If adding a logo, use the offered image control or Brand Kit. Keep the logo small enough that the actual exported code still scans.
  3. Choose ECC and Output px from the offered values. Select Save QR to retain the design settings.
  4. Use PNG for a raster image or SVG for a vector file. Print opens the available print flow.
  5. Scan the downloaded/printed output at its intended size. Check the destination on a second device before producing a batch of printed material.

Change the destination of an existing campaign

  1. Find the exact campaign by name in /portal/qr-codes and choose Edit.
  2. Change Destination URL, or choose Edit content when the selected type uses a structured content page.
  3. Save in the screen you changed: Save content for type content or Save QR for design/destination settings.
  4. For a dynamic code, scan an already-exported copy and confirm the new destination. For a static payload, export and replace the image because its encoded content is fixed.

Fields and examples

Field or choiceHow to use it
QR nameInternal name, required, maximum 160 characters. Example: Spring counter display.
Destination URLThe intended URL or supported payload. Use Edit content for a structured type rather than putting every type into a plain website URL.
StatusActive or Draft. Review before making unfinished content available.
ECCChoose an offered error-correction value. Re-test the final image after changing it or adding a logo.
Output pxOffered raster sizes include 512, 768, 1024, 1536 and 2048 in this version.
Brand Kit / Custom Domain / UTM PresetChoose existing workspace assets when available. Save and test their effect; selecting an asset is not a DNS or analytics setup procedure.

Check your finished result

  • Reopen the campaign and check destination, status and style.
  • Test a scan of the actual downloaded file, not just the on-screen preview.

Problems and fixes

What you seeWhat to do next
Choose a Link Bio page firstCreate/select the intended Bio page before continuing with a Bio Links QR.
The new QR opens the site homepageThe create action may use a default URL. Set and save the real destination/content.
The image is difficult to scanUse a simpler high-contrast design, reduce artwork/logo interference, export again and retest.
Editing did not change a printed static codeA static image keeps its encoded payload. Export and replace it, or use an appropriate dynamic campaign for future editable destinations.

Technical reference

Role-scoped source references

Pinned commit: ca125291cce57358ac4842e50928bc31fc6eab07

Source-only route information
MethodSource-default route
GET/portal/qr-codes
GET/portal/qr-codes/create
GET/portal/qr-codes/{qrCode}/edit
Unmapped fields — not user instructions

These fields belong to this role’s source handler, but their screen labels were not confirmed.

Source keyHandler
namemodules/AppQRCodes/Livewire/QrCodeBuilder.php
destination_urlmodules/AppQRCodes/Livewire/QrCodeBuilder.php
statusmodules/AppQRCodes/Livewire/QrCodeBuilder.php
foreground_colormodules/AppQRCodes/Livewire/QrCodeBuilder.php
background_colormodules/AppQRCodes/Livewire/QrCodeBuilder.php
patternmodules/AppQRCodes/Livewire/QrCodeBuilder.php
design_modemodules/AppQRCodes/Livewire/QrCodeBuilder.php
style_templatemodules/AppQRCodes/Livewire/QrCodeBuilder.php
public_templatemodules/AppQRCodes/Livewire/QrCodeBuilder.php
logo_urlmodules/AppQRCodes/Livewire/QrCodeBuilder.php
qr_shapemodules/AppQRCodes/Livewire/QrCodeBuilder.php
eccmodules/AppQRCodes/Livewire/QrCodeBuilder.php
output_pxmodules/AppQRCodes/Livewire/QrCodeBuilder.php
logo_sizemodules/AppQRCodes/Livewire/QrCodeBuilder.php
dark_minmodules/AppQRCodes/Livewire/QrCodeBuilder.php
dark_maxmodules/AppQRCodes/Livewire/QrCodeBuilder.php
ghost_strengthmodules/AppQRCodes/Livewire/QrCodeBuilder.php
ghost_thresholdmodules/AppQRCodes/Livewire/QrCodeBuilder.php
fallback_darkmodules/AppQRCodes/Livewire/QrCodeBuilder.php
brand_kit_idmodules/AppQRCodes/Livewire/QrCodeBuilder.php
custom_domain_idmodules/AppQRCodes/Livewire/QrCodeBuilder.php
utm_preset_idmodules/AppQRCodes/Livewire/QrCodeBuilder.php
dynamic_rules.*.namemodules/AppQRCodes/Livewire/QrCodeBuilder.php
dynamic_rules.*.prioritymodules/AppQRCodes/Livewire/QrCodeBuilder.php
dynamic_rules.*.urlmodules/AppQRCodes/Livewire/QrCodeBuilder.php
dynamic_rules.*.countriesmodules/AppQRCodes/Livewire/QrCodeBuilder.php
dynamic_rules.*.hours_frommodules/AppQRCodes/Livewire/QrCodeBuilder.php
dynamic_rules.*.hours_tomodules/AppQRCodes/Livewire/QrCodeBuilder.php
dynamic_rules.*.start_atmodules/AppQRCodes/Livewire/QrCodeBuilder.php
dynamic_rules.*.end_atmodules/AppQRCodes/Livewire/QrCodeBuilder.php
campaignNamemodules/AppQRCodes/Livewire/QrCodeCreate.php
namemodules/AppQRCodes/Livewire/QrCodeWorkspace.php
destination_urlmodules/AppQRCodes/Livewire/QrCodeWorkspace.php
statusmodules/AppQRCodes/Livewire/QrCodeWorkspace.php
foreground_colormodules/AppQRCodes/Livewire/QrCodeWorkspace.php
background_colormodules/AppQRCodes/Livewire/QrCodeWorkspace.php
patternmodules/AppQRCodes/Livewire/QrCodeWorkspace.php
logo_urlmodules/AppQRCodes/Livewire/QrCodeWorkspace.php