Skip to main content

Background Image Options

Background Image options allow customers to upload a custom image that will be used as a background or design element on the product. Perfect for personalized products like custom t-shirts, phone cases, or any item where a customer's image forms the base of the design.

Configuration Interface​

Basic Settings​

  • Label: The field name that customers will see (e.g., "Background image")
  • Summary: Optional description or help text for the field (multi-line textarea)
  • Required: Make the background image upload mandatory for customers

Display Options​

  • Disabled Preview: Toggle to show/hide the field in preview mode
  • Product to Charge: Enable additional pricing for this background image option

Conditional Logic​

  • Visible Condition: Set up conditions for when this background image field should be displayed
  • Add Condition: Button to add new visibility rules

Product Preview Area​

The interface includes a visual product preview that shows:

  • Product Image: Visual representation of the product (e.g., white t-shirt on hanger)
  • Customization Area: Dashed purple rectangular outline indicating where the background image will be applied
  • Product Information: Displays product title and base price

Background Image Upload​

  • Upload background image: Primary field for managing the background image
  • Upload Field: Clickable area with landscape icon and text "Upload background image"

Use Cases​

Custom Products​

  • Custom T-shirts: Background designs for apparel
  • Phone Cases: Personalized phone case designs
  • Mugs: Custom mug designs
  • Posters: Personalized poster backgrounds

Design Applications​

  • Logo Placement: Company logos on products
  • Photo Integration: Personal photos on products
  • Pattern Backgrounds: Decorative patterns
  • Brand Elements: Brand-specific design elements

File Requirements​

Supported Image Formats​

  • JPEG (.jpg, .jpeg): Best for photographs
  • PNG (.png): Best for graphics with transparency
  • GIF (.gif): For simple graphics and animations
  • WebP (.webp): Modern format with good compression
  • SVG (.svg): Vector graphics for scalable designs

Image Specifications​

  • Recommended Resolution: 300 DPI or higher
  • Minimum Size: 1000x1000 pixels
  • Maximum Size: 5000x5000 pixels
  • File Size Limit: 10-25MB depending on configuration

Next Steps​

Learn about other option types: