Dragfy

<p>A Library of unique Elementor Widgets to add more functionality and flexibility to your website. Dragfy Addons for Elementor is made with care of each pixel. Making your website beautiful has never been easier.</p>
<p><a href="http://dragfy.com/elementor-addons/" rel="nofollow ugc">Check the Demos</a></p>
<h3>Completely Customizable</h3>
<p>Each element comes with bunch of options to control every possible things. You can achieve nearly any design with your imagination.</p>
<h3>Simple and Light Weight</h3>
<p>No extra resources or messy codes to slow down your website. You can enable/disable specific elements to prevent overloading your website which helps your website have a blazing fast performance.</p>
<h3>Elements Control option</h3>
<p>Enable and disable individual elements to make your page loading faster and smoother. You can deactivate unnecessary widgets to keep the site lite.</p>
<h3>WPLM Ready</h3>
<p>You can use Dragfy Addons for Elementor to build multilingual websites easily as our plugin is 100% compatible with WPML.</p>
<h3>Excellent Support</h3>
<p>We have extra-ordinary support team ready to help you. Ask your questions in the support forum, or contact us directly through live chat and contact form.</p>
<h3><a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor</a> page builder is required for this plugin.</h3>
<h3>27+ FREE WIDGETS AND COUNTING</h3>
<ol>
<li><a href="http://www.dragfy.com/elementor-addons/accordion/" rel="nofollow ugc">Accordion</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/business-hours/" rel="nofollow ugc">Business Hours</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/call-to-action/" rel="nofollow ugc">Call to Action</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/contact-form-7/" rel="nofollow ugc">Contact Form 7</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/counter/" rel="nofollow ugc">Counter</a></li>
<li><a href="http://dragfy.com/elementor-addons/fancy-heading" rel="nofollow ugc">Fancy Heading</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/filterable-gallery/" rel="nofollow ugc">Filterable Gallery</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/flip-box/" rel="nofollow ugc">Flip Box</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/heading/" rel="nofollow ugc">Advanced Heading</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/icon-box/" rel="nofollow ugc">Icon Box</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/image-scroll/" rel="nofollow ugc">Image Scroll</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/image-slider/" rel="nofollow ugc">Image Slider</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/info-card/" rel="nofollow ugc">Info Card</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/interactive-banner/" rel="nofollow ugc">Interactive Banner</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/logo-carousel/" rel="nofollow ugc">Logo Carousel</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/newsletter/" rel="nofollow ugc">Newsletter</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/ninja-forms/" rel="nofollow ugc">Ninja Forms</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/post/" rel="nofollow ugc">Post</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/pricing-table/" rel="nofollow ugc">Pricing Table</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/progress-bar/" rel="nofollow ugc">Progress Bar</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/road-map/" rel="nofollow ugc">Road Map</a></li>
<li><a href="dragfy.com/elementor-addons/round-chart/" rel="nofollow ugc">Round Chart</a></li>
<li><a href="https://www.dragfy.com/elementor-addons/tables/" rel="nofollow ugc">Table</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/tabs/" rel="nofollow ugc">Tabs</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/testimonial/" rel="nofollow ugc">Testimonial</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/timeline/" rel="nofollow ugc">Timeline</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/wp-forms/" rel="nofollow ugc">WP Forms</a></li>
</ol>
<h3>More elements (20+) on <a href="http://dragfy.com/elementor-addons" rel="nofollow ugc">Premium Version</a></h3>
<ol>
<li><a href="http://www.dragfy.com/elementor-addons/content-toggle/" rel="nofollow ugc">Content Toggle</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/count-down/" rel="nofollow ugc">Countdown</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/filterable-video-gallery/" rel="nofollow ugc">Filterable Video Gallery</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/hotspot/" rel="nofollow ugc">Hotspot</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/icon-box-slider/" rel="nofollow ugc">Icon Box Slider</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/image-box-slider/" rel="nofollow ugc">Image Box Slider</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/image-box/" rel="nofollow ugc">Image Box</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/image-comparison/" rel="nofollow ugc">Image Comparison</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/image-gallery/" rel="nofollow ugc">Image Gallery</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/interactive-card/" rel="nofollow ugc">Interactive Card</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/interactive-slider/" rel="nofollow ugc">Interactive Slider</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/line-chart/" rel="nofollow ugc">Line Chart</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/post-slider/" rel="nofollow ugc">Post Slider</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/parallax/" rel="nofollow ugc">Parallax – Extension</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/particles/" rel="nofollow ugc">Particles – Extension</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/team-member/" rel="nofollow ugc">Team Member</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/team-member-slider/" rel="nofollow ugc">Team Member Slider</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/testimonial-slider/" rel="nofollow ugc">Testimonial Slider</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/video-box/" rel="nofollow ugc">Video Box</a></li>
<li><a href="http://www.dragfy.com/elementor-addons/youtube-video-playlist/" rel="nofollow ugc">Youtube Video Playlist</a></li>
</ol>
<h3>Privacy Policy</h3>
<p>Dragfy Addons for Elementor uses Dragfy API to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements.</p>
<p>Dragfy API does not gather any data by default. The API only starts gathering basic telemetry data when a user allows it via the admin notice. We collect the data to ensure great user experience for all our users.</p>
<p>Integrating API DOES NOT IMMEDIATELY start gathering data, without confirmation from users in any case.</p>
<h3>Documentation and Support</h3>
<ul>
<li>For documentation and tutorials go to our <a href="http://dragfy.com/elementor-addons/" rel="nofollow ugc">Documentation</a>.</li>
<li>If you have any more questions, visit our support on the <a href="https://wordpress.org/support/plugin/dragfy-addons-for-elementor" rel="ugc">Plugin’s Forum</a>.</li>
<li>For more information about features, FAQs and documentation, check out our website at <a href="http://dragfy.com/elementor-addons" rel="nofollow ugc">Dragfy Addons for Elementor</a>.</li>
</ul>


