# Load Design

### Loading a new design

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

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

### Loading a saved design

Append a [recipe set](https://docs.spectrumcustomizer.com/integration/general/glossary#recipe) [readable id](https://docs.spectrumcustomizer.com/integration/general/glossary#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.
