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.

Orion WP

Hermann LAHAMI

<h4>About the product designer</h4>
<ul>
<li>Plugin site: <a href="https://www.orionorigin.com/product/woocommerce-product-designer?utm_source=wordpress.org&utm_medium=cpc&utm_campaign=Woocommerce%20Product%20Designer" rel="nofollow ugc">orionorigin.com</a></li>
</ul>
<h4>Overview</h4>
<p>Ouidah, our Woocommerce Products Designer is a WooCommerce extension which allows your customers to create their perfect logo, t-shirts, business cards, prints, labels, decals, stickers, vinyls, lettering, mugs and any product which needs to be customized online prior to order.</p>
<p>You can use this extension as a:</p>
<ul>
<li>Woocommerce t-shirt designer</li>
<li>Mug custom editor for WordPress</li>
<li>Woocommerce Phone case customizer</li>
<li>WordPress Stickers, canvas or decals designer</li>
<li>Online business cards, postcards and other print products customizer for WordPress</li>
<li><a href="https://orionorigin.com/products/nati-custom-lettering-designer/?utm_source=wordpress.org&utm_medium=cpc&utm_campaign=Lettering%20Signs%20Designer" rel="nofollow ugc">Woocommerce Lettering Designer</a></li>
<li>Woocommerce Decals Designer</li>
<li>Woocommerce Signs Designer</li>
<li>…and much more.</li>
</ul>
<p>Ouidah, our Woocommerce Products Designer is built using WordPress best practices both on the front and the back end. This results in an efficient, robust and intuitive plugin. It’s works with any theme, including the default WordPress themes and the last Woocommerce version.</p>
<h4>Features</h4>
<ul>
<li>Works for any product</li>
<li>Clipart libraries</li>
<li>Image filters</li>
<li>WPML compatible and translation ready</li>
<li>Text editor</li>
<li>Image editor</li>
<li>Cliparts editor</li>
<li>Multiple image outputs (PNG, JPG)</li>
</ul>
<h4>Pro features</h4>
<ul>
<li>Templates creation available</li>
<li>Editor configurable dimensions</li>
<li>Save designs for later</li>
<li>Configurable uploads minimum required dimensions</li>
<li>SVG files edition</li>
<li>Configurable colors palette to narrow the colors that can be used by the customer</li>
<li>Pictures extraction from social networks to use on the designer</li>
<li>Ability to upload custom files for order</li>
<li>Custom pricing rules</li>
<li>Configurable output file resolution (up to 300dpi outputs)</li>
<li>Print ready files with crop marks and safe, trim and bleed zones</li>
<li>Custom TTF fonts support</li>
<li>Watermarks on every design previewed by the customer</li>
<li>SVG and PDF outputs</li>
<li>Image filters available</li>
<li>Advanced Design Pricing</li>
<li>Designs and Orders history available</li>
<li>Multiple Products Ordering using the same design</li>
</ul>


Woocommerce Products Designer by ORION – online product customizer for t-shirts, print cards, phone cases Lettering & Decals

A simple yet advanced web to print plugin which lets your customers design or customize any product and order their perfect product online.

Step Kit OS vs Woocommerce Products Designer by ORION – online product customizer for t-shirts, print cards, phone cases Lettering & Decals