Custom QR Codes

Learn how custom QR codes work on Dub.

Steven Tey

Written by Steven Tey

This feature is only available for Pro plans and above.

As a freemium product, we rely on word of mouth to spread the word about Dub. Therefore, on Dub's free plan, you can only use the default QR code logo for your short links.

If you'd like to remove the Dub logo/upload your own, please consider upgrading to a Pro plan to support us. Thank you!

Once you're on a Pro plan, you can set a custom QR code for your short links.

Your QR code logo is connected to your workspace's logo on Dub. To set a custom QR code, you'll need to set your workspace's logo first by following the steps below:

  1. Go to your workspace settings page by clicking on the Settings link in the menu bar at the top of your workspace dashboard.
  2. Scroll down to the Workspace Logo section and upload your company's logo. We recommend using a square image for the best results.

Once you've set your workspace's logo, your QR code will automatically update to use your workspace's logo.

Programmatically creating QR codes

Once you've set a custom QR code logo, you can use our QR Code API to create QR codes programmatically as well.

On our Pro plans and above, you can choose to include your logo in the generated QR codes or hide it if you want.

  • If your workspace has a logo set, your QR codes will automatically have that logo as well, but you can choose to hide it using the hideLogo prop (example)
  • If your workspace has no logo set, your QR codes will have no logo.
  • Alternatively, you can also pass a custom logo in your QR codes using the logo prop (example).

Did this answer your question?