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.

CoderPress

<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/forums/forum/custom-product-builder-for-woocommerce/?utm_source=readme&utm_medium=top&utm_campaign=cpbwc" rel="nofollow ugc">Support</a>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/NjRQYTEa2gE?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>
Trusted by 200+ WooCommerce Store Owners
Custom Product Builder for WooCommerce is the most user-friendly product designer plugin that transforms your store into a personalization powerhouse. Whether you sell custom t-shirts, personalized mugs, phone cases, jewelry, or print-on-demand merchandise, this drag and drop product customizer makes it easy for customers to design and order exactly what they want.
Looking for a simpler, more affordable alternative to Fancy Product Designer or Lumise? Custom Product Builder offers an intuitive visual product configurator without the complexity or high price tag.
What You Can Design With This Plugin:
<ul>
<li>Custom T-Shirts, Hoodies & Apparel – Let customers create personalized clothing designs</li>
<li>Personalized Mugs, Cups & Drinkware – Perfect for gift shops and promotional merchandise</li>
<li>Phone Cases & Accessories – Offer custom mobile cover designs</li>
<li>Jewelry & Personalized Gifts – Ideal for monogram and custom gift builders</li>
<li>Caps, Hats & Headwear – Design custom merchandise with logos and text</li>
<li>Print-on-Demand Products – Compatible with POD business models</li>
<li>Corporate Gifts & Promotional Items – Serve B2B customization needs</li>
<li>Wedding Favors & Event Merchandise – Personalization for special occasions</li>
</ul>
Free Version Features:
<ul>
<li>Drag and Drop Designer – Intuitive visual product configurator for easy customization</li>
<li>Product Canvas System – Upload base product images (t-shirts, mugs, covers, etc.)</li>
<li>Clipart Library – Add pre-designed graphics customers can use in their designs</li>
<li>Image Placement & Resizing – Position and scale elements with precision</li>
<li>Real-Time Preview – Customers see their design as they create it</li>
<li>Seamless WooCommerce Integration – Works with your existing product catalog</li>
<li>Easy Admin Setup – Enable product customization with just a few clicks</li>
</ul>
Pro Version Features – Unlock the Full Potential:
<ul>
<li>Unlimited Designable Products – No restrictions on how many products can be customized</li>
<li>Customer Image Upload – Let buyers upload their own photos and logos</li>
<li>Text Editor with Full Control – Custom text with font selection, sizing, and color options</li>
<li>Freehand Drawing Tool – Pen tool for creative customers who want to draw</li>
<li>One-Click Design Download – Customers can save their creations</li>
<li>Dedicated Order Management – View all customized orders in one place</li>
<li>Priority Support – Get help when you need it</li>
<li>14-Day Money-Back Guarantee – Try risk-free</li>
</ul>
Why Store Owners Choose Custom Product Builder:
<ul>
<li>Simple Setup – Works out of the box, no coding required</li>
<li>Affordable Pricing – Budget-friendly alternative to premium product designers</li>
<li>Self-Hosted Solution – No dependency on external services, you control everything</li>
<li>Lifetime License Available – One-time payment option with 25% savings</li>
<li>Regular Updates – Continuously improved with new features</li>
<li>Responsive Support – Dedicated team ready to help</li>
</ul>
Perfect For:
<ul>
<li>Print-on-demand businesses and POD entrepreneurs</li>
<li>Custom merchandise and apparel stores</li>
<li>Gift shops offering personalized products</li>
<li>Jewelry makers with monogram services</li>
<li>Promotional product companies</li>
<li>Event and wedding favor businesses</li>
<li>Anyone selling customizable products online</li>
</ul>
Featured On: Medium, WPGlob, YayCommerce, QuadLayers and more!
Transform your WooCommerce store into a custom product design platform. Join 200+ successful store owners today!

Custom Product Builder for WooCommerce – Product Designer and Customizer

The WooCommerce product designer plugin trusted by 200+ stores. Let customers design custom t-shirts, mugs, phone cases, jewelry and more with an intu …

Step Kit OS vs Custom Product Builder for WooCommerce – Product Designer and Customizer