Add the loader
Put this in the head of your plain HTML document. Replace the store identifier.
<script src="https://embed.pennicart.io/v1/loader.js?store=YOUR_STORE_ID"></script>Map the shopping elements
Use the documented Penni Cart attributes for products, cart and checkout.
Test the published site
Verify the real domain and a complete supported test order before accepting payments.
Keep the site and add a commerce layer
A static website can present a catalog without becoming a separate hosted storefront. Penni Cart adds commerce behavior to the website you already have. Your existing hosting still serves the pages, while the commerce system handles the configured cart and checkout flow.
Use the loader in the right place
For plain HTML, place the one-line loader in the head as a blocking script. Do not add async or defer to this loader: it writes the cloak and runtime setup during document parsing. If your site renders through a JavaScript framework, use the explicit integration instead.
Connect real product actions
Loading the runtime is not the same as wiring a purchase button. Follow the element attributes and product mapping in the current documentation. Keep product identifiers and selected options consistent between what the customer sees and what the cart receives.
Check every published page
Ensure the snippet is present once on every relevant commerce page. Publish to a staging domain, configure the website connection and test product selection, cart updates and checkout. Check that the styling does not flash before the commerce elements are ready.