QR Code Widget for Website. Free, Branded, No Code - Poper
QR Code Widget

Branded QR codes on any website.

Generate QR codes for URLs, vCards, WiFi, social profiles, email, SMS, and events. Center your logo, match your brand colors, and pick from 7+ templates. Free, no code.

No credit card required
14-day free trial
Cancel anytime

Trusted by 11,000+ brands

Timetics
Academie Digitale
Goldcast
nbcf
Seedstock
Wow
Linkxar
Gale Toyota
Skills
Rugby Sport
Lamp
Leaktronics
Steel
Theatre in Chicago
Globerto
Meetup
FYM
Zeben
Kraftix
IETraditionala
Meethires
Leadscrape
Happily
Timetics
Academie Digitale
Goldcast
nbcf
Seedstock
Wow
Linkxar
Gale Toyota
Skills
Rugby Sport
Lamp
Leaktronics
Steel
Theatre in Chicago
Globerto
Meetup
FYM
Zeben
Kraftix
IETraditionala
Meethires
Leadscrape
Happily
Free forever, paid plans from $15/mo billed yearly

Try the live QR code builder

Live demo, not a screenshot. Pick a template, brand it, embed it. What you see here is what ships to your site.

Before and after Poper

See the widget live on a real page.

Here is the widget embedded on a real page layout, before and after. Style it to match your brand, then copy one snippet to go live.

(URL, vCard, WiFi, and more)
QR builder content panel showing a destination URL acmebistro.com/menu, a preview title, and a brand color selected, the inputs the widget encodes into a QR codeBefore
QR builder content panel showing a destination URL acmebistro.com/menu, a preview title, and a brand color selected, the inputs the widget encodes into a QR code
acmebistro.com/menu
Acme Bistro website with the Poper QR Code widget embedded, showing a branded QR code with a center logo and a Scan Me caption next to the restaurant's digital menu linkPoper widget live
Acme Bistro website with the Poper QR Code widget embedded, showing a branded QR code with a center logo and a Scan Me caption next to the restaurant's digital menu link

Mockups for illustration. Style the widget to match your site and embed in 90 seconds.

How to use it

How to add a QR code to your website

Three steps. Under two minutes. No developer needed.

  1. 01

    Pick a QR type and paste your destination

    Choose from 35+ QR types: website URL, vCard, WiFi, social profiles, email, SMS, phone, calendar event, and more. Paste your link, contact details, or network credentials, and Poper encodes the right payload.

    Poper QR builder showing the QR-type picker with URL selected and vCard, WiFi, Email, Event, and social tiles also visible, plus a destination URL acmebistro.com/menu
  2. 02

    Brand it: logo, colors, dot and corner styles

    Drop your logo in the center, set your dot color and background color, and pick a dot style and corner style. Choose a layout style such as classic, bordered, or a footer bar.

    QR design controls showing dot styles (Square, Dots, Rounded, Classy, Extra rounded) plus corner-style options and brand color swatches
  3. 03

    Embed once on any website

    Paste the one-line snippet on WordPress, Shopify, Wix, Squarespace, Webflow, Framer, Ghost, or any HTML site. The QR renders client-side as an image with no extra setup.

    One-line QR embed snippet shown in a dark code editor with an amber Copy button and 5 platform tiles (WordPress, Shopify, Wix, Webflow, Framer)

Works everywhere

Works with every website platform you already use

Drop-in install on WordPress, Shopify, Wix, Squarespace, Webflow, Framer, Ghost, and any HTML-friendly stack. No build step, no developer needed.

WordPress
Shopify
Wix
Squarespace
Webflow
Framer
Ghost
HTML

Plus 250+ other platforms via the embed snippet. If your site can render a <script> tag, it can render the QR Code Widget: Generate & Display Branded QR Codes on Any Site.

What you get with the Poper QR Code Widget

Six things that matter when you are paying for a QR generator, not 30 features no one uses.

