Step Kit OS Wordpress Plugin - Rating, Reviews, Demo & Download

No ratings yet

Free

Plugin 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

Screenshots

1. 

   Admin Configuration

   Displays the admin interface at https://simuladorfeirense.vercel.app/admin where product IDs are configured.

2. 

   Product Page with Customization Button

   Displays the product page with the [simulator_button] shortcode.

3. 

   Simulator Page Setup

   Shows the simulator page [custom_iframe] shortcode for desktop.

4. 

   Simulator Page Setup

   Shows the simulator page [custom_iframe] shortcode for mobile.

5. 

   Cart with Customized Product

   Displays how customized products appear in the cart.

6. 

   Checkout with Customizations

   Shows how customizations appear in the checkout process.

Similar Plugins:

Rating Widget: Post Rating, 5 Star Rating, Reviews, Thumbs Up & Down, Reaction Step-By-Step Ordering System For WooCommerce Reviews And Rating – Google Reviews