stepkitos

<p>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.</p>
<p>Key Features:<br />
– Seamless integration with WooCommerce<br />
– Interactive 3D product customization interface<br />
– Real-time product preview<br />
– Custom product attributes support (size, name, number, signature, badge)<br />
– Dynamic pricing based on customization options (separate pricing for name and number)<br />
– Flexible number pricing (fixed price or per-digit pricing)<br />
– Persistent cart functionality across sessions<br />
– Mobile-responsive design<br />
– Guest user support with proper session handling<br />
– Custom meta data display in cart and orders<br />
– Automatic cart updates and fragment refresh<br />
– Session persistence during login/logout<br />
– Automatic simulator button injection on product pages<br />
– Enhanced security with proper nonce verification</p>
<p>The plugin provides a complete solution for stores looking to offer customizable products with a modern, interactive interface.</p>
<h3>Product Setup</h3>
<ol>
<li>
<p>Create Required Products:</p>
<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>
<p>Configure Product IDs:</p>
<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>
<p>Create Simulator Page:</p>
<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>
<p>Add Simulator Button:</p>
<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>
<p><strong>Shortcode Parameters:</strong></p>
<p>For <code>[custom_iframe]</code>:<br />
– <code>height</code> – Iframe height (default: 100vh)<br />
– <code>width</code> – Iframe width (default: 100%)<br />
– <code>border</code> – Border style (default: none)<br />
– <code>product_id</code> – Specific product ID (optional)</p>
<p>For <code>[simulator_button]</code>:<br />
– <code>label</code> – Button text (default: “Customizar Camisola”)<br />
– <code>class</code> – CSS classes for styling<br />
– <code>product_id</code> – Specific product ID (optional)</p>
<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.

Dons Digital