35+ QR types, encoded for native scanning

Website URL, vCard, WiFi, calendar event, email, SMS, phone, and social profiles for Instagram, Facebook, X, YouTube, TikTok, LinkedIn, and more. Each type is encoded to the right payload so iPhone Camera and Google Lens resolve it without a scanner app. Pick a type, fill in the matching fields, and the widget builds the code.

Brand colors and center logo

Drop your logo into the center and set your dot and background colors so the QR looks native to your brand, not generic. Keep the dot color clearly darker than the background and the code stays easy for phone cameras to read.

Payment and crypto QR types

Generate a PayPal payment QR with a preset amount and item, or a Bitcoin or Ethereum wallet-address QR. Display it at a checkout counter, on an invoice, or on a donations page.

Dot and corner styles

Square, dots, rounded, classy, and extra-rounded dot styles, with separate styling for the corner squares.

7+ layout templates

Classic, bordered, footer bar, footer pill, and horizontal banner layouts to suit menus, tickets, and cards.

Lightweight and scoped

Rendered client-side as an image with async, scoped CSS. Download the QR as a PNG, JPEG, WebP, or SVG.

Use cases

Where QR Code Widget: Generate & Display Branded QR Codes on Any Site actually moves the needle

Four buyer types who get the most lift from embedding QR Code Widget: Generate & Display Branded QR Codes on Any Site on their site.

Warm restaurant table scene with a small Acme Bistro QR card sitting on the table next to candles, and a phone showing the branded digital menu open after the scan

Restaurant menus

Table-tent menu QRs, contactless ordering, WiFi access for guests, and review-request QRs at checkout. The post-COVID hospitality stack runs on QR.

Dark navy business card with name SARAH CHEN and an amber-branded QR code, alongside a phone showing the iOS Add Contact screen with the vCard details auto-filled

Business cards / vCards

vCard QRs on business cards and email signatures so prospects save your contact info in one tap, no manual typing, no typos.

Concert ticket stub with a QR code and event details Echo & The Midnight Bloom, paired with a venue gate scanner display showing SCAN TICKET and a green VALID badge

Event tickets

Check-in QRs on tickets, badge-scanning for sessions, networking vCards, and on-site WiFi credentials. One QR template per touchpoint.

Acme Coffee checkout counter with a branded SCAN AND PAY QR placard, alongside a phone confirming a payment with an amber Pay button

Payments and crypto

Generate a PayPal payment QR with a preset amount and item, or a Bitcoin or Ethereum address QR for crypto payments. Display it at a checkout counter, on an invoice, or on a donations page.

Poper vs other QR code widgets

Most generators paywall brand colors, logo embedding, or extra QR types. Here is how the popular ones stack up.

 Recommended
Poper
Elfsight QR
QR Code Generator
POWR
Free plan available
Limited
QR types (URL, vCard, WiFi, social, email, SMS, event)
35+ included
5 included
All paid
5 included
Brand colors + center logo
Paid only
Dot and corner style options
Paid only
Limited
Layout templates
7+ included
Limited
Limited
Limited
PayPal and crypto payment QR
Download as PNG, JPEG, WebP, or SVG
Limited
Limited
Lightweight, async-loaded
Heavy
Heavy
Pricing for paid plan
$15/mo (Starter, billed yearly)
$5/mo (limited)
$5+/mo (capped)
$10/mo (capped)
Bundled with popups, forms, quizzes, more widgets

Comparison reflects publicly listed pricing and features as of 2026. Verify current details on each provider's site.

Real teams. Real outcomes.

Restaurants, events, sales teams, and payment merchants who switched to branded QR codes.

