Load Design

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 recipe set readable id 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.

PreviousFront End IntegrationNextAdd to Cart

Last updated

Was this helpful?