stepkitos

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.
<h3>Product Setup</h3>
<ol>
<li>
Create Required Products:
<ul>
<li>Create four Variable Products in WooCommerce:
<ul>
<li>Main Kit</li>
<li>Secondary Kit</li>
<li>Third Kit</li>
<li>Goalkeeper Kit</li>
</ul>
</li>
<li>For each product:
<ul>
<li>Add the “size” attribute with variations (e.g., S, M, L, XL)</li>
<li>Set prices and other required fields</li>
<li>Publish the products</li>
</ul>
</li>
</ul>
</li>
<li>
Configure Product IDs:
<ul>
<li>Go to WooCommerce > Step Kit OS in your WordPress admin</li>
<li>In the “Product Configuration” section:
<ul>
<li>Select your products from the dropdown menus for each kit type</li>
<li>The dropdowns automatically show all published WooCommerce products</li>
</ul>
</li>
<li>Save your settings</li>
</ul>
</li>
<li>
Create Simulator Page:
<ul>
<li>Create a new page with the slug “simulador”</li>
<li>Add the shortcode <code>[custom_iframe]</code> to the page content</li>
<li>Publish the page</li>
</ul>
</li>
<li>
Add Simulator Button:
<ul>
<li>Edit your product pages</li>
<li>Add the shortcode <code>[simulator_button]</code> where you want the customization button to appear</li>
<li>Or enable automatic button injection in the plugin settings</li>
<li>Update the product pages</li>
</ul>
</li>
</ol>
<h3>Shortcodes</h3>
<ul>
<li><code>[custom_iframe]</code> – Displays the customization iframe</li>
<li><code>[simulator_button]</code> – Displays the simulator button</li>
</ul>
Shortcode Parameters:
For <code>[custom_iframe]</code>: 
– <code>height</code> – Iframe height (default: 100vh) 
– <code>width</code> – Iframe width (default: 100%) 
– <code>border</code> – Border style (default: none) 
– <code>product_id</code> – Specific product ID (optional)
For <code>[simulator_button]</code>: 
– <code>label</code> – Button text (default: “Customizar Camisola”) 
– <code>class</code> – CSS classes for styling 
– <code>product_id</code> – Specific product ID (optional)
<h3>Testing</h3>
<ol>
<li>Visit your store’s product page</li>
<li>Click the “Customizar Camisola” button (created by the <code>[simulator_button]</code> shortcode or automatic injection)</li>
<li>You will be redirected to the <code>/simulador</code> page</li>
<li>Test the customization features and complete the purchase flow</li>
</ol>

Step Kit OS

A powerful WooCommerce plugin that enables 3D product customization and strengthens the connection with customers.

Digital Artflow

Simplio3D for WordPress helps you publish an interactive 3D product configurator (or a simple 3D product viewer) on your website using configurators you build inside the Simplio3D platform. Create your product in the Simplio3D app (using your own 3D assets and materials), then embed it on any WordPress page using the provided embed link and/or shortcode — perfect for product pages, landing pages, and custom quote flows.
<ul>
<li><a href="https://simplio3d.com/" rel="nofollow ugc">Simplio3D website</a></li>
<li><a href="https://docs.simplio3d.com/" rel="nofollow ugc">Learn more (documentation)</a></li>
<li><a href="https://app.simplio3d.com/register" rel="nofollow ugc">Try the trial version</a></li>
</ul>
<h4>Key Features</h4>
<ul>
<li>Interactive 3D product configurator with an optional product viewer mode (viewer mode is ideal when you don’t need options/pricing)</li>
<li>11+ configurator UI block elements for options and layout (e.g., Material, Upload, Text/engraving, Numeral sizing/quantities, Patterns, Canvas, etc.)</li>
<li>Object scaling via Numeral controls: let users resize/scaling parts of the 3D product configurator using Numeral inputs (with min/max limits) for precise, guided adjustments. <a href="https://docs.simplio3d.com/learning-the-app/products/create-options/numeral" rel="nofollow ugc">Learn more</a></li>
<li>Restrictions / conditional logic to link variants and enforce constraints (including rules for hiding/showing 3D parts and numeric min/max restrictions)</li>
<li>Real-time pricing per option variant, with support for more advanced structures like variables and pricing formulas</li>
<li>Built-in submission form to collect customer details and submit a configuration for quote requests (or use “Add to Cart” when connected to e-commerce)</li>
<li>Easy embedding via a secure configurator source link (iframe), plus optional JavaScript settings (dark theme, dimensions, sidebar toggles, AR toggle)</li>
<li>WooCommerce integration (Add to Basket) including an example shortcode embed and cart workflow</li>
<li>3D format support for importing models in .GLB, .GLTF, and .OBJ (web-optimized formats recommended)</li>
<li>API documentation: integrate Simplio3D with your own systems (catalog, pricing, orders/quotes, automation) using the official API docs. <a href="https://docs.simplio3d.com/integrations/api-documentation" rel="nofollow ugc">Learn more</a></li>
</ul>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/NNdMhWvqeq8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Simplio3D is designed around a flexible “block” approach to configuration. In the app, you can build option sets using multiple block types (including Dropdown, Material, Checkbox, Toggle, Thumbnails, Upload, Text, Numeral, Patterns, and Canvas), then connect them with conditional logic (restrictions) to show/hide valid choices and guide users to compatible configurations.
This plugin is ideal if you sell configurable or customizable products (like furniture, jewelry, or manufacturing components) and need to pass dynamic configuration data from Simplio3D into WooCommerce.
<h3>Usage</h3>
<ul>
<li>You can mix regular WooCommerce products and Simplio3D-configured products in the same store.</li>
<li>The shortcode embeds your configurator in an iframe and handles “Add to Cart” communication automatically.</li>
</ul>

Simplio3D Product Configurator

Simplio3D Product Configurator embeds your Simplio3D configurator and adds configured products to the WooCommerce cart.

Step Kit OS vs Simplio3D Product Configurator