Branded menu QR
We switched our table-menu QR from a free generator to the Poper QR Code widget. The bordered layout with our logo in the center looks like part of the menu card, not a sticker someone slapped on.
Sarah Chen
Sarah Chen
Restaurant Owner · Harborside Bistro
vCard QR on badges
We print conference badges with a vCard QR generated in Poper. Attendees tap it and the full contact saves straight to their phone. Picking the vCard type and filling the fields took two minutes.
James Rodriguez
James Rodriguez
Event Director · TechSummit Conference
Branded center logo
We dropped our logo into the center of the QR and matched the dot colors to our brand. On the checkout page it looks built-in, not like a bolted-on third-party tool.
Priya Sharma
Priya Sharma
Head of Payments · FreshMart

Pricing

Simple, yearly pricing. Save up to 40%.

All plans are billed yearly. Each card shows the per-month equivalent. Start free, then upgrade only when you need more campaigns, websites, or AI credits.

Yearly billing · save up to 40%

Starter

Essential lead capture for solo creators and growing businesses.

$15/mo

billed $180/year

  • 5 active campaigns (5 widget instances)
  • 1 website, 1,000 leads/mo
  • 100+ templates, 10+ display formats
  • Smart triggers & basic analytics
  • No Poper branding
  • 500 AI credits
Start with Starter
Most popular

Pro

Full engagement suite with A/B testing, gamification & unlimited leads.

$29/mo

billed $348/year

  • Everything in Starter
  • Unlimited campaigns & leads
  • 10 websites, 5 team seats
  • A/B testing & gamification
  • Multi-step forms & quiz builder
  • Custom domain (CNAME), 2,000 AI credits
Start with Pro

Business

Unlimited everything with white-label, API access & advanced analytics.

$79/mo

billed $948/year

  • Everything in Pro
  • Unlimited websites & team seats
  • White-label (add-on) & API access
  • Logic jumps, live quizzes & polls
  • Payment forms (Stripe/PayPal)
  • Advanced analytics, 5,000 AI credits
Start with Business

Prices shown for the 50k monthly visitor tier on yearly billing. A Free Forever plan ($0) and a custom Enterprise plan are also available. No contracts, cancel anytime.

Guide · 4 min read

The complete guide to embedding QR codes on your website

QR codes went from a curiosity to everyday infrastructure during the 2020 to 2022 pandemic, when restaurants, retailers, and event venues replaced paper menus and check-in sheets with scannable codes. Five years later the habit stuck, and scanning a QR with a phone camera is now second nature for most people. This guide walks through what matters when you choose and configure a QR code widget for your website in 2026, based on what the Poper QR Code widget actually does: the 35+ QR types, the 7+ layout templates, branding a QR with a logo and colors without breaking the scan, and which payment QR types are supported.

01

Why QR codes became part of everyday marketing

Before 2020 the QR code was a curiosity in the West, common in Japan and China but rarely used elsewhere. The pandemic changed that: restaurants needed contactless menus, retailers needed touch-free checkout, and event venues needed paperless tickets. iPhone Camera had resolved QR codes natively since iOS 11 in 2017, and Android followed with Google Lens, so the scanner was already in everyone's pocket. Most businesses that adopted QR menus and codes during that period kept them. The QR code you embed today competes in a more demanding market: visitors expect the code to scan instantly, the destination to load fast on mobile, and the experience to feel like part of your brand. A plain black-and-white QR pointing at a bare redirect now reads as cheap. A branded QR with your logo, your colors, and a fast destination page reads as professional.

02

Picking a layout template for the QR code

The Poper QR Code widget ships more than seven layout templates so the same QR fits different surfaces. The classic layout is a clean card with the code and a title, and the title can sit above, below, left, or right of the QR. The bordered layout adds a framed card with a scan-me strip, which suits a printed sign or a packaging insert. The footer-bar layout puts the QR on a colored card with the title in a bottom band, styled like an event ticket. The footer-pill layout is a compact, branded treatment with a pill-shaped label, good for a discount or a short call to action. The horizontal banner places the QR beside a block of copy, which works well for a review request or an inline website module. You pick the layout in the design controls and every layout collapses cleanly on mobile, so the choice is about visual fit rather than feature trade-offs.

