> ## Documentation Index > Fetch the complete documentation index at: https://docs.krti.com/llms.txt > Use this file to discover all available pages before exploring further. # Quickstart > Add the line to a product page in five minutes. **1. Get your public key** In the [partners console](https://partners.krti.com), open **Website messaging** and create a key. Test keys (`pk_test_`) work against the sandbox, live keys (`pk_live_`) against production. **2. Add a container where the line should appear** Near the price, or under the "Add to cart" button: ```html theme={null} ``` > [!WARNING] > > Do not give the container an id equal to a component name (`KrtiPromo`, `KrtiCard`). > Browsers expose element ids on `window`, and the div would shadow the constructor. **3. Load the script and create the component** ```html theme={null} ``` `krtiAsyncInit` runs once, whether it is defined before or after the script tag. With a blocking ` ``` ## Try it without a store The demo page renders both components with your key: `https://sandbox-js.krti.com/demo/index.html?key=pk_test_...` (sandbox) or `https://js.krti.com/demo/index.html?key=pk_live_...` (production). Add `&lang=ar` for Arabic, `&theme=dark` for the dark theme and `&badge=dark` for the dark badge. ## Related topics - [Platform notes](https://docs.krti.com/on-site-messaging/platforms.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.