Step Kit OS

Screenshots

Step Kit OS is a comprehensive WooCommerce plugin that brings 3D product customization capabilities to your online store. It allows customers to personalize products in real-time through an interactive iframe interface, creating a unique shopping experience. Key Features: – Seamless integration with WooCommerce – Interactive 3D product customization interface – Real-time product preview – Custom product attributes support (size, name, number, signature, badge) – Dynamic pricing based on customization options – Persistent cart functionality across sessions – Mobile-responsive design – Guest user support with proper session handling – Custom meta data display in cart and orders – Automatic cart updates and fragment refresh – Session persistence during login/logout The plugin provides a complete solution for stores looking to offer customizable products with a modern, interactive interface. Product Setup Create Required Products: Create three Variable Products in WooCommerce: Main Kit Secondary Kit Third Kit For each product: Add the “size” attribute with variations (e.g., S, M, L, XL) Set prices and other required fields Save each product and note their IDs (visible in the URL when editing) Configure Product IDs: Visit https://simuladorfeirense.vercel.app/admin Enter the product IDs in their respective input fields: Main Kit ID Secondary Kit ID Third Kit ID Click “Save” to store the configuration Create Simulator Page: Create a new page with the slug “simulador” Add the shortcode [custom_iframe] to the page content Publish the page Add Simulator Button: Edit your product pages Add the shortcode [simulator_button] where you want the customization button to appear Update the product pages Testing To test the complete functionality: Visit your store’s product page Click the “Customizar Camisola” button (created by the [simulator_button] shortcode) You will be redirected to the /simulador page Test the customization features: Select different kits Choose sizes Add custom text, numbers, signatures, and badges Preview the customizations Complete the Test: Click “Add to Cart” Visit the cart page to verify the customizations are displayed correctly Proceed to checkout to ensure customizations appear in the order