# Multi-Product Page
Show multiple products on a single page using declarative attributes or programmatic injection.
## Option A: Declarative (Data Attributes)
```html
Multi-Product Page
Featured Products
```
## Option B: JSON Configuration
```html
```
## Option C: Programmatic Injection (NPM)
```javascript
import { Elements } from '@liquidcommerce/elements-sdk';
const client = await Elements('YOUR_API_KEY', { env: 'production' });
await client.injectProductElement([
{ containerId: 'product-1', identifier: '00619947000020' },
{ containerId: 'product-2', identifier: '08504405135' },
{ containerId: 'product-3', identifier: '08068660001' }
]);
```
## Tips
- Give each container a `min-height` to reduce layout shift while data loads.
- Add a cart button once per page (see [Cart Component](../guides/cart-component.md)).
## Related Docs
- [Product Component](../guides/product-component.md)
- [Quick Start](../getting-started/quick-start.md)