03

The 35+ QR types and what each one encodes

The Poper QR Code widget is built around content types, and there are more than thirty-five. The link types cover a plain website URL plus Linktree, Google Forms, Google Docs, Google Drive, App Store, PDF, and digital menu links. The social types generate a QR straight to an Instagram, Facebook, X, YouTube, TikTok, LinkedIn, WhatsApp, Telegram, Discord, Snapchat, Spotify, Twitch, Pinterest, or Reddit profile. The contact types include vCard and MeCard, which save a full contact card to a phone's address book, plus dedicated email, phone, and SMS types that pre-fill the message. The other types cover WiFi network credentials, a map location, plain text, a calendar event, a Zoom meeting, and a Skype call. Each type encodes the correct payload format so the scanning phone knows what to do with it: a WiFi QR offers to join the network, a vCard QR offers to save the contact, a calendar QR offers to add the event. You pick the type in the Templates tab and fill in the matching fields.

04

Branding a QR with a logo and colors without breaking the scan

A branded QR can scan just as reliably as a plain one if you respect two rules. The first is contrast: the dark dots and the light background need a clear difference in brightness, because a phone camera detects the code by that contrast. A dark dot color on a white background is the safe choice; a light color on another light color scans poorly. The Poper QR Code widget lets you set the dot color and the background color, so keep the dot color clearly the darker of the two. The second rule is the center logo: any area covered by a logo is area the scanner cannot read, so the code carries redundant data to fill in the rest. The Poper QR Code widget generates codes that keep scanning with a center logo in place, so the logo can sit in the middle without stopping the scan. Keep the logo modestly sized rather than covering a large share of the code, upload a clean logo file, and always test the finished QR with a real phone before you print it.

05

Payment QR codes: what is supported

The Poper QR Code widget includes payment-oriented types. The PayPal type builds a QR that opens a PayPal payment page, and you can preset the item name, amount, and currency so the payer sees the right total. The Bitcoin and Ethereum types build a QR from a wallet address, with an optional amount, using the standard crypto URI formats that wallet apps recognize. These suit a checkout counter, an invoice, or a donations page. When you display a payment QR, label it clearly so the payer knows what they are paying for and how much, and always test it with the actual app you expect customers to use before going live. Keep the QR large enough to scan comfortably from arm's length so customers are not forced to lean in at the counter.

Quick reference

What is QR Code Widget: Generate & Display Branded QR Codes on Any Site?

A QR code widget is an embeddable component that generates a Quick Response code for a URL, contact card, WiFi network, social profile, email, SMS, calendar event, or payment, and renders it on your website with custom branding. The Poper QR Code widget supports 35+ QR types and 7+ layout templates.

Key facts

  • The Poper QR Code widget supports more than 35 QR types, including website URL, vCard, WiFi, calendar event, email, SMS, and social profiles
  • iPhone Camera has resolved QR codes natively since iOS 11 in 2017, and Android does the same with Google Lens, so no scanner app is needed
  • More than seven layout templates ship out of the box, including classic, bordered, footer bar, footer pill, and horizontal banner
  • Branding controls include a center logo, dot and background colors, dot styles, and corner styles
  • Payment QR types include PayPal, with preset amount and item, plus Bitcoin and Ethereum wallet-address QR codes
  • The QR renders client-side as an image and can be downloaded as a PNG, JPEG, WebP, or SVG

Last fact-checked: . We re-verify every quarter.

Tutorial

See the QR Code Widget in action

A quick walkthrough of setting up and embedding this widget.

Tutorial video coming soon

Frequently asked questions

Can't find the answer you're looking for? Chat with our support team.

Contact Support

Stop shipping plain black QRs that look bolted on

Poper takes 90 seconds to embed a branded QR with your logo and colors.

Free plan available forever