Dragfy Addons for Elementor

A Library of unique Elementor Widgets to add more functionality and flexibility to your website. Dragfy Addons for Elementor is made with care of each …

74h1r

<p><strong>Alovio Product Options for WooCommerce</strong> lets you add extra fields and paid add-ons to your products, then show, hide, or require those fields based on what the customer chooses. Build forms visually with a drag-and-drop builder, preview them live, and let shoppers see a running, currency-formatted options total before they add to cart.</p>
<p>Whether you sell customizable products, gifts with engraving, made-to-order items, or services with optional extras, you can collect exactly the information you need and charge for it accurately.</p>
<h4>Field types included (free)</h4>
<ul>
<li><strong>Text</strong> — single-line input with placeholder and max-length.</li>
<li><strong>Text area</strong> — multi-line input for longer notes.</li>
<li><strong>Number</strong> — with min, max, and step controls.</li>
<li><strong>Checkbox</strong> — a single yes/no option.</li>
<li><strong>Multiple choice (radio)</strong> — pick one from a list of options.</li>
<li><strong>Dropdown (select)</strong> — choose one option from a menu.</li>
<li><strong>Surcharge / fee</strong> — add a fixed charge to the order.</li>
<li><strong>Section heading</strong> — group and label your fields.</li>
</ul>
<h4>Conditional logic (free)</h4>
<p>Show, hide, or require any field based on the value of another field using a single condition with the <strong>is</strong> and <strong>is not</strong> operators. Keep your product forms clean by only revealing the fields that are relevant to each customer’s selection.</p>
<h4>Add-on pricing (free)</h4>
<p>Attach a flat add-on price to options so the cost of customizations is reflected automatically. The product page shows a live, currency-formatted <strong>options total</strong> that updates as customers make selections, so there are no surprises at checkout.</p>
<h4>Builder and field settings (free)</h4>
<ul>
<li>Drag-and-drop builder with <strong>live preview</strong>.</li>
<li>Per-field <strong>placeholder</strong>, <strong>help / description text</strong>, and <strong>default value</strong>.</li>
<li><strong>Min, max, and step</strong> for number fields.</li>
<li><strong>Max-length</strong> for text fields.</li>
</ul>
<h4>Built right</h4>
<ul>
<li><strong>HPOS compatible</strong> (High-Performance Order Storage).</li>
<li><strong>Accessible</strong> — proper <code>fieldset</code>/<code>legend</code> structure, ARIA attributes, and visible focus styles.</li>
<li><strong>Fully translatable</strong> — ready for localization into any language.</li>
</ul>
<h4>Go further with Pro</h4>
<p>A separate <strong>Pro add-on</strong> (sold separately, not on WordPress.org) extends the free plugin with:</p>
<ul>
<li>Advanced <strong>multi-condition</strong> logic and more operators.</li>
<li><strong>Per-unit</strong> and <strong>percentage</strong> pricing.</li>
<li><strong>Colour swatches</strong>.</li>
<li><strong>Date</strong> fields.</li>
</ul>
<p>The features listed under the free sections above are all included in this plugin. Pro is optional and adds the capabilities listed in this section only.</p>
<h3>Development</h3>
<p>This plugin is not obfuscated. The compiled assets in <code>build/</code> are generated from the human-readable source shipped in this package:</p>
<ul>
<li><code>src/</code> — the admin builder (React, via <code>@wordpress/scripts</code>) and the product-page runtime (vanilla JS) that compile to <code>build/index.js</code> and <code>build/frontend.js</code>.</li>
<li><code>assets/css/</code> — the stylesheet sources compiled to <code>build/index.css</code> and <code>build/frontend.css</code>.</li>
<li><code>composer.json</code> — the PSR-4 autoload map for the <code>includes/</code> PHP classes.</li>
</ul>
<p>To rebuild from source:</p>
<pre><code>npm install then `npm run build` (uses `@wordpress/scripts` / webpack; see `webpack.config.js`).
composer install regenerates the PHP autoloader.
</code></pre>


Alovio Product Options for WooCommerce

Add custom product fields with conditional logic and add-on pricing to your store. Drag-and-drop builder, live preview, and a running options total.

Dragfy Addons for Elementor vs Alovio Product Options for WooCommerce