Spectrum Integration
  • Introduction
  • Ecommerce
    • Front End Integration
    • Load Design
    • Add to Cart
    • Save Design
    • Generate Cart Item
    • Pricing & Availability
    • Order Acknowledgement
    • Shipment Notification
    • Update Order Status
    • Order Search
    • Integration Driver
    • Production Related File Delivery
    • Spectrum + Shopify Integration
      • Overall Flow
      • Product Set Up: "Add-ons"
      • Line Item Properties
      • Shopify Cart
      • Order Processing
  • API
    • Environments
    • Image QueryString API
      • Image Transforms
      • Image Filters
      • Image Encoding
    • Rendering
    • WebToPrint (W2P)
    • Assets
    • Rate Limiting
  • Marketing
    • Share
  • General
    • Glossary
Powered by GitBook
On this page
  • Loading a new design
  • Loading a saved design

Was this helpful?

  1. Ecommerce

Load Design

PreviousFront End IntegrationNextAdd to Cart

Last updated 1 year ago

Was this helpful?

Loading a new design

Create a spectrumLoadProduct Javascript variable string on the window. We recommend placing this within the <head> tag.

<script type="text/javascript">
window.spectrumLoadProduct = '[SKU]';
</script>

Loading a saved design

Append a query string parameter to the URL of the Custom PDP. For example:

https://[ecommerce-website]/[custom-pdp]?recipeId=WYWYMS9L

Spectrum will use the recipeId parameter instead of spectrumLoadProduct if both are defined at the same time. At least one is required to load Spectrum.

recipe set
readable id