Step Kit OS

Description

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

1. 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)

2. 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

3. Create Simulator Page:

   • Create a new page with the slug « simulador »
   • Add the shortcode [custom_iframe] to the page content
   • Publish the page

4. 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:

1. Visit your store’s product page
2. Click the « Customizar Camisola » button (created by the [simulator_button] shortcode)
3. You will be redirected to the /simulador page

4. Test the customization features:

   • Select different kits
   • Choose sizes
   • Add custom text, numbers, signatures, and badges
   • Preview the customizations

5. 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