How It Works

Back to Photo Booth

Xerox Photo Booth Experience

Welcome to the Xerox Photo Booth Experience! This is a complete end-to-end personalized marketing campaign that captures your photo, generates a personalized PDF with a QR code, sends you a personalized email, and creates a custom landing page where you can download your images in multiple formats. Here's how everything works behind the scenes.

1Upload Your Photo

Click the upload area or drag and drop your photo. The application accepts common image formats including PNG, JPG, and JPEG files up to 10MB in size.

Your photo is processed locally in your browser and converted to a format suitable for cloud storage and PDF generation.

2Enter Your Details

Provide your first name, last name, and email address. This information is used to:

  • Personalize your PDF document and email
  • Create your unique personalized landing page
  • Tag and organize your photo in our cloud storage
  • Enable tracking and analytics across all touchpoints

All fields are required and validated to ensure your PDF is generated correctly.

3The Processing Pipeline

When you click "CREATE PDF", a sophisticated multi-step process begins:

Step 1: Image Preparation

Your photo is converted and optimized for upload to our cloud infrastructure.

Step 2: Cloud Upload (Cloudinary)

The image is securely uploaded to Cloudinary, a professional media management platform. Your photo is stored with metadata including your name and email for organization and retrieval. Cloudinary provides reliable, scalable storage with automatic backup and optimization.

Step 3: PDF Generation (XMPie uProduce)

This is where the magic happens! We use XMPie's uProduce REST APIs to generate your personalized PDF on-demand.

XMPie uProduce is a powerful document composition engine that creates personalized, print-ready documents in real-time. The system:

  • Takes your photo URL from Cloudinary
  • Combines it with your personal information
  • Applies the selected template design
  • Embeds a QR code with your personalized landing page URL (PURL)
  • Generates a high-quality, print-ready PDF document (PDF/X-4:2010)

The uProduce REST API provides instant document generation with professional-grade output suitable for both digital delivery and physical printing.

Step 4: Campaign Trigger (XMPie Circle)

If XMPie Circle integration is configured, the system sends your information to the Circle campaign webhook, which triggers:

  • Insertion of your data into the campaign database
  • Creation of your personalized landing page (PURL)
  • Sending of a personalized email with your photo and landing page link
  • Tracking setup for all interactions and downloads

The PDF can also be sent to a custom webhook destination for print queue integration or other workflows.

4The Complete Experience

After the initial processing, you receive a complete personalized experience:

Personalized PDF Poster

Your PDF includes your photo, name, and a QR code that links directly to your personalized landing page. Scan the QR code or click the link to access your custom experience. The PDF is print-ready and suitable for professional printing.

Personalized Email

You'll receive a beautifully designed email featuring:

  • Your name in the subject line and greeting
  • A thumbnail of your photo (face-focused, 280x280px)
  • A call-to-action button linking to your landing page
  • Information about available download formats

The email is sent automatically via XMPie Circle when the campaign webhook is triggered.

Personalized Landing Page

Your unique landing page greets you by name and offers your photo in 10 different formats:

  • Original Image - Unmodified with original aspect ratio
  • High-Res Square - 3000x3000px, face-focused for printing
  • Instagram Square - 1080x1080px, optimized for social media
  • LinkedIn Profile - 400x400px, professional headshot
  • Print Quality - 2400x2400px, high-resolution
  • Web Optimized PNG - 800x800px with transparency
  • Auto-Enhanced - AI color, contrast, and brightness correction
  • Instagram Story - 1080x1920px, vertical format
  • Facebook Post - 1200x630px, landscape format
  • LinkedIn Header - 1584x396px, banner format

All transformations are applied on-the-fly by Cloudinary, ensuring optimal quality and format for each use case. Downloads are tracked for analytics.

Settings Options

The settings panel allows you to customize the behavior of the Photo Booth:

PDF Template

Choose from multiple template designs (Default, Modern, Classic, Minimal, or Professional). Each template provides a different visual style for your personalized PDF output. The template selection is passed to XMPie uProduce to determine the document layout and design.

Webhook Destination URL

Optional webhook URL for PDF delivery to custom systems such as print queues or document management systems. The webhook receives the PDF job ID, user information, and image URL.

XMPie Circle Campaign Integration

Configure the XMPie Circle webhook URL and landing page URL to enable the complete personalized experience. When both are configured:

  • Your data is sent to the Circle campaign
  • A personalized email is automatically sent to you
  • A unique landing page is created with your PURL
  • The PDF includes a QR code linking to your landing page

Note: Both the Circle webhook URL and landing page URL must be configured for this integration to work.

Display Proof

When enabled, the generated PDF is displayed in a preview modal before being sent to the webhook destination. This allows you to review the document and confirm it meets your expectations. When disabled, the PDF is automatically sent to the webhook URL immediately after generation, streamlining the process for high-volume scenarios.

Note: All settings are saved locally in your browser and persist across sessions, so you don't need to reconfigure them each time you use the Photo Booth.

Technology Stack

This application is built with modern, enterprise-grade technologies:

  • Next.js: React framework for the user interface and server-side functionality
  • Cloudinary: Cloud-based media management, storage, and on-the-fly image transformation
  • XMPie uProduce: Professional document composition engine with REST API integration
  • XMPie Circle: Marketing automation platform for personalized emails and landing pages
  • XMPL V5: XMPie's personalization library for dynamic landing page content
  • TailwindCSS: Modern utility-first CSS framework for responsive design

About XMPie Platform

XMPie uProduce is Xerox's enterprise-grade variable data printing and document composition solution. It enables the creation of highly personalized, data-driven documents at scale. The uProduce REST APIs provide programmatic access to document generation capabilities, allowing applications like this Photo Booth to create professional, print-ready PDFs on-demand.

XMPie Circle is a comprehensive marketing automation platform that enables personalized, multi-channel campaigns. It powers the email delivery and personalized landing pages in this experience, using PURL (Personalized URL) technology to create unique web experiences for each participant.

This integration demonstrates the power of combining cloud storage (Cloudinary), enterprise document composition (XMPie uProduce), and marketing automation (XMPie Circle) to deliver a complete, end-to-end personalized experience across print, email, and web channels.