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.

CoderPress

<p><a href="https://coderpress.co/products/custom-product-builder-for-woocommerce/?utm_source=readme&utm_medium=top&utm_campaign=cpbwc" rel="nofollow ugc">👑 Get Pro</a> | <a href="https://cpbw.coderpress.co/shop/" rel="nofollow ugc">💻 Live Demo</a> | <a href="https://coderpress.co/docs/custom-product-builder-for-woocommerce/?utm_source=readme&utm_medium=top&utm_campaign=cpbwc" rel="nofollow ugc">📃 Documentation</a> | <a href="https://coderpress.co/support/?utm_source=readme&utm_medium=top&utm_campaign=cpbwc" rel="nofollow ugc">🎧 Support</a></p>
<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/_7L23nDoCpg?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></p>
<p><strong>Trusted by 300+ WooCommerce Store Owners</strong></p>
<p>Custom Product Builder for WooCommerce helps you sell personalized products, custom products, and print-on-demand merchandise directly from your WooCommerce store.</p>
<p>It is a powerful WooCommerce product designer and product personalizer that allows customers to design their own products using an intuitive drag-and-drop interface with real-time preview.</p>
<p>Whether you sell custom t-shirts, personalized mugs, phone cases, jewelry, apparel, gifts, or promotional products, this plugin turns your store into a full product customization platform.</p>
<h3>Looking for an Affordable WooCommerce Product Designer?</h3>
<p>Custom Product Builder for WooCommerce is an affordable product personalization solution for store owners who want powerful customization features without the complexity often associated with larger product designer platforms.</p>
<p>It includes drag-and-drop product design, clipart libraries, text customization, customer image uploads (Pro), drawing tools (Pro), product variations, and real-time previews.</p>
<p>Trusted by 300+ WooCommerce stores and backed by the CoderPress ecosystem, Custom Product Builder helps businesses launch personalized product experiences for apparel, gifts, promotional products, print-on-demand stores, and more.</p>
<p>If you’re researching WooCommerce product designer plugins, product personalizers, product customizers, or design-your-own-product solutions, Custom Product Builder provides an easy-to-use and actively maintained alternative.</p>
<h3>Why Use a Product Personalizer for WooCommerce?</h3>
<p>Product personalization increases conversions, boosts engagement, and allows you to sell unique custom products at premium prices.</p>
<p>With this WooCommerce product designer, customers can:</p>
<ul>
<li>Design their own products online</li>
<li>Personalize products with text, images, and clipart</li>
<li>Customize gifts and merchandise</li>
<li>Preview designs in real-time before purchase</li>
<li>Create unique one-of-a-kind products</li>
</ul>
<h3>What You Can Sell</h3>
<ul>
<li>Custom T-Shirts, Hoodies & Apparel</li>
<li>Personalized Mugs, Cups & Drinkware</li>
<li>Phone Cases & Accessories</li>
<li>Jewelry & Personalized Gifts</li>
<li>Caps, Hats & Merchandise</li>
<li>Print-on-Demand Products</li>
<li>Corporate Gifts & Promotional Items</li>
<li>Wedding & Event Merchandise</li>
</ul>
<h3>Free Version Features</h3>
<ul>
<li>Drag & Drop Product Designer</li>
<li>Product Canvas System</li>
<li>Clipart Library</li>
<li>Image Placement & Resizing</li>
<li>Real-Time Product Preview</li>
<li>WooCommerce Integration</li>
<li>Easy Product Setup</li>
</ul>
<h3>Pro Version Features</h3>
<ul>
<li>Unlimited Customizable Products</li>
<li>Customer Image Upload</li>
<li>Advanced Text Editor (fonts, colors, sizing)</li>
<li>Freehand Drawing Tool</li>
<li>Download Design Files</li>
<li>Advanced Order Management</li>
<li>Priority Support</li>
<li>14-Day Money-Back Guarantee</li>
</ul>
<h3>Why Store Owners Choose Custom Product Builder</h3>
<ul>
<li>Simple Setup – No coding required</li>
<li>Affordable Alternative to Fancy Product Designer & Lumise</li>
<li>Trusted by 300+ WooCommerce Stores</li>
<li>Fully Self-Hosted Solution</li>
<li>Lifetime License Option</li>
<li>Regular Feature Updates</li>
<li>Responsive Support Team</li>
</ul>
<h3>Perfect For</h3>
<ul>
<li>Print-on-Demand Businesses</li>
<li>Custom Apparel Stores</li>
<li>Personalized Gift Shops</li>
<li>Promotional Product Companies</li>
<li>Jewelry & Engraving Stores</li>
<li>Event & Wedding Merch Stores</li>
</ul>
<h3>Alternative to Fancy Product Designer and Lumise</h3>
<p>Custom Product Builder for WooCommerce is a simpler and more affordable alternative to complex product designer plugins like Fancy Product Designer and Lumise, while still providing essential customization features for most stores.</p>


Custom Product Builder for WooCommerce – Design Your Own Products, Product Designer, Personalizer & Customizer

Sell personalized products in your WooCommerce store with a powerful product designer, customizer, and personalization tool.

Step Kit OS vs Custom Product Builder for WooCommerce – Design Your Own Products, Product Designer, Personalizer & Customizer