Title: Step Kit OS
Author: stepkitos
Published: <strong>Mayo 31, 2025</strong>
Last modified: Enero 29, 2026

---

Maghanap ng mga plugin

![](https://s.w.org/plugins/geopattern-icon/step-kit-os.svg)

# Step Kit OS

 Ni [stepkitos](https://profiles.wordpress.org/stepkitos/)

[I-download](https://downloads.wordpress.org/plugin/step-kit-os.zip)

 * [Mga Detalye](https://tl.wordpress.org/plugins/step-kit-os/#description)
 * [Mga Review](https://tl.wordpress.org/plugins/step-kit-os/#reviews)
 *  [Pag-install](https://tl.wordpress.org/plugins/step-kit-os/#installation)
 * [Development](https://tl.wordpress.org/plugins/step-kit-os/#developers)

 [Suporta](https://wordpress.org/support/plugin/step-kit-os/)

## Deskripsyon

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 (separate pricing for name and number) – Flexible number pricing (fixed 
price or per-digit pricing) – 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 – Automatic simulator button injection on
product pages – Enhanced security with proper nonce verification

The plugin provides a complete solution for stores looking to offer customizable
products with a modern, interactive interface.

### Product Setup

 1. Create Required Products:
 2.  * Create four Variable Products in WooCommerce:
        - Main Kit
        - Secondary Kit
        - Third Kit
        - Goalkeeper Kit
     * For each product:
        - Add the “size” attribute with variations (e.g., S, M, L, XL)
        - Set prices and other required fields
        - Publish the products
 3. Configure Product IDs:
 4.  * Go to WooCommerce > Step Kit OS in your WordPress admin
     * In the “Product Configuration” section:
        - Select your products from the dropdown menus for each kit type
        - The dropdowns automatically show all published WooCommerce products
     * Save your settings
 5. Create Simulator Page:
 6.  * Create a new page with the slug “simulador”
     * Add the shortcode `[custom_iframe]` to the page content
     * Publish the page
 7. Add Simulator Button:
 8.  * Edit your product pages
     * Add the shortcode `[simulator_button]` where you want the customization button
       to appear
     * Or enable automatic button injection in the plugin settings
     * Update the product pages

### Shortcodes

 * `[custom_iframe]` – Displays the customization iframe
 * `[simulator_button]` – Displays the simulator button

**Shortcode Parameters:**

For `[custom_iframe]`:
 – `height` – Iframe height (default: 100vh) – `width` – 
Iframe width (default: 100%) – `border` – Border style (default: none) – `product_id`–
Specific product ID (optional)

For `[simulator_button]`:
 – `label` – Button text (default: “Customizar Camisola”)–`
class` – CSS classes for styling – `product_id` – Specific product ID (optional)

### Testing

 1. Visit your store’s product page
 2. Click the “Customizar Camisola” button (created by the `[simulator_button]` shortcode
    or automatic injection)
 3. You will be redirected to the `/simulador` page
 4. Test the customization features and complete the purchase flow

## Mga Screenshot

[⌊Admin Configuration

Displays the admin interface where product IDs are configured.⌉⌊
Admin Configuration

Displays the admin interface where product IDs are configured
.⌉[

Admin Configuration Displays the admin interface where product IDs are configured.

[⌊Product Page with Customization Button

Displays the product page with the [simulator_button]
shortcode.⌉⌊Product Page with Customization Button

Displays the product page with
the [simulator_button] shortcode.⌉[

Product Page with Customization Button Displays the product page with the [simulator_button]
shortcode.

[⌊Simulator Page Setup

Shows the simulator page [custom_iframe] shortcode for desktop.⌉⌊
Simulator Page Setup

Shows the simulator page [custom_iframe] shortcode for desktop
.⌉[

Simulator Page Setup Shows the simulator page [custom_iframe] shortcode for desktop.

[⌊Simulator Page Setup

Shows the simulator page [custom_iframe] shortcode for mobile.⌉⌊
Simulator Page Setup

Shows the simulator page [custom_iframe] shortcode for mobile
.⌉[

Simulator Page Setup Shows the simulator page [custom_iframe] shortcode for mobile.

[⌊Cart with Customized Product

Displays how customized products appear in the cart.⌉⌊
Cart with Customized Product

Displays how customized products appear in the cart
.⌉[

Cart with Customized Product Displays how customized products appear in the cart.

[⌊Checkout with Customizations

Shows how customizations appear in the checkout 
process.⌉⌊Checkout with Customizations

Shows how customizations appear in the checkout
process.⌉[

Checkout with Customizations Shows how customizations appear in the checkout process.

## Pag-install

 1. Download the plugin zip file from the WordPress plugin repository or GitHub
 2. Upload the `step-kit-os` folder to the `/wp-content/plugins/` directory
 3. Activate the plugin through the ‘Plugins’ menu in WordPress
 4. Ensure WooCommerce is installed and activated

## FAQ

### What are the system requirements?

 * WordPress 5.0 or higher
 * WooCommerce 4.0 or higher
 * PHP 7.4 or higher
 * Modern web browser with JavaScript enabled

### How do I add the customization interface to my products?

You can add the customization interface using the `[custom_iframe]` shortcode or
the `[simulator_button]` shortcode. You can also enable automatic button injection
in the plugin settings.

### Can I customize the appearance of the iframe?

Yes, the plugin includes CSS styles that can be customized to match your theme. 
You can modify the styles in your theme’s CSS or through the plugin’s styling options.

### How does the cart persistence work?

The plugin includes advanced session handling that ensures cart contents are preserved
across page loads, logins, and logouts. It uses a combination of session management
and local storage to maintain cart data.

### What if I get a “Security token” error?

This issue has been fixed in version 1.1.6. The plugin now properly handles nonce
verification and AJAX requests. If you still experience issues, try clearing your
browser cache and WordPress cache.

## Mga Review

Wala pang reviews para sa plugin na ito.

## Mga Contributor at Developer

Ang “Step Kit OS” ay open source software. Ang mga sumusunod na tao ay nag-ambag
sa plugin na ito.

Mga Contributor

 *   [ stepkitos ](https://profiles.wordpress.org/stepkitos/)

[Isalin ang “Step Kit OS” sa iyong wika.](https://translate.wordpress.org/projects/wp-plugins/step-kit-os)

### Interesado sa development?

[Tingnan ang code](https://plugins.trac.wordpress.org/browser/step-kit-os/), i-check
ang [SVN repository](https://plugins.svn.wordpress.org/step-kit-os/), o mag-subscribe
sa [development log](https://plugins.trac.wordpress.org/log/step-kit-os/) sa pamamagitan
ng [RSS](https://plugins.trac.wordpress.org/log/step-kit-os/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### v1.1.6

 * Fixed WordPress compatibility issue with wp_cache_flush_group() function
 * Added compatibility checks for older WordPress versions
 * Standardized nonce creation across the plugin
 * Fixed cart handler AJAX endpoint registration

#### v1.1.2

 * Added automatic simulator button injection on product pages
 * New setting: Button Color with visual color picker
 * Button now appears automatically under Add to Cart button for configured products
 * Improved settings sanitization and validation

#### v1.1.1

 * Fixed WordPress coding standards compliance issues
 * Fixed translator comments for internationalization
 * Fixed output escaping for security
 * Fixed $_SERVER variable sanitization
 * Added proper nonce verification comments
 * Enhanced simulator button to only show on configured products
 * Improved product validation and security

#### v1.0.0

 * Initial release with core functionality:
    - 3D product customization interface
    - WooCommerce integration
    - Custom product attributes
    - Cart persistence
    - Session management
    - Mobile responsiveness
    - Custom meta data handling

## Meta

 *  Bersyon **1.1.23**
 *  Huling na-update **7 buwan ang nakalipas**
 *  Mga aktibong installation **Wala pang 10**
 *  Bersyon ng WordPress ** 5.0 o mas bago **
 *  Sinubukan hanggang **6.9.7**
 *  Bersyon ng PHP ** 7.4 o mas bago **
 *  Wika
 * [English (US)](https://wordpress.org/plugins/step-kit-os/)
 * Mga Tag
 * [3d](https://tl.wordpress.org/plugins/tags/3d/)[customization](https://tl.wordpress.org/plugins/tags/customization/)
   [ecommerce](https://tl.wordpress.org/plugins/tags/ecommerce/)[product customizer](https://tl.wordpress.org/plugins/tags/product-customizer/)
   [woocommerce](https://tl.wordpress.org/plugins/tags/woocommerce/)
 *  [Advanced View](https://tl.wordpress.org/plugins/step-kit-os/advanced/)

## Mga Rating

No reviews have been submitted yet.

[Ang iyong review](https://wordpress.org/support/plugin/step-kit-os/reviews/#new-post)

[Tingnan lahat ng mga review](https://wordpress.org/support/plugin/step-kit-os/reviews/)

## Mga Contributor

 *   [ stepkitos ](https://profiles.wordpress.org/stepkitos/)

## Suporta

May gusto kang sabihin? Kailangan ng tulong?

 [Tingnan ang support forum](https://wordpress.org/support/plugin/step-kit-os/)

## Mag-donate

Gusto mo bang suportahan ang pagpapaunlad ng plugin na ito?

 [ Mag-donate sa plugin na ito ](https://stepnow.pt)