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.

Smart Customizer

Add a visual product customizer to your online store so that customers can create personalized designs! Smart Customizer is a web-to-print product customization solution that lets customers create their own designs by adding custom text, vector shapes, and images.
― Empower customers to personalize your products with ease. 
― Display personalized products instantly in either 3D or 2D images. 
― Download print-ready design files as PDF, PNG, and SVG. 
― Use dynamic product variations with automatic price updates in the cart.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/2HoHEEjEf-k?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>
<h3>See the App in Action</h3>
<a href="https://wp.smartcustomizer.com" rel="nofollow ugc">➞ Try the Smart Customizer in our demo store</a>
<h3>Key Features</h3>
A smooth product customization experience can help increase sales, and reduce returns, by letting customers create and preview their final personalized products.
➡ High-Quality Product Preview 
Invite your customers to preview their personalized products instantly in both 3D and 2D modes.
➡ Best In-Class Design Editor 
Create a sleek web-to-print product personalization flow as your customers upload their custom vector and raster graphics, insert text, and explore additional features.
➡ Dynamic Product Variations 
One customizable product—endless variations. Offer options like colors, sizes, extra add-ons within a single product.
➡ Dynamic Pricing 
Set individual prices for customizable product options—the total product price will update automatically in the cart.
➡ Multiple Print Areas 
Let customers personalize as many print areas as your manufacturing process can perform.
➡ Design Templates 
Create your own design templates by uploading your graphic assets in PDF, SVG, PNG, or JPG file formats, or by selecting graphics from our library list.
➡ Graphic assets library 
Enhance the customization experience by creating a graphic assets library for your customers. Make the design process easier and more efficient.
➡ Control Personalization Tools 
Enable tools and other personalization options, such as colors, color modes, image resolution, etc.
➡ Print-Ready Files 
All design files created by your customers will be automatically generated in the chosen output file format: PDF, SVG, or PNG.
➡ Flawless UX/UI on Any Device 
Smart Customizer makes responsiveness a priority for flawless user experience creation. Enjoy our fully-functional app available on desktop, mobile, or any other electronic device!
<a href="https://www.smartcustomizer.com/web-to-print-woocommerce-product-customizer" rel="nofollow ugc">➞ View All Features & Product Details</a>
<h3>Friendly Customer Support Team</h3>
Our support team is always ready to help, from implementation to launch. Our goal is to reply to all questions the same day they are received. We are happy to answer all your questions and resolve any issues via video call or email.
<h3>Smart Customizer Makes Product Personalization Easy</h3>
Simply follow these steps:
<ol>
<li>Install Smart Customizer for WooCommerce plug-in into your store.</li>
<li>Create your account on app.smartcustomizer.com.</li>
<li>Set up your customizable products and link them to your WordPress products.</li>
<li>Receive new orders with personalized items.</li>
</ol>
For more detailed guidance, check out our <a href="https://www.smartcustomizer.com/knowledge/wordpress-installation" rel="nofollow ugc">knowledge base</a>.
<h3>Works on Any Print-On-Demand Product</h3>
Smart Customizer is suitable for nearly all e-commerce businesses, including:
<ul>
<li>Apparel</li>
<li>Accessories</li>
<li>Wall Art</li>
<li>Office</li>
<li>Lifestyle</li>
<li>Drinkware</li>
<li>Pets</li>
<li>Kitchenware</li>
<li>Jewelry</li>
<li>Home Goods</li>
</ul>
You can view different demo products in our <a href="https://wp.smartcustomizer.com" rel="nofollow ugc">demo shop</a>, or try it yourself for free. We offer a 30-day free trial and paid plans that start from 9 Eur/month. Find more <a href="https://www.smartcustomizer.com/web-to-print-woocommerce-product-customizer#pricing" rel="nofollow ugc">information about our pricing</a>.
<h3>Service Description</h3>
<ul>
<li>This plugin facilitates communication with the Smart Customizer app, hosted under the subdomain app.smartcustomizer.com.</li>
<li>The Smart Customizer app functions as a service with its own user registration system. Within user accounts, individuals can create product models, design templates, link models with specific WooCommerce products, and manage design order files generated through the e-shop, among other features.</li>
<li>Upon creating a user account on https://app.smartcustomizer.com/ and installing this plugin, the administrator integrates the account with the plugin through the WordPress administration panel.</li>
<li>During the initial connection, WooCommerce REST API keys (https://woocommerce.github.io/woocommerce-rest-api-docs/#authentication) are generated and stored for subsequent authorizations of WooCommerce with the Smart Customizer app.</li>
<li>The external primary script (wc.smartcustomizer.js), loaded from app.smartcustomizer.com into the WordPress WooCommerce e-shop frontend pages, is employed to transfer primary account data from the associated Smart Customizer app user account. This includes product identifiers, various parameters for application rendering configured by the user, and more. Additionally, it is utilized to generate the initial elements of the Smart Customizer app and facilitate its loading.</li>
</ul>

Smart Customizer for WooCommerce

Allow your customers to customize and preview their personalized products before making a purchase. Maximize profits and customer satisfaction.

Step Kit OS vs Smart Customizer for WooCommerce