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.

WebCartisan

Enhance WooCommerce product page with variations table, AJAX add to cart, quantity controls, custom tab and more.. for a better shopping experience.
Take full control of your WooCommerce single product pages with the WooCommerce Product Page Customizer plugin — the ultimate tool for store owners who want to optimize product pages for better conversions, send a beautiful message, different type of offer, without reload add-to-cart functionality and many more. 
The Most useful feature is WooCommerce Variation Swatches you can get here with radio, images, colors, and button features. 
Whether you’re aiming to improve user experience, increase sales conversion rates, or add stunning custom features, this plugin lets you effortlessly customize every element of your product page — no coding required!.
👉<a href="https://wsppc.webcartisan.com/shop/" rel="nofollow ugc">Plugin Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/" rel="nofollow ugc">Documentation</a>|<a href="https://webcartisan.com/single-product-page-customizer/" rel="nofollow ugc">Get Pro</a>👈
✨ Key Features (Free Version):
🏆 ️Enable Plus, Minus Buttons for Increase Decrease Quantity 
 Add intuitive plus and minus buttons into the quantity field, making it easier for customers to increase or decrease the number of items they want to purchase.
👉<a href="https://wsppc.webcartisan.com/product/enable-plus-minus-buttons/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/basic-plugin-configuration/enable-plus-minus-button/" rel="nofollow ugc">Documentation</a>
🏆 ️Change “Add to Cart” Button Text in Single Product Page 
 Easily modify the default “Add to Cart” button label to anything you like—such as “Buy Now,” “Get Yours,” or “Add to Bag”—to better suit your store’s tone and boost engagement. 
👉 <a href="https://wsppc.webcartisan.com/product/single-product-meta-remove/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/basic-plugin-configuration/change-add-to-cart-button-text/" rel="nofollow ugc">Documentation</a>
🏆 ️Hide Add to Cart Button in Detail Page 
 Remove the “Add to Cart” button from product pages when needed—great for showcasing upcoming products, displaying out-of-stock items, or creating a catalog-style store.   
👉 <a href="https://wsppc.webcartisan.com/product/hide-add-to-cart-button/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/basic-plugin-configuration/hide-add-to-cart-button/" rel="nofollow ugc">Documentation</a>
🏆 ️Sale Badge Text Change in Single Product Page 
 Customize the default “Sale!” badge with your own text to better highlight discounts or match your store’s branding style.   
 👉 <a href="https://wsppc.webcartisan.com/product/sale-badge-text-change/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/basic-plugin-configuration/change-sales-badge-text/" rel="nofollow ugc">Documentation</a>
🏆 ️Out of Stock Text Change in Detail Page 
 Replace the default “Out of stock” message with your own custom text to match your brand voice or provide more helpful information to your customers.   
 👉 <a href="https://wsppc.webcartisan.com/product/out-of-stock-text-change/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/basic-plugin-configuration/out-of-stock-text/" rel="nofollow ugc">Documentation</a>
🏆 ️On Backorder Text Change in Single Product Page 
 Allow customers to add products to their cart without reloading the page, providing a smoother and faster shopping experience.   
 👉 <a href="https://wsppc.webcartisan.com/product/on-backorder-text-change/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/advance-plugin-configuration/on-backorder-text/" rel="nofollow ugc">Documentation</a>
🏆 ️Remove Product SKU, Category, Tag Name from Single Product Page 
 Clean up your product pages by hiding metadata like SKU, categories, and tags—perfect for a more minimal or customized layout   
 👉 <a href="https://wsppc.webcartisan.com/product/remove-meta-rating/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/basic-plugin-configuration/remove-product-meta/" rel="nofollow ugc">Documentation</a>
🏆 ️Remove Related Product Section in Detail Page 
 Hide the “Related Products” section from your product pages to keep the focus on the main item or create a cleaner, distraction-free layout.  
 👉 <a href="https://wsppc.webcartisan.com/product/remove-related-product-section/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/basic-plugin-configuration/remove-related-product-section/" rel="nofollow ugc">Documentation</a>
🏆 ️Hide Price from Single Product Page 
 Temporarily hide product prices on the product page—ideal for showcasing exclusive items, encouraging customer inquiries for boosting your sale.    
 👉 <a href="https://wsppc.webcartisan.com/product/hide-price-cart-btn-short-description/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/basic-plugin-configuration/hide-price/" rel="nofollow ugc">Documentation</a>
🏆 ️Hide Short Description in Detail Page 
 Temporarily hide product short description on the product page—ideal for showcasing exclusive items, encouraging customer inquiries for boosting your sale. 
 👉 <a href="https://wsppc.webcartisan.com/product/hide-short-description/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/basic-plugin-configuration/hide-short-description/" rel="nofollow ugc">Documentation</a>
🏆 ️Custom Message Show in Detail Page 
 Display personalized messages on your product pages, such as promotions, announcements, or special instructions, to enhance customer engagement and provide important information. 
 👉 <a href="https://wsppc.webcartisan.com/product/custom-message/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/advance-plugin-configuration/enable-custom-message/" rel="nofollow ugc">Documentation</a>
