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.

Kickflip Support

<p>Give your customers a premium way to personalize your products.<br />
Kickflip helps you sell custom products faster — with a seamless buying experience that boosts sales, raises average order value, and strengthens your brand.</p>
<h3>Turn customization into a growth lever</h3>
<p>Your customers want products made just for them. Kickflip makes it easy to deliver that — without slowing down your business.<br />
Build an interactive customizer that feels native to your brand, shows every choice in real time, and helps you sell more with confidence.</p>
<p><a href="https://www.youtube.com/watch?v=VSTgPGRM54Q" rel="nofollow ugc">Video: Unleash the power of product customization with Kickflip <span aria-hidden="true" class="wp-exclude-emoji">→</span></a></p>
<h3>Built for performance and experience</h3>
<h4>Real-time previews</h4>
<p>Let customers see exactly what they’re getting — in every color, angle, and option.</p>
<h4>Dynamic pricing</h4>
<p>Instant pricing updates as customers make custom selections of upsell options</p>
<h4>Live coloring</h4>
<p>Show live price updates as customers add or change options, removing surprises at checkout.</p>
<h4>Lightning-fast load times</h4>
<p>A smooth experience from desktop to mobile. No waiting, no lag — just instant results.</p>
<h4>Advanced logic & rules</h4>
<p>Guide every customer through a seamless flow. Hide, show, or combine options dynamically to prevent mistakes and save time.</p>
<h4>Print-ready files</h4>
<p>Automatically generate high-resolution files to speed up production and reduce errors.</p>
<h4>Bulk Orders & B2B ready</h4>
<p>Let customers place multi-item or volume orders easily, with built-in support for quotes and complex pricing.</p>
<p><a href="https://gokickflip.com/integrations/woocommerce" rel="nofollow ugc">Explore all features <span aria-hidden="true" class="wp-exclude-emoji">→</span></a></p>
<h3>Launch in weeks, not months</h3>
<p>Kickflip’s intuitive drag-and-drop builder gets your first product live fast — no code required.<br />
You can connect directly with WooCommerce, or use our API for a custom integration. Our help docs, video tutorials, and human support team are always there when you need them.</p>
<h3>A powerful backend that scales with your business</h3>
<p>Manage every order, option, and design from one place.<br />
Kickflip automatically syncs with your store so you can track products, access customer selections, and send print-ready files to production in seconds.</p>
<h3>Trusted by growing brands</h3>
<p>Brands use Kickflip to create premium experiences that convert — and to build the kind of products customers love to share. Deliver personalization that looks great, feels effortless, and drives revenue.</p>
<h3>Exceptional support, whenever you need it</h3>
<p>Questions, setup help, or troubleshooting — our Customer Success team is here for you. Reach us by live chat, email, or video call, and get quick answers from real people who know the platform inside out.</p>
<h3>Why merchants choose Kickflip</h3>
<ul>
<li>Delivers a premium experience customers love.</li>
<li>Gets you selling custom products in weeks, not months.</li>
<li>Offers a robust backend that grows with your business.</li>
<li>Supported by a real team, always ready to help.</li>
</ul>
<h3>Demo store</h3>
<p><a href="https://wp-demo.mycustomizer.com/product/custom-skateboard-test-rename-3/" rel="nofollow ugc">View demo store <span aria-hidden="true" class="wp-exclude-emoji">→</span></a></p>


Kickflip product configurators

Give your customers a premium way to personalize your products.

Step Kit OS vs Kickflip product configurators