> For the complete documentation index, see [llms.txt](https://docs.spectrumcustomizer.com/integration/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.spectrumcustomizer.com/integration/ecommerce/load-design.md).

# 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](/integration/general/glossary.md#recipe) [readable id](/integration/general/glossary.md#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.