<h4>POWERFUL PRODUCT CONFIGURATOR PLUGIN FOR WORDPRESS AND WOOCOMMERCE</h4>
<p><a href="https://wpconfiguratorbuilder.com" rel="nofollow ugc">WCB | Configurator Builder</a> is the ultimate configurator builder plugin for WordPress and WooCommerce. It helps you create powerfull product configurations in WordPress and WooCommerce without having to touch any line of code.</p>
<p>Moreover, the configurator builder comes with built-in support for stackable image layer system to visualize the changes in the product in real-time.<br />
Plus, if you get the pro bundle, you can create stunning 3D configurators right from your beloved WordPress admin dashboard.</p>
<p>The plugin does not require any coding knowledge to set up. Simply create your choices, design your form and upload your product images. However, if you do have coding knowledge, you can use our hooks and filters to customize the configuration templates to your likings.</p>
<p>You can use this product configurator builder to just highlight your product configuration options in WordPress, or take the next step and combine the configurator with request a quote or add to cart functionalities using WooCommerce.</p>
<p>Quick links:<br />
– <a href="https://wpconfiguratorbuilder.com/demos/" rel="nofollow ugc">See the plugin in action</a><br />
– <a href="https://wpconfiguratorbuilder.com/features/" rel="nofollow ugc">Learn more about WCB (PRO)</a><br />
– <a href="https://wpconfiguratorbuilder.com/add-ons/" rel="nofollow ugc">Browse add-ons</a><br />
– <a href="https://wpconfiguratorbuilder.com/docs/" rel="nofollow ugc">Read the documentation</a></p>
<p><strong>Confused about how to get started?</strong> Watch our get started video:</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/zEhOnDEhTWE?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></span>
<h4>PLACES WHERE WCB CONFIGURATOR BUILDER HAS BEEN FEATURED</h4>
<p><a href="https://wphive.com/reviews/wp-configurator-builder-review/" rel="nofollow ugc">WCB Configurator Builder featured by WP Hive</a></p>
<p><a href="https://wpmayor.com/wcb-configurator-builder-discovery/" rel="nofollow ugc">WCB Configurator Builder featured by WP Mayor</a></p>
<h3>MULTIPLE USE CASES</h3>
<p>The WCB | Configurator builder is a multi functional configuration plugin that can be used for various use cases, including but not limited to:</p>
<ol>
<li><a href="https://wpconfiguratorbuilder.com/extra-product-options-for-woocommerce/" rel="nofollow ugc">Extra product options</a></li>
<li><a href="https://wpconfiguratorbuilder.com/visual-product-configurator-woocommerce-wordpress/" rel="nofollow ugc">Visual product configurators</a></li>
<li><a href="https://wpconfiguratorbuilder.com/3d-product-configurator-woocommerce-wordpress/" rel="nofollow ugc">3D product configurators</a></li>
<li><a href="https://wpconfiguratorbuilder.com/cpq-configurator-for-woocommerce-wordpress/" rel="nofollow ugc">CPQ product configurator</a></li>
<li><a href="https://wpconfiguratorbuilder.com/guided-product-recommendation-forms/" rel="nofollow ugc">Guided selling forms</a></li>
<li><a href="https://wpconfiguratorbuilder.com/composite-products-for-woocommerce/" rel="nofollow ugc">Composite products</a></li>
<li><a href="https://wpconfiguratorbuilder.com/product-customization-plugin-for-woocommerce/" rel="nofollow ugc">Product customizations</a></li>
</ol>
<h3>WORDPRESS PRODUCT CONFIGURATOR</h3>
<p>The WCB configurator builder plugin is designed as a standalone plugin. You can use the shortcode to display your product configurator on any page you like.</p>
<h3>WOOCOMMERCE PRODUCT CONFIGURATOR</h3>
<p>If you are running a WooCommerce store, you can also use this plugin to extend your regular WooCommerce products and add extra product options, like input fields, swatches, and more.</p>
<p>This product configurator plugin integrates seemlessly with the WooCommerce plugin. Connect your configurations to WooCommerce products and build stunning product configurators and customizers with ease.</p>
<p>You can choose to extend simple products or variation products.</p>
<p>Use the WooCommerce checkout system to handle the online purchasing process.</p>
<h3>VISUAL PRODUCT CONFIGURATOR</h3>
<p>Build visual product configurators with our product configurator builder tool. Add image layers, customize text and upload images.</p>
<p>You can also allow your customers to drag / resize the images in the desired positions.</p>
<p>Get the <a href="https://wpconfiguratorbuilder.com/addon/visual-controls/" rel="nofollow ugc">Visual controls add-on</a> to drag and resize text and images on the product image.</p>
<h3>3D PRODUCT CONFIGURATOR</h3>
<p>Step up your visual game with GLB 3D models. Change colors, update model parts and even show the 3D model in your own room using AR capabilities.</p>
<p>Get the <a href="https://wpconfiguratorbuilder.com/addon/3d-visuals/" rel="nofollow ugc">3D visual add-on</a> to create stunning 3D configurations inside the WCB configurator plugin.</p>
<h3>REQUEST QUOTES / CPQ CONFIGURATOR</h3>
<p>Allow your customers to ask for specific pricings using the request a quote feature of our plugin.</p>
<p>Simply link your configurator to your favourite form plugin or use the email button action and start collecting leads.</p>
<h3>WOOCOMMERCE PRICE CALCULATOR</h3>
<p>Get the <a href="https://wpconfiguratorbuilder.com/addon/advanced-price-calculations/" rel="nofollow ugc">advanced calculations add-on</a> and create advanced price calculations using formula’s and tiered table prices</p>
<h3>FEATURES LIST</h3>
<p>Here is a complete list of features the free plugin has to offer:</p>
<ul>
<li><a href="https://wpconfiguratorbuilder.com/features/live-product-image-updates/" rel="nofollow ugc">Live image updates</a></li>
<li><a href="https://wpconfiguratorbuilder.com/features/live-product-price-updates/" rel="nofollow ugc">Dynamic price updates</a></li>
<li><a href="https://wpconfiguratorbuilder.com/features/drag-and-drop-builder/" rel="nofollow ugc">Drag and drop configuration builder</a></li>
<li><a href="https://wpconfiguratorbuilder.com/features/pre-built-templates/" rel="nofollow ugc">Pre-built configuration templates</a></li>
<li><a href="https://demos.wpconfiguratorbuilder.com/product/swatches-field/" rel="nofollow ugc">Swatches fields</a></li>
<li><a href="https://demos.wpconfiguratorbuilder.com/product/button-group-field/" rel="nofollow ugc">Label fields</a></li>
<li><a href="https://demos.wpconfiguratorbuilder.com/product/common-input-fields/" rel="nofollow ugc">Input fields</a></li>
<li><a href="https://demos.wpconfiguratorbuilder.com/product/form-tabs-field/" rel="nofollow ugc">Tabs fields</a></li>
<li><a href="https://demos.wpconfiguratorbuilder.com/product/visual-text-controls/" rel="nofollow ugc">Visual configurations</a></li>
<li><a href="https://demos.wpconfiguratorbuilder.com/product/send-email/" rel="nofollow ugc">Send configurations via email</a></li>
<li><a href="https://demos.wpconfiguratorbuilder.com/product/request-quote/" rel="nofollow ugc">Request quotes via forms</a></li>
<li><a href="https://demos.wpconfiguratorbuilder.com/product/visual-image-update/" rel="nofollow ugc">Add configurations to cart</a></li>
<li><a href="https://wpconfiguratorbuilder.com/features/multi-language/" rel="nofollow ugc">Multi language support</a></li>
</ul>
<h3>ADD-ONS</h3>
<p>Extend the free plugin features with various add-ons to get the most out of WCB configurator builder.</p>
<p>You can also grab the bundle deal, which gives you access to all our add-ons at once.</p>
<p>Pro bundle features include:</p>
<ul>
<li><a href="https://wpconfiguratorbuilder.com/docs/choices/dropdown/#heading-2" rel="nofollow ugc">Image dropdown</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/user-inputs/date-picker/" rel="nofollow ugc">Date picker field</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/user-inputs/color-picker/" rel="nofollow ugc">Color picker field</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/user-inputs/range-slider/" rel="nofollow ugc">Range slider field</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/user-inputs/file-upload/" rel="nofollow ugc">File upload field</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/configurator-forms/form-builder/#heading-11" rel="nofollow ugc">Repeater field</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/configurator-forms/form-builder/#heading-10" rel="nofollow ugc">Panel options field</a></li>
<li><a href="https://wpconfiguratorbuilder.com/features/multi-step-forms/" rel="nofollow ugc">Multi step forms</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/configurator-forms/download-pdf-file/" rel="nofollow ugc">PDF downloads</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/configurator-forms/add-to-wishlist/" rel="nofollow ugc">Add to wishlist</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/configurator-forms/generate-configuration-link/" rel="nofollow ugc">Save and continue</a></li>
<li><a href="https://wpconfiguratorbuilder.com/addon/conditional-display/" rel="nofollow ugc">Conditional display</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/pricing/percentage-price/" rel="nofollow ugc">Percentage prices</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/pricing/formula-price/" rel="nofollow ugc">Formula prices</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/pricing/table-tiered-price/" rel="nofollow ugc">Tiered table prices</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/inventory/option-weights/" rel="nofollow ugc">Option weight management</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/inventory/sku-management/" rel="nofollow ugc">Option SKU management</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/inventory/stock-tracking/" rel="nofollow ugc">Option stock management</a></li>
<li><a href="https://wpconfiguratorbuilder.com/features/linked-woocommerce-products/" rel="nofollow ugc">Linked WooCommerce product options</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/choices/swatches/#heading-2" rel="nofollow ugc">Horizontal and vertical slider swatch options</a></li>
<li><a href="https://wpconfiguratorbuilder.com/addon/3d-visuals/" rel="nofollow ugc">360 degree 3D viewer</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/visuals/3d-model-updates/" rel="nofollow ugc">3D visual updates (materials, parts, models, animations)</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/visuals/update-3d-viewer-scenes/" rel="nofollow ugc">HDR backgrounds and scenes</a></li>
<li>Mobile AR display</li>
<li>Show QR code on desktop to launch AR on mobile</li>
</ul>
<h3>About</h3>
<p>This plugin is developed and maintained by Dons Digital.</p>


WCB | Configurator Builder

Simple yet powerful product configurator builder for WordPress and WooCommerce. Create and design customizable products with ease.

Step Kit OS vs WCB | Configurator Builder