weekly seo
This commit is contained in:
Timo Knuth
@@ -379,6 +379,13 @@ const relatedUseCaseLinks = [
|
||||
'See device, time, and location context for every scan. Understand which placements drive real activity.',
|
||||
ctaLabel: 'Track your QR scans',
|
||||
},
|
||||
{
|
||||
href: '/qr-code-analytics',
|
||||
title: 'QR Code Analytics Dashboard',
|
||||
description:
|
||||
'Interpret scan data by placement, timing, and campaign route before the next print run.',
|
||||
ctaLabel: 'Review QR analytics',
|
||||
},
|
||||
{
|
||||
href: '/reprint-calculator',
|
||||
title: 'QR Code Reprint Cost Calculator',
|
||||
|
||||
@@ -1,179 +1,227 @@
|
||||
import type { Metadata } from "next";
|
||||
|
||||
import {
|
||||
buildUseCaseMetadata,
|
||||
UseCasePageTemplate,
|
||||
} from "@/components/marketing/UseCasePageTemplate";
|
||||
import { GrowthLinksSection } from "@/components/marketing/GrowthLinksSection";
|
||||
|
||||
export const metadata: Metadata = buildUseCaseMetadata({
|
||||
title: "QR Code Analytics",
|
||||
description:
|
||||
"Measure QR code scans by placement, timing, device context, and campaign route so offline workflows become reportable.",
|
||||
canonicalPath: "/qr-code-analytics",
|
||||
});
|
||||
|
||||
const softwareSchema = {
|
||||
"@context": "https://schema.org",
|
||||
"@type": "SoftwareApplication",
|
||||
"@id": "https://www.qrmaster.net/qr-code-analytics#software",
|
||||
name: "QR Master - QR Code Analytics",
|
||||
applicationCategory: "BusinessApplication",
|
||||
operatingSystem: "Web Browser",
|
||||
offers: {
|
||||
"@type": "Offer",
|
||||
price: "0",
|
||||
priceCurrency: "USD",
|
||||
availability: "https://schema.org/InStock",
|
||||
},
|
||||
description:
|
||||
"QR analytics software for measuring scans by placement, timing, device context, and offline campaign routing.",
|
||||
featureList: [
|
||||
"Placement-level scan reporting",
|
||||
"Device and timing context",
|
||||
"Offline-to-online campaign attribution",
|
||||
"Scan visibility across print workflows",
|
||||
"Destination updates without reprinting",
|
||||
],
|
||||
};
|
||||
|
||||
export default function QRCodeAnalyticsPage() {
|
||||
return (
|
||||
<>
|
||||
<UseCasePageTemplate
|
||||
title="QR Code Analytics"
|
||||
description="Measure QR code scans by placement, timing, device context, and campaign route so offline workflows become reportable."
|
||||
eyebrow="Analytics"
|
||||
intro="QR code analytics matters when a scan is not just a click, but evidence that a sign, flyer, package, or service prompt is doing its job in the real world."
|
||||
pageType="commercial"
|
||||
cluster="qr-analytics"
|
||||
useCase="qr-analytics"
|
||||
breadcrumbs={[
|
||||
{ name: "Home", url: "/" },
|
||||
{ name: "QR Code Analytics", url: "/qr-code-analytics" },
|
||||
]}
|
||||
answer="QR code analytics helps you understand which printed placements, campaigns, and post-scan routes generate useful activity so you can improve what gets reprinted, redistributed, or scaled next."
|
||||
whenToUse={[
|
||||
"You need more than raw scan counts from campaigns, packaging, or offline placements.",
|
||||
"You want to compare where scans happen and which printed surfaces actually drive action.",
|
||||
"You need a clearer bridge between QR scans and business outcomes such as signup, offers, or support engagement.",
|
||||
]}
|
||||
comparisonItems={[
|
||||
{ label: "Placement visibility", text: "Usually blended", value: true },
|
||||
{ label: "Post-print reporting", text: "Weak", value: true },
|
||||
{ label: "Campaign comparison", text: "Manual or partial", value: true },
|
||||
]}
|
||||
howToSteps={[
|
||||
"Create QR flows that map to real placements or workflow contexts instead of one generic code for every use case.",
|
||||
"Track scans with enough context to compare signs, flyers, inserts, or support surfaces cleanly.",
|
||||
"Use the reporting to decide which destinations, offers, or print placements deserve the next round of investment.",
|
||||
]}
|
||||
primaryCta={{
|
||||
href: "/signup",
|
||||
label: "Start measuring QR scans",
|
||||
}}
|
||||
secondaryCta={{
|
||||
href: "/use-cases",
|
||||
label: "Browse measured workflows",
|
||||
}}
|
||||
workflowTitle="What useful QR analytics should help you answer"
|
||||
workflowIntro="The point of analytics is not to produce dashboards for their own sake. It is to make better decisions about what to print again, where to place it, and what happens after the scan."
|
||||
workflowCards={[
|
||||
{
|
||||
title: "Placement comparison",
|
||||
description:
|
||||
"Separate flyer, packaging, sign, event, or service-surface traffic so you know which printed context actually creates useful scan activity.",
|
||||
},
|
||||
{
|
||||
title: "Post-print flexibility",
|
||||
description:
|
||||
"Review performance and then improve the destination, offer, or next action without replacing every physical code already in circulation.",
|
||||
},
|
||||
{
|
||||
title: "Operational reporting",
|
||||
description:
|
||||
"Give marketing, operations, or support teams a better view of what physical QR programs are doing once they are live in the field.",
|
||||
},
|
||||
]}
|
||||
checklistTitle="QR analytics checklist"
|
||||
checklist={[
|
||||
"Define which placements or workflow surfaces should be compared before launching the QR program.",
|
||||
"Use naming or routing that lets scans be grouped by real business context, not only by one generic campaign.",
|
||||
"Make the first post-scan step relevant enough that a scan can become a useful action, not a bounce.",
|
||||
"Review analytics before reprinting so the next batch reflects real-world performance.",
|
||||
]}
|
||||
supportLinks={[
|
||||
{
|
||||
href: "/use-cases/packaging-qr-codes",
|
||||
title: "Use case: Packaging QR Codes",
|
||||
description:
|
||||
"See how packaging scans can become a measurable post-purchase signal instead of a blind spot.",
|
||||
},
|
||||
{
|
||||
href: "/use-cases/flyer-qr-codes",
|
||||
title: "Use case: Flyer QR Codes",
|
||||
description:
|
||||
"Useful when scan performance needs to be reviewed by distribution point or campaign wave.",
|
||||
},
|
||||
{
|
||||
href: "/blog/trackable-qr-codes",
|
||||
title: "Trackable QR Codes",
|
||||
description:
|
||||
"Support article for understanding what measurable QR setups should capture and why it matters.",
|
||||
},
|
||||
]}
|
||||
faq={[
|
||||
{
|
||||
question: "What can QR code analytics show?",
|
||||
answer:
|
||||
"QR code analytics can show scan activity by placement, time, device context, and campaign route so teams can see which physical programs are actually performing.",
|
||||
},
|
||||
{
|
||||
question: "Why are QR code analytics useful for offline campaigns?",
|
||||
answer:
|
||||
"They help turn offline placements such as flyers, packaging, signs, or event materials into something measurable instead of relying on assumptions about what worked.",
|
||||
},
|
||||
{
|
||||
question: "Do I need dynamic QR codes for analytics?",
|
||||
answer:
|
||||
"In most cases yes, because analytics usually depends on a managed redirect or reporting layer that also lets you update destinations without reprinting.",
|
||||
},
|
||||
]}
|
||||
schemaData={[softwareSchema]}
|
||||
/>
|
||||
<GrowthLinksSection
|
||||
eyebrow="Related workflows"
|
||||
title="Analytics is only the start"
|
||||
description="Tracking scans is more useful when it connects to destination flexibility, campaign comparison, and cost planning."
|
||||
links={[
|
||||
{
|
||||
href: '/qr-code-tracking',
|
||||
title: 'QR Code Tracking',
|
||||
description: 'See device, time, and location context for every scan. Understand which placements drive real activity.',
|
||||
ctaLabel: 'Track QR code scans',
|
||||
},
|
||||
{
|
||||
href: '/dynamic-qr-code-generator',
|
||||
title: 'Dynamic QR Code Generator',
|
||||
description: 'Create QR codes with updatable destinations so analytics can inform what to change — without reprinting.',
|
||||
ctaLabel: 'Create dynamic QR code',
|
||||
},
|
||||
{
|
||||
href: '/reprint-calculator',
|
||||
title: 'Reprint Cost Calculator',
|
||||
description: 'Calculate how much static reprints are costing vs one dynamic QR subscription.',
|
||||
ctaLabel: 'Calculate reprint savings',
|
||||
},
|
||||
{
|
||||
href: '/pricing',
|
||||
title: 'Compare Plans',
|
||||
description: 'See which plan gives you the scan volume, analytics depth, and QR code count your workflows need.',
|
||||
ctaLabel: 'Compare plans',
|
||||
},
|
||||
]}
|
||||
pageType="commercial"
|
||||
cluster="qr-analytics"
|
||||
/>
|
||||
</>
|
||||
);
|
||||
}
|
||||
import type { Metadata } from 'next';
|
||||
|
||||
import {
|
||||
buildUseCaseMetadata,
|
||||
UseCasePageTemplate,
|
||||
} from '@/components/marketing/UseCasePageTemplate';
|
||||
import { GrowthLinksSection } from '@/components/marketing/GrowthLinksSection';
|
||||
|
||||
export const metadata: Metadata = buildUseCaseMetadata({
|
||||
title: 'QR Code Analytics: Measure Offline Campaigns',
|
||||
description:
|
||||
'Use QR code analytics to interpret scan data, compare placements, measure offline campaigns, and decide what to update or reprint next.',
|
||||
canonicalPath: '/qr-code-analytics',
|
||||
});
|
||||
|
||||
const softwareSchema = {
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'SoftwareApplication',
|
||||
'@id': 'https://www.qrmaster.net/qr-code-analytics#software',
|
||||
name: 'QR Master - QR Code Analytics',
|
||||
applicationCategory: 'BusinessApplication',
|
||||
operatingSystem: 'Web Browser',
|
||||
offers: {
|
||||
'@type': 'Offer',
|
||||
price: '0',
|
||||
priceCurrency: 'USD',
|
||||
availability: 'https://schema.org/InStock',
|
||||
},
|
||||
description:
|
||||
'QR analytics software for measuring scans by placement, timing, device context, and offline campaign routing.',
|
||||
featureList: [
|
||||
'Placement-level scan reporting',
|
||||
'Device and timing context',
|
||||
'Offline-to-online campaign attribution',
|
||||
'Scan visibility across print workflows',
|
||||
'Destination updates without reprinting',
|
||||
],
|
||||
};
|
||||
|
||||
export default function QRCodeAnalyticsPage() {
|
||||
return (
|
||||
<>
|
||||
<UseCasePageTemplate
|
||||
title="QR Code Analytics: Measure Offline Campaigns"
|
||||
description="Use QR code analytics to interpret scan data, compare placements, measure offline campaigns, and decide what to update or reprint next."
|
||||
eyebrow="Analytics interpretation"
|
||||
intro="QR code analytics turns scan events into decisions: which printed placement worked, which destination needs work, and what should be changed before the next print run."
|
||||
pageType="commercial"
|
||||
cluster="qr-analytics"
|
||||
useCase="qr-analytics"
|
||||
breadcrumbs={[
|
||||
{ name: 'Home', url: '/' },
|
||||
{ name: 'QR Code Analytics', url: '/qr-code-analytics' },
|
||||
]}
|
||||
answer="QR code analytics helps teams interpret QR scan data by placement, timing, device context, and campaign route so offline marketing decisions are based on evidence rather than raw scan counts alone."
|
||||
whenToUse={[
|
||||
'You need more than raw scan counts from campaigns, packaging, or offline placements.',
|
||||
'You want to compare where scans happen and which printed surfaces actually drive action.',
|
||||
'You need a clearer bridge between QR scans and business outcomes such as signup, offers, or support engagement.',
|
||||
]}
|
||||
comparisonItems={[
|
||||
{
|
||||
label: 'Tracking collects scan events',
|
||||
text: 'Input data',
|
||||
value: true,
|
||||
},
|
||||
{
|
||||
label: 'Analytics explains performance',
|
||||
text: 'Decision layer',
|
||||
value: true,
|
||||
},
|
||||
{
|
||||
label: 'Reprint decisions',
|
||||
text: 'Based on evidence',
|
||||
value: true,
|
||||
},
|
||||
]}
|
||||
howToSteps={[
|
||||
'Create QR flows that map to real placements or workflow contexts instead of one generic code for every use case.',
|
||||
'Track scans with enough context to compare signs, flyers, inserts, or support surfaces cleanly.',
|
||||
'Use the reporting to decide which destinations, offers, or print placements deserve the next round of investment.',
|
||||
]}
|
||||
primaryCta={{
|
||||
href: '/signup',
|
||||
label: 'Start measuring QR scans',
|
||||
}}
|
||||
secondaryCta={{
|
||||
href: '/use-cases',
|
||||
label: 'Browse measured workflows',
|
||||
}}
|
||||
workflowTitle="Questions QR analytics should answer"
|
||||
workflowIntro="The point of analytics is not to produce dashboards for their own sake. It is to decide what to print again, where to place it, and what should happen after the scan."
|
||||
workflowCards={[
|
||||
{
|
||||
title: 'Which placement worked?',
|
||||
description:
|
||||
'Separate flyer, packaging, sign, event, or service-surface traffic so you know which printed context actually creates useful scan activity.',
|
||||
},
|
||||
{
|
||||
title: 'What should change next?',
|
||||
description:
|
||||
'Review performance and then improve the destination, offer, or next action without replacing every physical code already in circulation.',
|
||||
},
|
||||
{
|
||||
title: 'What should be reprinted?',
|
||||
description:
|
||||
'Give marketing, operations, or support teams a clearer view of which physical QR programs deserve another batch.',
|
||||
},
|
||||
]}
|
||||
checklistTitle="QR analytics checklist"
|
||||
checklist={[
|
||||
'Define which placements or workflow surfaces should be compared before launching the QR program.',
|
||||
'Use naming or routing that lets scans be grouped by real business context, not only by one generic campaign.',
|
||||
'Make the first post-scan step relevant enough that a scan can become a useful action, not a bounce.',
|
||||
'Review analytics before reprinting so the next batch reflects real-world performance.',
|
||||
]}
|
||||
supportLinks={[
|
||||
{
|
||||
href: '/use-cases/packaging-qr-codes',
|
||||
title: 'Use case: Packaging QR Codes',
|
||||
description:
|
||||
'See how packaging scans can become a measurable post-purchase signal instead of a blind spot.',
|
||||
},
|
||||
{
|
||||
href: '/qr-code-for-marketing-campaigns',
|
||||
title: 'QR Codes for Marketing Campaigns',
|
||||
description:
|
||||
'Plan campaign QR workflows around attribution, creative testing, and print distribution.',
|
||||
},
|
||||
{
|
||||
href: '/use-cases/flyer-qr-codes',
|
||||
title: 'Use case: Flyer QR Codes',
|
||||
description:
|
||||
'Useful when scan performance needs to be reviewed by distribution point or campaign wave.',
|
||||
},
|
||||
{
|
||||
href: '/blog/utm-parameter-qr-codes',
|
||||
title: 'UTM Parameters with QR Codes',
|
||||
description:
|
||||
'Use GA4 campaign parameters when QR scan data needs to connect to post-scan conversions.',
|
||||
},
|
||||
{
|
||||
href: '/blog/trackable-qr-codes',
|
||||
title: 'Trackable QR Codes',
|
||||
description:
|
||||
'Support article for understanding what measurable QR setups should capture and why it matters.',
|
||||
},
|
||||
]}
|
||||
faq={[
|
||||
{
|
||||
question: 'What can QR code analytics show?',
|
||||
answer:
|
||||
'QR code analytics can show scan activity by placement, time, device context, and campaign route so teams can see which physical programs are actually performing.',
|
||||
},
|
||||
{
|
||||
question:
|
||||
'What is the difference between QR tracking and QR analytics?',
|
||||
answer:
|
||||
'QR tracking collects scan events. QR analytics interprets those events so teams can compare placements, understand campaign performance, and decide what to update or reprint.',
|
||||
},
|
||||
{
|
||||
question: 'Why are QR code analytics useful for offline campaigns?',
|
||||
answer:
|
||||
'They help turn offline placements such as flyers, packaging, signs, or event materials into something measurable instead of relying on assumptions about what worked.',
|
||||
},
|
||||
{
|
||||
question: 'Do I need dynamic QR codes for analytics?',
|
||||
answer:
|
||||
'In most cases yes, because analytics usually depends on a managed redirect or reporting layer that also lets you update destinations without reprinting.',
|
||||
},
|
||||
]}
|
||||
schemaData={[softwareSchema]}
|
||||
/>
|
||||
<GrowthLinksSection
|
||||
eyebrow="Related workflows"
|
||||
title="Analytics is only the start"
|
||||
description="Tracking scans is more useful when it connects to destination flexibility, campaign comparison, and cost planning."
|
||||
links={[
|
||||
{
|
||||
href: '/qr-code-tracking',
|
||||
title: 'QR Code Tracking',
|
||||
description:
|
||||
'See device, time, and location context for every scan. Understand which placements drive real activity.',
|
||||
ctaLabel: 'Track QR code scans',
|
||||
},
|
||||
{
|
||||
href: '/dynamic-qr-code-generator',
|
||||
title: 'Dynamic QR Code Generator',
|
||||
description:
|
||||
'Create QR codes with updatable destinations so analytics can inform what to change — without reprinting.',
|
||||
ctaLabel: 'Create dynamic QR code',
|
||||
},
|
||||
{
|
||||
href: '/reprint-calculator',
|
||||
title: 'Reprint Cost Calculator',
|
||||
description:
|
||||
'Calculate how much static reprints are costing vs one dynamic QR subscription.',
|
||||
ctaLabel: 'Calculate reprint savings',
|
||||
},
|
||||
{
|
||||
href: '/qr-code-for-marketing-campaigns',
|
||||
title: 'QR Codes for Marketing Campaigns',
|
||||
description:
|
||||
'Plan offline campaigns where each placement has a measurable QR route and follow-up action.',
|
||||
ctaLabel: 'Measure offline QR campaigns',
|
||||
},
|
||||
{
|
||||
href: '/use-cases/qr-codes-for-review-collection',
|
||||
title: 'QR Codes for Review Collection',
|
||||
description:
|
||||
'Compare receipts, table cards, packaging, and counters as measurable review-request placements.',
|
||||
ctaLabel: 'Measure review QR placements',
|
||||
},
|
||||
{
|
||||
href: '/pricing',
|
||||
title: 'Compare Plans',
|
||||
description:
|
||||
'See which plan gives you the scan volume, analytics depth, and QR code count your workflows need.',
|
||||
ctaLabel: 'Compare plans',
|
||||
},
|
||||
]}
|
||||
pageType="commercial"
|
||||
cluster="qr-analytics"
|
||||
/>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -15,10 +15,10 @@ import {
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: {
|
||||
absolute: 'QR Code Tracking - Track QR Code Scans Free',
|
||||
absolute: 'QR Code Tracking: Track QR Code Scans',
|
||||
},
|
||||
description:
|
||||
'Track QR code scans for free with QR code tracking and analytics. See time, device, and location context for printed campaigns and dynamic QR codes.',
|
||||
'Track QR code scans with dynamic QR tracking. See scan time, device, location context, placements, and privacy-aware analytics for printed campaigns.',
|
||||
keywords:
|
||||
'qr code tracking, qr code analytics, track qr scans, dynamic qr tracking, qr scan analytics',
|
||||
alternates: {
|
||||
@@ -29,7 +29,7 @@ export const metadata: Metadata = {
|
||||
},
|
||||
},
|
||||
openGraph: {
|
||||
title: 'QR Code Tracking - Track QR Code Scans Free',
|
||||
title: 'QR Code Tracking: Track QR Code Scans',
|
||||
description:
|
||||
'Track QR code scans with analytics for time, device, and location context. Use dynamic QR codes to measure placements and campaigns.',
|
||||
url: 'https://www.qrmaster.net/qr-code-tracking',
|
||||
@@ -130,6 +130,34 @@ const trackingComparison = [
|
||||
},
|
||||
];
|
||||
|
||||
const trackingLimits = [
|
||||
{
|
||||
label: 'Scan timestamp',
|
||||
tracked: 'Yes',
|
||||
note: 'Useful for campaign timing, service windows, and event-day patterns.',
|
||||
},
|
||||
{
|
||||
label: 'Device context',
|
||||
tracked: 'Yes',
|
||||
note: 'Useful for checking whether post-scan pages are mostly mobile traffic.',
|
||||
},
|
||||
{
|
||||
label: 'Approximate location context',
|
||||
tracked: 'Yes',
|
||||
note: 'Useful for city, region, or country-level placement review.',
|
||||
},
|
||||
{
|
||||
label: 'Exact personal identity',
|
||||
tracked: 'No',
|
||||
note: 'QR scan analytics should not be framed as individual user identification.',
|
||||
},
|
||||
{
|
||||
label: 'Static QR scan history',
|
||||
tracked: 'No',
|
||||
note: 'A static QR code has no managed redirect layer for QR Master to measure.',
|
||||
},
|
||||
];
|
||||
|
||||
const faqItems = [
|
||||
{
|
||||
question: 'Can I track a static QR code?',
|
||||
@@ -141,6 +169,16 @@ const faqItems = [
|
||||
answer:
|
||||
'QR Master reports scan activity including time of scan, device type (mobile vs. desktop), and location context (country, city). You can also compare total scans vs. unique scans.',
|
||||
},
|
||||
{
|
||||
question: 'Is QR code tracking GDPR-friendly?',
|
||||
answer:
|
||||
'QR tracking can be used in a privacy-aware way when scan reporting avoids personally identifiable profiles. QR Master is positioned around hashed IP handling, anonymized context, and aggregate placement reporting rather than individual user surveillance.',
|
||||
},
|
||||
{
|
||||
question: 'Can I track review collection QR codes?',
|
||||
answer:
|
||||
'Yes. A trackable review QR setup can show which table cards, receipts, counters, or packaging inserts get scanned. The actual review submission still happens on the destination platform or form.',
|
||||
},
|
||||
{
|
||||
question: 'Why does tracking use a dynamic QR code?',
|
||||
answer:
|
||||
@@ -265,6 +303,13 @@ const relatedUseCaseLinks = [
|
||||
'Measure which service surfaces and follow-up prompts actually generate customer responses.',
|
||||
ctaLabel: 'Create your feedback QR code',
|
||||
},
|
||||
{
|
||||
href: '/use-cases/qr-codes-for-review-collection',
|
||||
title: 'QR Codes for Review Collection',
|
||||
description:
|
||||
'Compare table cards, receipts, counters, and packaging inserts as measurable review-request placements.',
|
||||
ctaLabel: 'Create a trackable review QR',
|
||||
},
|
||||
{
|
||||
href: '/use-cases/coupon-qr-codes',
|
||||
title: 'Coupon QR Codes',
|
||||
@@ -279,6 +324,13 @@ const relatedUseCaseLinks = [
|
||||
'Go deeper into placement-level reporting and offline campaign attribution.',
|
||||
ctaLabel: 'Explore QR analytics',
|
||||
},
|
||||
{
|
||||
href: '/blog/utm-parameter-qr-codes',
|
||||
title: 'UTM Parameters with QR Codes',
|
||||
description:
|
||||
'Pair QR scan data with GA4 campaign attribution so offline traffic can be reviewed after the scan.',
|
||||
ctaLabel: 'Use UTMs with QR codes',
|
||||
},
|
||||
{
|
||||
href: '/reprint-calculator',
|
||||
title: 'QR Code Reprint Cost Calculator',
|
||||
@@ -462,6 +514,58 @@ export default function QRCodeTrackingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<section className="bg-slate-50 py-16">
|
||||
<div className="container mx-auto max-w-6xl px-4 sm:px-6 lg:px-8">
|
||||
<div className="mb-10 max-w-3xl">
|
||||
<p className="mb-3 text-sm font-semibold uppercase tracking-wider text-blue-600">
|
||||
Privacy-aware scan data
|
||||
</p>
|
||||
<h2 className="mb-4 text-3xl font-bold text-gray-900">
|
||||
What QR Master tracks and what it does not
|
||||
</h2>
|
||||
<p className="text-lg leading-relaxed text-gray-600">
|
||||
QR code tracking should answer placement and campaign questions,
|
||||
not create a personally identifiable profile of every scanner.
|
||||
Treat scan analytics as aggregate context for better print,
|
||||
routing, and campaign decisions.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<Card className="overflow-hidden">
|
||||
<div className="overflow-x-auto">
|
||||
<table className="w-full min-w-[720px]">
|
||||
<thead className="bg-white">
|
||||
<tr>
|
||||
<th className="px-6 py-4 text-left font-semibold text-gray-900">
|
||||
Data point
|
||||
</th>
|
||||
<th className="px-6 py-4 text-left font-semibold text-gray-900">
|
||||
QR Master tracking
|
||||
</th>
|
||||
<th className="px-6 py-4 text-left font-semibold text-gray-900">
|
||||
Practical use
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody className="divide-y divide-gray-200">
|
||||
{trackingLimits.map((row) => (
|
||||
<tr key={row.label}>
|
||||
<td className="px-6 py-4 font-medium text-gray-900">
|
||||
{row.label}
|
||||
</td>
|
||||
<td className="px-6 py-4 text-gray-700">
|
||||
{row.tracked}
|
||||
</td>
|
||||
<td className="px-6 py-4 text-gray-600">{row.note}</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="bg-white py-16">
|
||||
<div className="container mx-auto max-w-6xl px-4 sm:px-6 lg:px-8">
|
||||
<div className="mb-10 max-w-3xl">
|
||||
|
||||
@@ -9,411 +9,578 @@ import { GrowthLinksSection } from '@/components/marketing/GrowthLinksSection';
|
||||
import { generateSoftwareAppSchema } from '@/lib/schema-utils';
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: {
|
||||
absolute: 'Google Review QR Code Generator — Free | QR Master',
|
||||
},
|
||||
description: 'Create a QR code for your Google Reviews in seconds. Customers scan once and land directly on your review form. Free, no signup required.',
|
||||
keywords: ['qr code for google reviews', 'qr code generator for google reviews', 'google review qr code', 'google maps review qr code', 'get more google reviews'],
|
||||
alternates: {
|
||||
canonical: 'https://www.qrmaster.net/tools/google-review-qr-code',
|
||||
languages: {
|
||||
'x-default': 'https://www.qrmaster.net/tools/google-review-qr-code',
|
||||
en: 'https://www.qrmaster.net/tools/google-review-qr-code',
|
||||
},
|
||||
},
|
||||
openGraph: {
|
||||
title: 'Google Review QR Code Generator — Free | QR Master',
|
||||
description: 'Create a QR code that takes customers directly to your Google review form. More reviews, less friction.',
|
||||
type: 'website',
|
||||
url: 'https://www.qrmaster.net/tools/google-review-qr-code',
|
||||
},
|
||||
twitter: {
|
||||
card: 'summary_large_image',
|
||||
title: 'Google Review QR Code Generator — Free',
|
||||
description: 'Create a QR code that takes customers directly to your Google review form.',
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
title: {
|
||||
absolute: 'Google Review QR Code Generator — Free | QR Master',
|
||||
},
|
||||
description:
|
||||
'Create a QR code for your Google Reviews in seconds. Customers scan once and land directly on your review form. Free, no signup required.',
|
||||
keywords: [
|
||||
'qr code for google reviews',
|
||||
'qr code generator for google reviews',
|
||||
'google review qr code',
|
||||
'google maps review qr code',
|
||||
'get more google reviews',
|
||||
],
|
||||
alternates: {
|
||||
canonical: 'https://www.qrmaster.net/tools/google-review-qr-code',
|
||||
languages: {
|
||||
'x-default': 'https://www.qrmaster.net/tools/google-review-qr-code',
|
||||
en: 'https://www.qrmaster.net/tools/google-review-qr-code',
|
||||
},
|
||||
},
|
||||
openGraph: {
|
||||
title: 'Google Review QR Code Generator — Free | QR Master',
|
||||
description:
|
||||
'Create a QR code that takes customers directly to your Google review form. More reviews, less friction.',
|
||||
type: 'website',
|
||||
url: 'https://www.qrmaster.net/tools/google-review-qr-code',
|
||||
},
|
||||
twitter: {
|
||||
card: 'summary_large_image',
|
||||
title: 'Google Review QR Code Generator — Free',
|
||||
description:
|
||||
'Create a QR code that takes customers directly to your Google review form.',
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
|
||||
const jsonLd = {
|
||||
'@context': 'https://schema.org',
|
||||
'@graph': [
|
||||
generateSoftwareAppSchema(
|
||||
'Google Review QR Code Generator',
|
||||
'Generate a QR code that links directly to your Google review form. Customers scan once and can leave a review immediately.',
|
||||
'/og-image.png'
|
||||
),
|
||||
'@context': 'https://schema.org',
|
||||
'@graph': [
|
||||
generateSoftwareAppSchema(
|
||||
'Google Review QR Code Generator',
|
||||
'Generate a QR code that links directly to your Google review form. Customers scan once and can leave a review immediately.',
|
||||
'/og-image.png'
|
||||
),
|
||||
{
|
||||
'@type': 'HowTo',
|
||||
name: 'How to Create a Google Review QR Code',
|
||||
datePublished: '2024-01-01',
|
||||
dateModified: '2026-04-27',
|
||||
author: {
|
||||
'@type': 'Person',
|
||||
name: 'Timo Knuth',
|
||||
url: 'https://www.qrmaster.net/authors/timo',
|
||||
},
|
||||
description:
|
||||
'Generate a QR code that sends customers directly to your Google review form.',
|
||||
step: [
|
||||
{
|
||||
'@type': 'HowTo',
|
||||
name: 'How to Create a Google Review QR Code',
|
||||
datePublished: '2024-01-01',
|
||||
dateModified: '2026-04-27',
|
||||
author: {
|
||||
'@type': 'Person',
|
||||
name: 'Timo Knuth',
|
||||
url: 'https://www.qrmaster.net/authors/timo',
|
||||
},
|
||||
description: 'Generate a QR code that sends customers directly to your Google review form.',
|
||||
step: [
|
||||
{
|
||||
'@type': 'HowToStep',
|
||||
position: 1,
|
||||
name: 'Find your Google Review link',
|
||||
text: 'Open Google Maps, search for your business, click Share → Copy link. Or use Google Business Profile → Get more reviews.',
|
||||
},
|
||||
{
|
||||
'@type': 'HowToStep',
|
||||
position: 2,
|
||||
name: 'Paste the link into the generator',
|
||||
text: 'Paste your Google review URL into the field above. The generator accepts g.page, google.com, and maps.app.goo.gl links.',
|
||||
},
|
||||
{
|
||||
'@type': 'HowToStep',
|
||||
position: 3,
|
||||
name: 'Customize and download',
|
||||
text: 'Choose a color and frame label (e.g. "Leave a Review"), then download as PNG or SVG.',
|
||||
},
|
||||
{
|
||||
'@type': 'HowToStep',
|
||||
position: 4,
|
||||
name: 'Display the QR code',
|
||||
text: 'Print the code on receipts, table cards, packaging, or your window. Customers scan once to review.',
|
||||
},
|
||||
],
|
||||
totalTime: 'PT60S',
|
||||
'@type': 'HowToStep',
|
||||
position: 1,
|
||||
name: 'Find your Google Review link',
|
||||
text: 'Open Google Maps, search for your business, click Share → Copy link. Or use Google Business Profile → Get more reviews.',
|
||||
},
|
||||
{
|
||||
'@type': 'FAQPage',
|
||||
mainEntity: [
|
||||
{
|
||||
'@type': 'Question',
|
||||
name: 'How do I find my Google Review link?',
|
||||
acceptedAnswer: {
|
||||
'@type': 'Answer',
|
||||
text: 'Open Google Maps → search for your business → click Share → Copy link. Alternatively, go to your Google Business Profile dashboard → click "Get more reviews" — this gives you a direct review shortlink.',
|
||||
},
|
||||
},
|
||||
{
|
||||
'@type': 'Question',
|
||||
name: 'Does this Google Review QR code expire?',
|
||||
acceptedAnswer: {
|
||||
'@type': 'Answer',
|
||||
text: 'No. This is a static QR code that directly encodes your Google review URL. It will work as long as your Google Business Profile is active.',
|
||||
},
|
||||
},
|
||||
{
|
||||
'@type': 'Question',
|
||||
name: 'Can I track how many people scanned the QR code?',
|
||||
acceptedAnswer: {
|
||||
'@type': 'Answer',
|
||||
text: 'Not with a static QR code. If you need scan analytics (device, location, time), create a dynamic QR code with tracking through QR Master.',
|
||||
},
|
||||
},
|
||||
{
|
||||
'@type': 'Question',
|
||||
name: 'What happens when a customer scans the QR code?',
|
||||
acceptedAnswer: {
|
||||
'@type': 'Answer',
|
||||
text: 'They are taken directly to your Google review form. If they are logged into a Google account on their phone, they can leave a review immediately with no extra steps.',
|
||||
},
|
||||
},
|
||||
{
|
||||
'@type': 'Question',
|
||||
name: 'Where should I display the Google Review QR code?',
|
||||
acceptedAnswer: {
|
||||
'@type': 'Answer',
|
||||
text: 'Best placements: receipts, table tent cards (restaurants), checkout counters, packaging inserts, and your shop window. The moment after a positive experience is the best time to ask for a review.',
|
||||
},
|
||||
},
|
||||
],
|
||||
'@type': 'HowToStep',
|
||||
position: 2,
|
||||
name: 'Paste the link into the generator',
|
||||
text: 'Paste your Google review URL into the field above. The generator accepts g.page, google.com, and maps.app.goo.gl links.',
|
||||
},
|
||||
{
|
||||
'@type': 'BreadcrumbList',
|
||||
itemListElement: [
|
||||
{ '@type': 'ListItem', position: 1, name: 'Home', item: 'https://www.qrmaster.net' },
|
||||
{ '@type': 'ListItem', position: 2, name: 'QR Code Tools', item: 'https://www.qrmaster.net/tools' },
|
||||
{ '@type': 'ListItem', position: 3, name: 'Google Review QR Code Generator', item: 'https://www.qrmaster.net/tools/google-review-qr-code' },
|
||||
],
|
||||
'@type': 'HowToStep',
|
||||
position: 3,
|
||||
name: 'Customize and download',
|
||||
text: 'Choose a color and frame label (e.g. "Leave a Review"), then download as PNG or SVG.',
|
||||
},
|
||||
],
|
||||
{
|
||||
'@type': 'HowToStep',
|
||||
position: 4,
|
||||
name: 'Display the QR code',
|
||||
text: 'Print the code on receipts, table cards, packaging, or your window. Customers scan once to review.',
|
||||
},
|
||||
],
|
||||
totalTime: 'PT60S',
|
||||
},
|
||||
{
|
||||
'@type': 'FAQPage',
|
||||
mainEntity: [
|
||||
{
|
||||
'@type': 'Question',
|
||||
name: 'How do I find my Google Review link?',
|
||||
acceptedAnswer: {
|
||||
'@type': 'Answer',
|
||||
text: 'Open Google Maps → search for your business → click Share → Copy link. Alternatively, go to your Google Business Profile dashboard → click "Get more reviews" — this gives you a direct review shortlink.',
|
||||
},
|
||||
},
|
||||
{
|
||||
'@type': 'Question',
|
||||
name: 'Does this Google Review QR code expire?',
|
||||
acceptedAnswer: {
|
||||
'@type': 'Answer',
|
||||
text: 'No. This is a static QR code that directly encodes your Google review URL. It will work as long as your Google Business Profile is active.',
|
||||
},
|
||||
},
|
||||
{
|
||||
'@type': 'Question',
|
||||
name: 'Can I track how many people scanned the QR code?',
|
||||
acceptedAnswer: {
|
||||
'@type': 'Answer',
|
||||
text: 'Not with a static QR code. If you need scan analytics (device, location, time), create a dynamic QR code with tracking through QR Master.',
|
||||
},
|
||||
},
|
||||
{
|
||||
'@type': 'Question',
|
||||
name: 'What happens when a customer scans the QR code?',
|
||||
acceptedAnswer: {
|
||||
'@type': 'Answer',
|
||||
text: 'They are taken directly to your Google review form. If they are logged into a Google account on their phone, they can leave a review immediately with no extra steps.',
|
||||
},
|
||||
},
|
||||
{
|
||||
'@type': 'Question',
|
||||
name: 'Where should I display the Google Review QR code?',
|
||||
acceptedAnswer: {
|
||||
'@type': 'Answer',
|
||||
text: 'Best placements: receipts, table tent cards (restaurants), checkout counters, packaging inserts, and your shop window. The moment after a positive experience is the best time to ask for a review.',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
'@type': 'BreadcrumbList',
|
||||
itemListElement: [
|
||||
{
|
||||
'@type': 'ListItem',
|
||||
position: 1,
|
||||
name: 'Home',
|
||||
item: 'https://www.qrmaster.net',
|
||||
},
|
||||
{
|
||||
'@type': 'ListItem',
|
||||
position: 2,
|
||||
name: 'QR Code Tools',
|
||||
item: 'https://www.qrmaster.net/tools',
|
||||
},
|
||||
{
|
||||
'@type': 'ListItem',
|
||||
position: 3,
|
||||
name: 'Google Review QR Code Generator',
|
||||
item: 'https://www.qrmaster.net/tools/google-review-qr-code',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export default function GoogleReviewQRCodePage() {
|
||||
return (
|
||||
<>
|
||||
<script
|
||||
type="application/ld+json"
|
||||
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
|
||||
/>
|
||||
<ToolBreadcrumb toolName="Google Review QR Code Generator" toolSlug="google-review-qr-code" />
|
||||
return (
|
||||
<>
|
||||
<script
|
||||
type="application/ld+json"
|
||||
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
|
||||
/>
|
||||
<ToolBreadcrumb
|
||||
toolName="Google Review QR Code Generator"
|
||||
toolSlug="google-review-qr-code"
|
||||
/>
|
||||
|
||||
<div className="min-h-screen" style={{ backgroundColor: '#EBEBDF' }}>
|
||||
<div className="min-h-screen" style={{ backgroundColor: '#EBEBDF' }}>
|
||||
{/* HERO */}
|
||||
<section className="relative pt-20 pb-20 lg:pt-32 lg:pb-32 px-4 sm:px-6 lg:px-8 overflow-hidden bg-[#1A1265]">
|
||||
<div className="max-w-7xl mx-auto grid lg:grid-cols-2 gap-12 items-center relative z-10">
|
||||
<div className="text-center lg:text-left">
|
||||
<div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/10 text-white/90 text-sm font-medium mb-6 border border-white/10">
|
||||
<span className="flex h-2 w-2 relative">
|
||||
<span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-yellow-400 opacity-75"></span>
|
||||
<span className="relative inline-flex rounded-full h-2 w-2 bg-yellow-400"></span>
|
||||
</span>
|
||||
Free Tool — No Signup Required
|
||||
</div>
|
||||
|
||||
{/* HERO */}
|
||||
<section className="relative pt-20 pb-20 lg:pt-32 lg:pb-32 px-4 sm:px-6 lg:px-8 overflow-hidden bg-[#1A1265]">
|
||||
<div className="max-w-7xl mx-auto grid lg:grid-cols-2 gap-12 items-center relative z-10">
|
||||
<div className="text-center lg:text-left">
|
||||
<div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/10 text-white/90 text-sm font-medium mb-6 border border-white/10">
|
||||
<span className="flex h-2 w-2 relative">
|
||||
<span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-yellow-400 opacity-75"></span>
|
||||
<span className="relative inline-flex rounded-full h-2 w-2 bg-yellow-400"></span>
|
||||
</span>
|
||||
Free Tool — No Signup Required
|
||||
</div>
|
||||
<h1 className="text-4xl md:text-5xl lg:text-6xl font-extrabold text-white tracking-tight leading-tight mb-6">
|
||||
Google Review QR Code <br className="hidden lg:block" />
|
||||
<span className="text-transparent bg-clip-text bg-gradient-to-r from-yellow-400 to-orange-400">
|
||||
Generator — Free
|
||||
</span>
|
||||
</h1>
|
||||
|
||||
<h1 className="text-4xl md:text-5xl lg:text-6xl font-extrabold text-white tracking-tight leading-tight mb-6">
|
||||
Google Review QR Code <br className="hidden lg:block" />
|
||||
<span className="text-transparent bg-clip-text bg-gradient-to-r from-yellow-400 to-orange-400">Generator — Free</span>
|
||||
</h1>
|
||||
|
||||
<p className="text-lg md:text-xl text-indigo-100 max-w-2xl mx-auto lg:mx-0 mb-8 leading-relaxed">
|
||||
Customers scan once and land directly on your Google review form.
|
||||
<strong className="text-white block sm:inline mt-2 sm:mt-0"> More reviews, less friction.</strong>
|
||||
</p>
|
||||
|
||||
<div className="flex flex-wrap justify-center lg:justify-start gap-4 text-sm font-medium text-white/80">
|
||||
<div className="flex items-center gap-2 bg-white/5 px-4 py-2.5 rounded-xl border border-white/5">
|
||||
<Star className="w-4 h-4 text-yellow-400" />
|
||||
Direct to Review Form
|
||||
</div>
|
||||
<div className="flex items-center gap-2 bg-white/5 px-4 py-2.5 rounded-xl border border-white/5">
|
||||
<MapPin className="w-4 h-4 text-emerald-400" />
|
||||
Works for Any Business
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Hero QR Visual */}
|
||||
<div className="hidden lg:flex relative items-center justify-center min-h-[400px]">
|
||||
<div className="absolute w-[500px] h-[500px] bg-yellow-500/20 rounded-full blur-[100px] -top-20 -right-20 animate-pulse" />
|
||||
<div className="relative w-80 h-96 bg-white/5 backdrop-blur-xl border border-white/20 rounded-3xl shadow-2xl flex flex-col items-center justify-center p-8 transform -rotate-3 hover:rotate-0 transition-all duration-700 group">
|
||||
<div className="absolute inset-0 bg-gradient-to-br from-white/10 to-transparent rounded-3xl" />
|
||||
<div className="w-48 h-48 bg-white rounded-xl p-2 shadow-inner mb-6 relative overflow-hidden flex items-center justify-center">
|
||||
<QRCodeSVG value="https://www.qrmaster.net/tools/google-review-qr-code" size={170} fgColor="#1A73E8" level="Q" />
|
||||
</div>
|
||||
<div className="w-full bg-white/10 rounded-xl p-4 backdrop-blur-sm border border-white/10">
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-8 h-8 rounded-full bg-yellow-500/20 flex items-center justify-center">
|
||||
<Star className="w-4 h-4 text-yellow-300" />
|
||||
</div>
|
||||
<div className="space-y-1 w-full">
|
||||
<div className="h-1.5 w-3/4 bg-white/30 rounded-full" />
|
||||
<div className="h-1.5 w-1/2 bg-white/20 rounded-full" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* GENERATOR */}
|
||||
<section className="py-12 px-4 sm:px-6 lg:px-8 -mt-8">
|
||||
<GoogleReviewGenerator />
|
||||
</section>
|
||||
|
||||
{/* HOW TO FIND YOUR REVIEW LINK */}
|
||||
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-white">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<h2 className="text-3xl font-bold text-slate-900 text-center mb-4">
|
||||
How to Find Your Google Review Link
|
||||
</h2>
|
||||
<p className="text-slate-600 text-center mb-12 max-w-2xl mx-auto">
|
||||
You need your Google Business review URL before creating the QR code. Here are two ways to get it.
|
||||
</p>
|
||||
|
||||
<div className="grid md:grid-cols-2 gap-8">
|
||||
<article className="p-6 bg-slate-50 rounded-2xl border border-slate-100">
|
||||
<div className="w-12 h-12 rounded-xl bg-blue-100 flex items-center justify-center mb-4">
|
||||
<Search className="w-6 h-6 text-blue-600" />
|
||||
</div>
|
||||
<h3 className="font-bold text-slate-900 mb-3">Method 1: Google Maps</h3>
|
||||
<ol className="space-y-2 text-sm text-slate-600 list-none">
|
||||
<li><span className="font-semibold text-slate-800">1.</span> Open Google Maps</li>
|
||||
<li><span className="font-semibold text-slate-800">2.</span> Search for your business name</li>
|
||||
<li><span className="font-semibold text-slate-800">3.</span> Click the <strong>Share</strong> button</li>
|
||||
<li><span className="font-semibold text-slate-800">4.</span> Copy the short link (starts with <code className="bg-white px-1 rounded text-xs">maps.app.goo.gl</code> or <code className="bg-white px-1 rounded text-xs">g.page</code>)</li>
|
||||
<li><span className="font-semibold text-slate-800">5.</span> Paste into the generator above</li>
|
||||
</ol>
|
||||
</article>
|
||||
|
||||
<article className="p-6 bg-slate-50 rounded-2xl border border-slate-100">
|
||||
<div className="w-12 h-12 rounded-xl bg-yellow-100 flex items-center justify-center mb-4">
|
||||
<Share2 className="w-6 h-6 text-yellow-600" />
|
||||
</div>
|
||||
<h3 className="font-bold text-slate-900 mb-3">Method 2: Google Business Profile</h3>
|
||||
<ol className="space-y-2 text-sm text-slate-600 list-none">
|
||||
<li><span className="font-semibold text-slate-800">1.</span> Sign in to <strong>business.google.com</strong></li>
|
||||
<li><span className="font-semibold text-slate-800">2.</span> Select your business location</li>
|
||||
<li><span className="font-semibold text-slate-800">3.</span> Click <strong>"Get more reviews"</strong></li>
|
||||
<li><span className="font-semibold text-slate-800">4.</span> Copy the review shortlink provided</li>
|
||||
<li><span className="font-semibold text-slate-800">5.</span> Paste into the generator above</li>
|
||||
</ol>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* USE CASES */}
|
||||
<section className="py-16 px-4 sm:px-6 lg:px-8" style={{ backgroundColor: '#EBEBDF' }}>
|
||||
<div className="max-w-5xl mx-auto">
|
||||
<h2 className="text-3xl font-bold text-slate-900 text-center mb-4">
|
||||
Who Uses Google Review QR Codes?
|
||||
</h2>
|
||||
<p className="text-slate-600 text-center mb-12">
|
||||
Any business where the moment of satisfaction happens in person.
|
||||
</p>
|
||||
|
||||
<div className="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||
{[
|
||||
{ icon: '🍽️', title: 'Restaurants & Cafés', text: 'Print on receipts or table cards. Ask after the meal when the experience is fresh.' },
|
||||
{ icon: '🏨', title: 'Hotels & Guesthouses', text: 'Place on checkout envelopes or in-room cards. Capture reviews at checkout.' },
|
||||
{ icon: '🏥', title: 'Clinics & Salons', text: 'Display at reception. Patients and clients who had a great experience can review in seconds.' },
|
||||
{ icon: '🛍️', title: 'Retail & Shops', text: 'Include in packaging or display at checkout. Turn happy shoppers into reviewers.' },
|
||||
].map((item) => (
|
||||
<article key={item.title} className="p-6 bg-white rounded-2xl border border-slate-100 shadow-sm">
|
||||
<div className="text-3xl mb-3">{item.icon}</div>
|
||||
<h3 className="font-bold text-slate-900 mb-2">{item.title}</h3>
|
||||
<p className="text-sm text-slate-600 leading-relaxed">{item.text}</p>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* WHY REVIEWS MATTER — STATISTICS */}
|
||||
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-white">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<TrendingUp className="w-5 h-5 text-yellow-500" />
|
||||
<span className="text-sm font-semibold text-yellow-600 uppercase tracking-wider">Research-backed impact</span>
|
||||
</div>
|
||||
<h2 className="text-3xl font-bold text-slate-900 mb-4">
|
||||
Why Google Reviews Matter for Your Business
|
||||
</h2>
|
||||
<p className="text-slate-600 mb-10 max-w-2xl">
|
||||
A <strong>Google Review QR code</strong> reduces the friction between a satisfied customer and a published review — the single biggest barrier to getting more reviews.
|
||||
</p>
|
||||
|
||||
<div className="grid md:grid-cols-2 gap-6 mb-8">
|
||||
<div className="bg-yellow-50 border border-yellow-100 rounded-2xl p-6">
|
||||
<div className="text-4xl font-extrabold text-yellow-600 mb-2">70%</div>
|
||||
<p className="text-slate-700 text-sm leading-relaxed mb-3">
|
||||
of consumers will leave a review for a business <strong>if they are asked</strong> — but most businesses never ask, or ask via email where completion rates drop to 1–3%.
|
||||
</p>
|
||||
<p className="text-xs text-slate-500">
|
||||
Source: <a href="https://brightlocal.com/research/local-consumer-review-survey/" target="_blank" rel="noopener noreferrer" className="underline hover:text-slate-700">BrightLocal Local Consumer Review Survey</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="bg-blue-50 border border-blue-100 rounded-2xl p-6">
|
||||
<div className="text-4xl font-extrabold text-blue-600 mb-2">+270%</div>
|
||||
<p className="text-slate-700 text-sm leading-relaxed mb-3">
|
||||
increase in conversion rates for products and businesses with reviews compared to those without. Capturing reviews at the point of sale — where satisfaction is highest — maximizes this effect.
|
||||
</p>
|
||||
<p className="text-xs text-slate-500">
|
||||
Source: <a href="https://spiegel.medill.northwestern.edu/online-reviews/" target="_blank" rel="noopener noreferrer" className="underline hover:text-slate-700">Spiegel Research Center, Northwestern University</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p className="text-xs text-slate-400 italic">
|
||||
By Timo Knuth, QR Master · Last updated: June 2025 · Based on independent academic and industry research
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<GrowthLinksSection
|
||||
eyebrow="Level up your local marketing"
|
||||
title="More QR workflows for local businesses"
|
||||
description="Review QR codes work best alongside dynamic destination management and scan tracking."
|
||||
links={[
|
||||
{
|
||||
href: '/qr-code-for/restaurants',
|
||||
title: 'QR Codes for Restaurants',
|
||||
description: 'Menu, ordering, and review QR workflows built for food service businesses.',
|
||||
ctaLabel: 'Restaurant QR workflows',
|
||||
},
|
||||
{
|
||||
href: '/qr-code-for/hotels',
|
||||
title: 'QR Codes for Hotels',
|
||||
description: 'Check-in, room service, and review QR setups for hospitality.',
|
||||
ctaLabel: 'Hotel QR workflows',
|
||||
},
|
||||
{
|
||||
href: '/dynamic-qr-code-generator',
|
||||
title: 'Dynamic QR Code Generator',
|
||||
description: 'Update your review link or redirect to a different page anytime — no reprint needed.',
|
||||
ctaLabel: 'Create dynamic QR code',
|
||||
},
|
||||
{
|
||||
href: '/qr-code-tracking',
|
||||
title: 'QR Code Tracking',
|
||||
description: 'See exactly how many people scanned your review QR code and from which location.',
|
||||
ctaLabel: 'Track QR code scans',
|
||||
},
|
||||
]}
|
||||
pageType="commercial"
|
||||
cluster="google-review-qr"
|
||||
/>
|
||||
|
||||
<RelatedTools />
|
||||
|
||||
{/* FAQ */}
|
||||
<section className="py-16 px-4 sm:px-6 lg:px-8" style={{ backgroundColor: '#EBEBDF' }}>
|
||||
<div className="max-w-3xl mx-auto">
|
||||
<h2 className="text-3xl font-bold text-slate-900 text-center mb-4">
|
||||
Frequently Asked Questions
|
||||
</h2>
|
||||
<p className="text-slate-600 text-center mb-10">
|
||||
Common questions about Google Review QR codes.
|
||||
</p>
|
||||
|
||||
<div className="space-y-4">
|
||||
{[
|
||||
{
|
||||
question: 'How do I find my Google Review link?',
|
||||
answer: 'Open Google Maps → search your business → click Share → Copy link. Or go to Google Business Profile → "Get more reviews" for a direct shortlink.',
|
||||
},
|
||||
{
|
||||
question: 'Does the Google Review QR code expire?',
|
||||
answer: 'No. This is a static QR code that encodes your Google review URL directly. It works indefinitely as long as your Google Business Profile is active.',
|
||||
},
|
||||
{
|
||||
question: 'Can I track how many people scanned it?',
|
||||
answer: 'Not with a static QR code. For scan analytics (device, location, time), create a dynamic QR code with tracking through QR Master.',
|
||||
},
|
||||
{
|
||||
question: 'What happens when a customer scans the QR code?',
|
||||
answer: 'They are taken directly to your Google review form. If they are logged into a Google account, they can leave a star rating and review immediately.',
|
||||
},
|
||||
{
|
||||
question: 'Where should I put the Google Review QR code?',
|
||||
answer: 'Best placements: receipts, table cards, checkout counters, packaging inserts, and your shop window. Ask for reviews right after the positive experience.',
|
||||
},
|
||||
].map((item) => (
|
||||
<details key={item.question} className="group bg-white rounded-xl shadow-sm border border-slate-200 overflow-hidden">
|
||||
<summary className="flex items-center justify-between p-5 cursor-pointer list-none text-slate-900 font-semibold hover:bg-slate-50 transition-colors">
|
||||
{item.question}
|
||||
<span className="transition group-open:rotate-180 text-slate-400">
|
||||
<svg fill="none" height="20" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" viewBox="0 0 24 24" width="20">
|
||||
<path d="M6 9l6 6 6-6" />
|
||||
</svg>
|
||||
</span>
|
||||
</summary>
|
||||
<div className="text-slate-600 px-5 pb-5 pt-0 leading-relaxed text-sm">
|
||||
{item.answer}
|
||||
</div>
|
||||
</details>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<p className="text-lg md:text-xl text-indigo-100 max-w-2xl mx-auto lg:mx-0 mb-8 leading-relaxed">
|
||||
Customers scan once and land directly on your Google review
|
||||
form.
|
||||
<strong className="text-white block sm:inline mt-2 sm:mt-0">
|
||||
{' '}
|
||||
More reviews, less friction.
|
||||
</strong>
|
||||
</p>
|
||||
|
||||
<div className="flex flex-wrap justify-center lg:justify-start gap-4 text-sm font-medium text-white/80">
|
||||
<div className="flex items-center gap-2 bg-white/5 px-4 py-2.5 rounded-xl border border-white/5">
|
||||
<Star className="w-4 h-4 text-yellow-400" />
|
||||
Direct to Review Form
|
||||
</div>
|
||||
<div className="flex items-center gap-2 bg-white/5 px-4 py-2.5 rounded-xl border border-white/5">
|
||||
<MapPin className="w-4 h-4 text-emerald-400" />
|
||||
Works for Any Business
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
|
||||
{/* Hero QR Visual */}
|
||||
<div className="hidden lg:flex relative items-center justify-center min-h-[400px]">
|
||||
<div className="absolute w-[500px] h-[500px] bg-yellow-500/20 rounded-full blur-[100px] -top-20 -right-20 animate-pulse" />
|
||||
<div className="relative w-80 h-96 bg-white/5 backdrop-blur-xl border border-white/20 rounded-3xl shadow-2xl flex flex-col items-center justify-center p-8 transform -rotate-3 hover:rotate-0 transition-all duration-700 group">
|
||||
<div className="absolute inset-0 bg-gradient-to-br from-white/10 to-transparent rounded-3xl" />
|
||||
<div className="w-48 h-48 bg-white rounded-xl p-2 shadow-inner mb-6 relative overflow-hidden flex items-center justify-center">
|
||||
<QRCodeSVG
|
||||
value="https://www.qrmaster.net/tools/google-review-qr-code"
|
||||
size={170}
|
||||
fgColor="#1A73E8"
|
||||
level="Q"
|
||||
/>
|
||||
</div>
|
||||
<div className="w-full bg-white/10 rounded-xl p-4 backdrop-blur-sm border border-white/10">
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-8 h-8 rounded-full bg-yellow-500/20 flex items-center justify-center">
|
||||
<Star className="w-4 h-4 text-yellow-300" />
|
||||
</div>
|
||||
<div className="space-y-1 w-full">
|
||||
<div className="h-1.5 w-3/4 bg-white/30 rounded-full" />
|
||||
<div className="h-1.5 w-1/2 bg-white/20 rounded-full" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* GENERATOR */}
|
||||
<section className="py-12 px-4 sm:px-6 lg:px-8 -mt-8">
|
||||
<GoogleReviewGenerator />
|
||||
</section>
|
||||
|
||||
{/* HOW TO FIND YOUR REVIEW LINK */}
|
||||
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-white">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<h2 className="text-3xl font-bold text-slate-900 text-center mb-4">
|
||||
How to Find Your Google Review Link
|
||||
</h2>
|
||||
<p className="text-slate-600 text-center mb-12 max-w-2xl mx-auto">
|
||||
You need your Google Business review URL before creating the QR
|
||||
code. Here are two ways to get it.
|
||||
</p>
|
||||
|
||||
<div className="grid md:grid-cols-2 gap-8">
|
||||
<article className="p-6 bg-slate-50 rounded-2xl border border-slate-100">
|
||||
<div className="w-12 h-12 rounded-xl bg-blue-100 flex items-center justify-center mb-4">
|
||||
<Search className="w-6 h-6 text-blue-600" />
|
||||
</div>
|
||||
<h3 className="font-bold text-slate-900 mb-3">
|
||||
Method 1: Google Maps
|
||||
</h3>
|
||||
<ol className="space-y-2 text-sm text-slate-600 list-none">
|
||||
<li>
|
||||
<span className="font-semibold text-slate-800">1.</span>{' '}
|
||||
Open Google Maps
|
||||
</li>
|
||||
<li>
|
||||
<span className="font-semibold text-slate-800">2.</span>{' '}
|
||||
Search for your business name
|
||||
</li>
|
||||
<li>
|
||||
<span className="font-semibold text-slate-800">3.</span>{' '}
|
||||
Click the <strong>Share</strong> button
|
||||
</li>
|
||||
<li>
|
||||
<span className="font-semibold text-slate-800">4.</span>{' '}
|
||||
Copy the short link (starts with{' '}
|
||||
<code className="bg-white px-1 rounded text-xs">
|
||||
maps.app.goo.gl
|
||||
</code>{' '}
|
||||
or{' '}
|
||||
<code className="bg-white px-1 rounded text-xs">
|
||||
g.page
|
||||
</code>
|
||||
)
|
||||
</li>
|
||||
<li>
|
||||
<span className="font-semibold text-slate-800">5.</span>{' '}
|
||||
Paste into the generator above
|
||||
</li>
|
||||
</ol>
|
||||
</article>
|
||||
|
||||
<article className="p-6 bg-slate-50 rounded-2xl border border-slate-100">
|
||||
<div className="w-12 h-12 rounded-xl bg-yellow-100 flex items-center justify-center mb-4">
|
||||
<Share2 className="w-6 h-6 text-yellow-600" />
|
||||
</div>
|
||||
<h3 className="font-bold text-slate-900 mb-3">
|
||||
Method 2: Google Business Profile
|
||||
</h3>
|
||||
<ol className="space-y-2 text-sm text-slate-600 list-none">
|
||||
<li>
|
||||
<span className="font-semibold text-slate-800">1.</span>{' '}
|
||||
Sign in to <strong>business.google.com</strong>
|
||||
</li>
|
||||
<li>
|
||||
<span className="font-semibold text-slate-800">2.</span>{' '}
|
||||
Select your business location
|
||||
</li>
|
||||
<li>
|
||||
<span className="font-semibold text-slate-800">3.</span>{' '}
|
||||
Click <strong>"Get more reviews"</strong>
|
||||
</li>
|
||||
<li>
|
||||
<span className="font-semibold text-slate-800">4.</span>{' '}
|
||||
Copy the review shortlink provided
|
||||
</li>
|
||||
<li>
|
||||
<span className="font-semibold text-slate-800">5.</span>{' '}
|
||||
Paste into the generator above
|
||||
</li>
|
||||
</ol>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* USE CASES */}
|
||||
<section
|
||||
className="py-16 px-4 sm:px-6 lg:px-8"
|
||||
style={{ backgroundColor: '#EBEBDF' }}
|
||||
>
|
||||
<div className="max-w-5xl mx-auto">
|
||||
<h2 className="text-3xl font-bold text-slate-900 text-center mb-4">
|
||||
Who Uses Google Review QR Codes?
|
||||
</h2>
|
||||
<p className="text-slate-600 text-center mb-12">
|
||||
Any business where the moment of satisfaction happens in person.
|
||||
</p>
|
||||
|
||||
<div className="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||
{[
|
||||
{
|
||||
icon: '🍽️',
|
||||
title: 'Restaurants & Cafés',
|
||||
text: 'Print on receipts or table cards. Ask after the meal when the experience is fresh.',
|
||||
},
|
||||
{
|
||||
icon: '🏨',
|
||||
title: 'Hotels & Guesthouses',
|
||||
text: 'Place on checkout envelopes or in-room cards. Capture reviews at checkout.',
|
||||
},
|
||||
{
|
||||
icon: '🏥',
|
||||
title: 'Clinics & Salons',
|
||||
text: 'Display at reception. Patients and clients who had a great experience can review in seconds.',
|
||||
},
|
||||
{
|
||||
icon: '🛍️',
|
||||
title: 'Retail & Shops',
|
||||
text: 'Include in packaging or display at checkout. Turn happy shoppers into reviewers.',
|
||||
},
|
||||
].map((item) => (
|
||||
<article
|
||||
key={item.title}
|
||||
className="p-6 bg-white rounded-2xl border border-slate-100 shadow-sm"
|
||||
>
|
||||
<div className="text-3xl mb-3">{item.icon}</div>
|
||||
<h3 className="font-bold text-slate-900 mb-2">
|
||||
{item.title}
|
||||
</h3>
|
||||
<p className="text-sm text-slate-600 leading-relaxed">
|
||||
{item.text}
|
||||
</p>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* WHY REVIEWS MATTER — STATISTICS */}
|
||||
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-white">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<TrendingUp className="w-5 h-5 text-yellow-500" />
|
||||
<span className="text-sm font-semibold text-yellow-600 uppercase tracking-wider">
|
||||
Research-backed impact
|
||||
</span>
|
||||
</div>
|
||||
<h2 className="text-3xl font-bold text-slate-900 mb-4">
|
||||
Why Google Reviews Matter for Your Business
|
||||
</h2>
|
||||
<p className="text-slate-600 mb-10 max-w-2xl">
|
||||
A <strong>Google Review QR code</strong> reduces the friction
|
||||
between a satisfied customer and a published review — the single
|
||||
biggest barrier to getting more reviews.
|
||||
</p>
|
||||
|
||||
<div className="grid md:grid-cols-2 gap-6 mb-8">
|
||||
<div className="bg-yellow-50 border border-yellow-100 rounded-2xl p-6">
|
||||
<div className="text-4xl font-extrabold text-yellow-600 mb-2">
|
||||
70%
|
||||
</div>
|
||||
<p className="text-slate-700 text-sm leading-relaxed mb-3">
|
||||
of consumers will leave a review for a business{' '}
|
||||
<strong>if they are asked</strong> — but most businesses never
|
||||
ask, or ask via email where completion rates drop to 1–3%.
|
||||
</p>
|
||||
<p className="text-xs text-slate-500">
|
||||
Source:{' '}
|
||||
<a
|
||||
href="https://brightlocal.com/research/local-consumer-review-survey/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="underline hover:text-slate-700"
|
||||
>
|
||||
BrightLocal Local Consumer Review Survey
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="bg-blue-50 border border-blue-100 rounded-2xl p-6">
|
||||
<div className="text-4xl font-extrabold text-blue-600 mb-2">
|
||||
+270%
|
||||
</div>
|
||||
<p className="text-slate-700 text-sm leading-relaxed mb-3">
|
||||
increase in conversion rates for products and businesses with
|
||||
reviews compared to those without. Capturing reviews at the
|
||||
point of sale — where satisfaction is highest — maximizes this
|
||||
effect.
|
||||
</p>
|
||||
<p className="text-xs text-slate-500">
|
||||
Source:{' '}
|
||||
<a
|
||||
href="https://spiegel.medill.northwestern.edu/online-reviews/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="underline hover:text-slate-700"
|
||||
>
|
||||
Spiegel Research Center, Northwestern University
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p className="text-xs text-slate-400 italic">
|
||||
By Timo Knuth, QR Master · Last updated: June 2025 · Based on
|
||||
independent academic and industry research
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<GrowthLinksSection
|
||||
eyebrow="Level up your local marketing"
|
||||
title="More QR workflows for local businesses"
|
||||
description="Review QR codes work best alongside dynamic destination management and scan tracking."
|
||||
links={[
|
||||
{
|
||||
href: '/qr-code-for/restaurants',
|
||||
title: 'QR Codes for Restaurants',
|
||||
description:
|
||||
'Menu, ordering, and review QR workflows built for food service businesses.',
|
||||
ctaLabel: 'Restaurant QR workflows',
|
||||
},
|
||||
{
|
||||
href: '/qr-code-for/hotels',
|
||||
title: 'QR Codes for Hotels',
|
||||
description:
|
||||
'Check-in, room service, and review QR setups for hospitality.',
|
||||
ctaLabel: 'Hotel QR workflows',
|
||||
},
|
||||
{
|
||||
href: '/use-cases/qr-codes-for-review-collection',
|
||||
title: 'QR Codes for Review Collection',
|
||||
description:
|
||||
'Plan receipts, table cards, packaging, and counters as measurable review-request placements.',
|
||||
ctaLabel: 'Build review collection workflow',
|
||||
},
|
||||
{
|
||||
href: '/dynamic-qr-code-generator',
|
||||
title: 'Dynamic QR Code Generator',
|
||||
description:
|
||||
'Update your review link or redirect to a different page anytime — no reprint needed.',
|
||||
ctaLabel: 'Create dynamic QR code',
|
||||
},
|
||||
{
|
||||
href: '/qr-code-tracking',
|
||||
title: 'QR Code Tracking',
|
||||
description:
|
||||
'See exactly how many people scanned your review QR code and from which location.',
|
||||
ctaLabel: 'Track QR code scans',
|
||||
},
|
||||
]}
|
||||
pageType="commercial"
|
||||
cluster="google-review-qr"
|
||||
/>
|
||||
|
||||
<RelatedTools />
|
||||
|
||||
{/* FAQ */}
|
||||
<section
|
||||
className="py-16 px-4 sm:px-6 lg:px-8"
|
||||
style={{ backgroundColor: '#EBEBDF' }}
|
||||
>
|
||||
<div className="max-w-3xl mx-auto">
|
||||
<h2 className="text-3xl font-bold text-slate-900 text-center mb-4">
|
||||
Frequently Asked Questions
|
||||
</h2>
|
||||
<p className="text-slate-600 text-center mb-10">
|
||||
Common questions about Google Review QR codes.
|
||||
</p>
|
||||
|
||||
<div className="space-y-4">
|
||||
{[
|
||||
{
|
||||
question: 'How do I find my Google Review link?',
|
||||
answer:
|
||||
'Open Google Maps → search your business → click Share → Copy link. Or go to Google Business Profile → "Get more reviews" for a direct shortlink.',
|
||||
},
|
||||
{
|
||||
question: 'Does the Google Review QR code expire?',
|
||||
answer:
|
||||
'No. This is a static QR code that encodes your Google review URL directly. It works indefinitely as long as your Google Business Profile is active.',
|
||||
},
|
||||
{
|
||||
question: 'Can I track how many people scanned it?',
|
||||
answer:
|
||||
'Not with a static QR code. For scan analytics (device, location, time), create a dynamic QR code with tracking through QR Master.',
|
||||
},
|
||||
{
|
||||
question: 'What happens when a customer scans the QR code?',
|
||||
answer:
|
||||
'They are taken directly to your Google review form. If they are logged into a Google account, they can leave a star rating and review immediately.',
|
||||
},
|
||||
{
|
||||
question: 'Where should I put the Google Review QR code?',
|
||||
answer:
|
||||
'Best placements: receipts, table cards, checkout counters, packaging inserts, and your shop window. Ask for reviews right after the positive experience.',
|
||||
},
|
||||
].map((item) => (
|
||||
<details
|
||||
key={item.question}
|
||||
className="group bg-white rounded-xl shadow-sm border border-slate-200 overflow-hidden"
|
||||
>
|
||||
<summary className="flex items-center justify-between p-5 cursor-pointer list-none text-slate-900 font-semibold hover:bg-slate-50 transition-colors">
|
||||
{item.question}
|
||||
<span className="transition group-open:rotate-180 text-slate-400">
|
||||
<svg
|
||||
fill="none"
|
||||
height="20"
|
||||
stroke="currentColor"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth="2"
|
||||
viewBox="0 0 24 24"
|
||||
width="20"
|
||||
>
|
||||
<path d="M6 9l6 6 6-6" />
|
||||
</svg>
|
||||
</span>
|
||||
</summary>
|
||||
<div className="text-slate-600 px-5 pb-5 pt-0 leading-relaxed text-sm">
|
||||
{item.answer}
|
||||
</div>
|
||||
</details>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,78 +1,77 @@
|
||||
import { notFound } from "next/navigation";
|
||||
|
||||
import {
|
||||
buildUseCaseMetadata,
|
||||
UseCasePageTemplate,
|
||||
} from "@/components/marketing/UseCasePageTemplate";
|
||||
import {
|
||||
allUseCases,
|
||||
getUseCasePage,
|
||||
} from "@/lib/growth-pages";
|
||||
|
||||
export function generateStaticParams() {
|
||||
return allUseCases.map((item) => ({
|
||||
slug: item.slug,
|
||||
}));
|
||||
}
|
||||
|
||||
export function generateMetadata({ params }: { params: { slug: string } }) {
|
||||
const page = getUseCasePage(params.slug);
|
||||
|
||||
if (!page) {
|
||||
return {};
|
||||
}
|
||||
|
||||
return buildUseCaseMetadata({
|
||||
title: page.title,
|
||||
description: page.metaDescription,
|
||||
canonicalPath: page.href,
|
||||
});
|
||||
}
|
||||
|
||||
export default function UseCaseDetailPage({
|
||||
params,
|
||||
}: {
|
||||
params: { slug: string };
|
||||
}) {
|
||||
const page = getUseCasePage(params.slug);
|
||||
|
||||
if (!page) {
|
||||
notFound();
|
||||
}
|
||||
|
||||
return (
|
||||
<UseCasePageTemplate
|
||||
title={page.title}
|
||||
description={page.metaDescription}
|
||||
eyebrow={page.eyebrow}
|
||||
intro={page.intro}
|
||||
pageType="use_case"
|
||||
cluster={page.cluster}
|
||||
useCase={page.slug}
|
||||
breadcrumbs={[
|
||||
{ name: "Home", url: "/" },
|
||||
{ name: "Use Cases", url: "/use-cases" },
|
||||
{ name: page.title, url: page.href },
|
||||
]}
|
||||
answer={page.answer}
|
||||
whenToUse={page.whenToUse}
|
||||
comparisonItems={page.comparisonItems}
|
||||
howToSteps={page.howToSteps}
|
||||
primaryCta={{
|
||||
href: page.parentHref,
|
||||
label: page.ctaLabel,
|
||||
}}
|
||||
secondaryCta={{
|
||||
href: "/use-cases",
|
||||
label: "Explore more use cases",
|
||||
}}
|
||||
workflowTitle={page.workflowTitle}
|
||||
workflowIntro={page.workflowIntro}
|
||||
workflowCards={page.workflowCards}
|
||||
checklistTitle={page.checklistTitle}
|
||||
checklist={page.checklist}
|
||||
supportLinks={page.supportLinks}
|
||||
faq={page.faq}
|
||||
/>
|
||||
);
|
||||
}
|
||||
import { notFound } from 'next/navigation';
|
||||
|
||||
import {
|
||||
buildUseCaseMetadata,
|
||||
UseCasePageTemplate,
|
||||
} from '@/components/marketing/UseCasePageTemplate';
|
||||
import { allUseCases, getUseCasePage } from '@/lib/growth-pages';
|
||||
|
||||
export function generateStaticParams() {
|
||||
return allUseCases.map((item) => ({
|
||||
slug: item.slug,
|
||||
}));
|
||||
}
|
||||
|
||||
export function generateMetadata({ params }: { params: { slug: string } }) {
|
||||
const page = getUseCasePage(params.slug);
|
||||
|
||||
if (!page) {
|
||||
return {};
|
||||
}
|
||||
|
||||
return buildUseCaseMetadata({
|
||||
title: page.title,
|
||||
description: page.metaDescription,
|
||||
canonicalPath: page.href,
|
||||
});
|
||||
}
|
||||
|
||||
export default function UseCaseDetailPage({
|
||||
params,
|
||||
}: {
|
||||
params: { slug: string };
|
||||
}) {
|
||||
const page = getUseCasePage(params.slug);
|
||||
|
||||
if (!page) {
|
||||
notFound();
|
||||
}
|
||||
|
||||
return (
|
||||
<UseCasePageTemplate
|
||||
title={page.title}
|
||||
description={page.metaDescription}
|
||||
eyebrow={page.eyebrow}
|
||||
intro={page.intro}
|
||||
pageType="use_case"
|
||||
cluster={page.cluster}
|
||||
useCase={page.slug}
|
||||
breadcrumbs={[
|
||||
{ name: 'Home', url: '/' },
|
||||
{ name: 'Use Cases', url: '/use-cases' },
|
||||
{ name: page.title, url: page.href },
|
||||
]}
|
||||
answer={page.answer}
|
||||
whenToUse={page.whenToUse}
|
||||
comparisonItems={page.comparisonItems}
|
||||
howToSteps={page.howToSteps}
|
||||
primaryCta={{
|
||||
href: page.parentHref,
|
||||
label: page.ctaLabel,
|
||||
}}
|
||||
secondaryCta={{
|
||||
href: '/use-cases',
|
||||
label: 'Explore more use cases',
|
||||
}}
|
||||
workflowTitle={page.workflowTitle}
|
||||
workflowIntro={page.workflowIntro}
|
||||
workflowCards={page.workflowCards}
|
||||
checklistTitle={page.checklistTitle}
|
||||
checklist={page.checklist}
|
||||
supportLinks={page.supportLinks}
|
||||
faq={page.faq}
|
||||
heroImage={page.heroImage}
|
||||
heroImageAlt={page.heroImageAlt}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -149,6 +149,12 @@ export default function sitemap(): MetadataRoute.Sitemap {
|
||||
changeFrequency: 'monthly' as const,
|
||||
priority: 0.8,
|
||||
},
|
||||
{
|
||||
url: `${baseUrl}/use-cases/qr-codes-for-review-collection`,
|
||||
lastModified: new Date('2026-05-11'),
|
||||
changeFrequency: 'monthly' as const,
|
||||
priority: 0.8,
|
||||
},
|
||||
{
|
||||
url: `${baseUrl}/use-cases/payment-qr-codes`,
|
||||
lastModified: new Date(),
|
||||
|
||||
Reference in New Issue
Block a user