🏆 ️Variation Table Show for Variation Product in Detail Page 
 Display a clean, organized table of product variations (like size, color, or style) on your product page, helping customers easily compare options and make their selection. Also you can attach this variation table in anywhere in this single product page. 
 👉 <a href="https://wsppc.webcartisan.com/product/show-variation-table/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/advance-plugin-configuration/show-variation-table/" rel="nofollow ugc">Documentation</a>
🏆 ️Variation Swatches for WooCommerce 
 Add a modern and user-friendly variation swatches to your product page, allowing customers to quickly select different attribute (such as size or color) without need to select option. Just click a button also this button will be an image button color button or radio.  
 👉 <a href="https://wsppc.webcartisan.com/product/show-variation-swatches/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/advance-plugin-configuration/enable-variation-switcher/" rel="nofollow ugc">Documentation</a>
🏆 ️Customize Related Product Title in Detail Page 
 Easily change the default “Related Products” title to something more relevant or engaging, like “You May Also Like” or “Suggested For You,” to better align with your store’s style and encourage more purchases.  
 👉 <a href="https://wsppc.webcartisan.com/product/related-title-change/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/advance-plugin-configuration/related-products-title/" rel="nofollow ugc">Documentation</a>
🏆 ️Variation Reset Text Change in Detail Page 
 Change the default Reset Variations button text “Clear” to something more suited to your store, such as “Clear Selection” or “Reset Choices” giving customers a clearer and more intuitive way to reset their product options.  
 👉 <a href="https://wsppc.webcartisan.com/product/reset-text-change/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/advance-plugin-configuration/variation-reset-text/" rel="nofollow ugc">Documentation</a>
✨ Pro Features:
🏆 ️Enable Min/Max Quantity Limits in Detail Page 
 Set minimum and maximum quantity limits for products, ensuring customers can only purchase within a specified range, whether globally or for specific products. Here you can set custom message about min max validation text and also you can setup quantity step. 
 👉 <a href="https://wsppc.webcartisan.com/product/min-max-setup/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/advance-plugin-configuration/enable-min-max-quantity/" rel="nofollow ugc">Documentation</a>
🏆 ️Enable Ajax Add to Cart in Single Product Page 
 Allow customers to add products to their cart without reloading the page, providing a smoother and faster shopping experience. 
 👉 <a href="https://wsppc.webcartisan.com/product/enable-ajax-add-to-cart/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/advance-plugin-configuration/enable-ajax-add-to-cart/" rel="nofollow ugc">Documentation</a>
🏆 ️Custom Tab Attach with Before Existing WooCommerce Tab in Detail Page 
 Add additional custom tabs to your product pages, allowing you to include extra information like specifications, FAQs, or special instructions in a well-organized and easy-to-navigate format. 
 👉 <a href="https://wsppc.webcartisan.com/product/add-tab/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/advance-plugin-configuration/enable-custom-tab/" rel="nofollow ugc">Documentation</a>
🏆 ️Additional Content Attach in Detail Page into Any Place 
 Include extra informational sections on your product pages, such as detailed descriptions, guides, or promotions, to provide more value and enhance the shopping experience. 
 👉 <a href="https://wsppc.webcartisan.com/product/additional-content/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/advance-plugin-configuration/enable-additional-content/" rel="nofollow ugc">Documentation</a>
🏆 ️WooCommerce Default Tab Label Change 
 Customize the default labels for product tabs like “Description,” “Additional Information,” and “Reviews,” giving you full control over the text to better align with your brand or product details 
 👉 <a href="https://wsppc.webcartisan.com/product/default-tab-text-change/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/advance-plugin-configuration/change-tab-default-label/" rel="nofollow ugc">Documentation</a>
🏆 ️Related Product Categories Show as a Grid Format in Detail Page 
 Show related product categories in a clean, organized grid layout on your product page, making it easier for customers to explore similar items and encouraging further browsing.  
 👉 <a href="https://wsppc.webcartisan.com/product/display-related-product-categories-grid/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/advance-plugin-configuration/display-related-product-categories-grid/" rel="nofollow ugc">Documentation</a>
🏆 ️Move Image Section to Right Side in Single Product Page 
 Change the layout of your product page by moving the product image section to the right side, allowing for a fresh, alternative design that better suits your store’s aesthetic.  
 👉 <a href="https://wsppc.webcartisan.com/product/lux-line-jumpsuit-2/" rel="nofollow ugc">Live Demo</a>|<a href="https://webcartisan.com/docs/single-product-customizer-for-woocommerce/advance-plugin-configuration/move-image-section-to-right-side/" rel="nofollow ugc">Documentation</a>
Watch WooCommerce Product Page Customizer All pro features

Product Page Customizer for WooCommerce


I used this plugin, and i think this is the best plugin for customizing product page. And also it's support team is the best.


Amazing Product Page Customizer

Customize WooCommerce product pages with AJAX add to cart, plus minus quantity controls, custom tabs, badges & more to boost conversions without code.

Step Kit OS vs Product Page Customizer for WooCommerce