All articlesLanding pages

Build a landing page from a template

Landing pages on StackedPixels are designed to be the destination of a QR scan: short, mobile-first, action-oriented. Restaurant menus, contact pages, event registrations, product catalogs — all live as a single editable page at stackedpixels.com/p/<your-slug>.

Step 1 — Pick a template

Go to Dashboard → Pages → + New page. The picker shows templates grouped by category:

  • Restaurant — menus, daily specials, multi-column layouts.
  • Retail — product catalogs with image-led slideshows for flyers and weekly specials.
  • Business — about pages, contact cards, profile pages.
  • Registration — event sign-ups, membership forms.
  • Blank — start from scratch.

Pick the one that's closest to what you want — every template is fully editable after.

Step 2 — Customize blocks

The editor is block-based. Each section (hero, text, menu section, image, button, contact, shop, catalog) is a draggable card you can edit independently:

  • Hero — title + subtitle + background. The first thing a scanner sees.
  • Menu section — for restaurants. Add items with name, price, description, optional image.
  • Catalog — multi-slide product grids with images, sale prices, discount badges. New for retail flyers.
  • Shop — connects to your LandingPageProduct table for real product listings with checkout.
  • Text / Button / Contact / Image / Social / Divider — the general-purpose building blocks.

Drag from the right panel to reorder, click any block to edit, hit the trash icon to remove.

Step 3 — Theme it

The Theme tab in the toolbar controls site-wide colors and fonts:

  • Background color — the page's overall background.
  • Primary color — accent (button bg, link text, divider lines).
  • Text color — body copy. Always make sure it has enough contrast against the background.
  • Font — currently Inter or Georgia. Stick to Inter unless you have a specific brand reason.

Step 4 — Set the URL

Each page has a slug. The default is auto-generated; click the slug in the editor header to customize. Final URL is stackedpixels.com/p/<slug>.

Tip: short, memorable slugs are more scannable when printed under a QR code. /p/spring-menu-2026 beats /p/abc123def.

Step 5 — Publish

Toggle the Publish switch in the top-right. The page goes live immediately. Anyone with the URL can view it; non-published pages 404 for non-owners.

Step 6 — Generate a QR code for the page

Each page has a Create QR code button in the editor toolbar that auto-fills the QR builder with this page's URL. Print the resulting QR on flyers, table tents, packaging.

What to do next

  • Track engagement. Dashboard → Page analytics shows scans, views, country breakdown, and device split per page.
  • Add a shop. If your page is selling products, the Shop block connects to the platform's checkout (Stripe, Helcim, or Creem depending on your country).