QR Code for Divi

A single code, centered

The module takes the width you give it: here 300px, centered in a full-width column, with the classic “Scan me” label frame.

Seven body shapes

The data modules can be squares, connected rounded blobs, dots, small squares, diamonds or vertical and horizontal lines. Four per row, then three per row.

Outer and inner eyes

The three finder patterns are two layers of their own: shape and background for the outer ring and for the centre. Six per row on desktop, three on tablet, two on phones.

Eight built-in frames

Borders, corners, labels and speech bubbles, all drawn in one frame colour that scales with the module. Label frames carry their own text with the full Divi font options.

No frame, card style

Label bottom

Bring your own frame

Upload any image as the frame, then place the code on it with QR Code Size and Horizontal / Vertical Position (responsive, in %). The frame image gets the usual Divi image options: rounded corners, borders, shadows, filters.

Logos that still scan

Every level adds error correction. The logo size is capped per level (Smallest 15%, Medium 20%, High 25%, Best 30%) and the modules behind it are cleared, so the code always stays readable. Each code below asks for 30%.

Best (H)

logo capped at 30%

Every Divi background, on every layer

Body, outer eyes, inner eyes and the code background each use the native Divi background options: colours, linear and radial gradients, images, even videos.

Transparent background

sits right on the section

Links, calls, Wi-Fi, contacts

The content field takes any text: URLs, phone numbers, emails, Wi-Fi logins, geo locations or a full vCard. Longer content simply makes a denser code.

Contact card

vCard

Café & hotel

Guest Wi-Fi in one scan

Put your network in the content field as WIFI:T:WPA;S:name;P:password;; and phones join with a single scan. White speech-bubble frame, dotted body, circle eyes and a logo, all at the Best level so it survives a coffee stain.

Restaurants & cafés

Menus, wine lists and pay-at-table

Label frames turn a code into a little table card. Same module, three moods: deep green, burgundy and espresso, each with its own label and logo.

Pay at the table

drop eyes · gold centre

Social

Follow-us codes in brand colours

No brand logos needed: a gradient body and matching eyes are enough to make a code recognisable at a glance.

TikTok style

cyan and pink eyes

vCard

A business card that saves itself

Put a vCard into the content field and phones offer to add the contact right away: name, title, company, phone, email and website. The code stays fully editable in the builder whenever the details change.

Card style: white module background, 28px corners and a soft indigo shadow, label frame with “Save contact”, logo at the Best level.

After dark

Neon frames for bars, clubs and gigs

A frame colour, a glow box shadow on the module and a matching outer eye. The code itself keeps a white background, so it scans in the dark.

Last orders

glow #facc15

Stickers

Tilted, playful, alive on hover

Divi’s own transform options work on the whole module: each card is rotated a few degrees and straightens up and grows on hover.

Rotated 7deg

straightens on hover

Print

Posters, name badges and packaging

Three more custom frames. The code sits exactly on the white area of each artwork, scaled and placed in percent so it follows the image at every screen size.

Product sticker

37.5% · 50% / 48.75%

Any size

From hero to footnote

The code is vector-sharp at every size. On the left 480px wide with a 34px quiet zone, below six codes at 110px. Use Divi’s sizing options per breakpoint, the frame and logo scale along.

Hover the big code: a pink download button sits centred on its bottom edge and saves the code as a PNG, gradient and logo included.

110px

lines

Minimal

Quiet, monochrome, no clutter

Transparent code backgrounds, greys instead of black and thin corner frames. Perfect for portfolios and editorial layouts.

Lines

vertical body

Photo fills

Fill the modules with a photo

Body, eyes or both use a background image. A dark Divi gradient overlay on top of the photo keeps the contrast high enough to scan.

Adventure

photo + dark gradient overlay

Events

RSVP, agenda, live stream

Speech-bubble frames point to the code and tell people what they get before they scan.

Live stream

star eyes · teal

Ready to scan?

This page is built from one module: Pixel QR Code for Divi 5. Point your phone at the code to visit Divi Pixel.

Inverted

light modules on dark: most modern scanners read it