CitySpark QR Code Service

Generate QR codes for Portal and ListView products. No authentication required.

API Endpoints

GET /p/{format}/{slug} (/{path} optional)

Generate a QR code for a Portal page. Looks up the portal by Portal Script Id, constructs the full client-side URL, and returns a QR code image.

Parameter	Type	Description
`format`	string	Image format with optional size: `png`, `svg`, `png-5`, `svg-10`. Size is pixels-per-module (1–20), default 3.
`slug`	string	Portal Script Id
`path`	string	Optional path segment appended after the URL format (e.g. `show`, `details/event-name/123/2026-04-22T19`)
Query string	string	Any query parameters are forwarded (e.g. `?start=2026-04-22&distance=15`)

Examples

GET /p/png/my-portal/show?start=2026-04-22&distance=15
GET /p/png-5/my-portal/show?start=2026-04-22
GET /p/svg-10/my-portal/details/real-salt-lake-vs-inter-miami-cf/17888025/2026-04-22T19

GET /l/{format}/{slug} (/{path} optional)

Generate a QR code for a ListView page. Looks up the listview by slug, constructs the full URL with the optional path appended to the base URL, and returns a QR code image.

Parameter	Type	Description
`format`	string	Image format with optional size: `png`, `svg`, `png-5`, `svg-10`. Size is pixels-per-module (1–20), default 3.
`slug`	string	ListView slug identifier
`path`	string	Optional path segment appended to the base URL
Query string	string	Any query parameters are forwarded

Examples

GET /l/png/my-listings/restaurants
GET /l/png-5/my-listings/restaurants
GET /l/svg-10/my-listings/category/food-and-drink

URL Builder

Portal

ListView

Portal QR Code Builder

Format

Portal Script Id

Path

Size {{ portal.size * 37 }}px

ListView QR Code Builder

Format

ListView Slug

Path

Size {{ listview.size * 37 }}px

Response

Responses are returned as images directly:

Format	Content-Type	Body
`png`	`image/png`	Binary PNG image data
`svg`	`image/svg+xml`	SVG markup

QR codes can be embedded directly in <img> tags or downloaded.

<!-- PNG -->
<img src="https://qr.cityspark.com/p/png/my-portal/show?start=2026-04-22" alt="QR Code" />

<!-- SVG (inline or as img src) -->
<img src="https://qr.cityspark.com/p/svg/my-portal/show?start=2026-04-22" alt="QR Code" />