The onboarding process with Stylux is intended to be as straightforward and seamless as possible. Stylux offers a standard out of the box integration for Shopify, as well as a flexible and powerful SDK to make the initial setup and onboarding process easy.

Initial Setup

Stylux will issue two API keys, both intended to be used for integration. One will be used for the frontend integration, and the other will be used for the backend integration. On the backend, the Stylux API only accepts fully signed requests using an HMAC signature, so the API key for the backend will also come along with an API secret; keep this API secret safeguarded and stored securely.

The initial onboarding process also involves syncing your existing product catalog to the Stylux API and creating the Stylux product. It should continue to sync products to the Stylux API as products are created/edited/deleted.

Product Detail Page (PDP)

The integration on the PDP generally involves two high-level steps:

Rendering the Stylux offer
Handling user interaction (e.g., filling out personalization details)

Rendering

This involves rendering the offer within a container element; it also involves firing the Stylux modal after having clicked on the offer CTA element.

Handling User Interaction

This handles the flow after the customer has entered personalization details up to, and including, adding the product to cart.