{"id":393141,"date":"2026-10-30T11:57:32","date_gmt":"2026-10-30T11:57:32","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/deviser-smart-product-configurator-powerful-products-configuration-made-simple\/"},"modified":"2026-10-30T11:56:58","modified_gmt":"2026-10-30T11:56:58","slug":"deviser-smart-product-configurator","status":"publish","type":"plugin","link":"https:\/\/co.wordpress.org\/plugins\/deviser-smart-product-configurator\/","author":23487440,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.1.4","requires":"5.0","requires_php":"7.4","requires_plugins":null,"header_name":"Deviser Smart Product Configurator \u2013 Powerful Products Configuration Made Simple","header_author":"Vishnu Malhotra","header_description":"Dynamic product configurator system with products, groups and options.","assets_banners_color":"739dc7","last_updated":"2026-10-30 11:56:58","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/technodeviser.com\/","header_plugin_uri":"","header_author_uri":"https:\/\/technodeviser.com\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":191,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"vishnutechno","date":"2026-10-30 11:56:58","revision":3775155}},"upgrade_notice":{"1.0.0":"<ul>\n<li>Initial version with configurable visual product customization.<\/li>\n<\/ul>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3775164,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3775161,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3775116,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3775114,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3775257,"resolution":"1","location":"assets","locale":"","width":1437,"height":643},"screenshot-10.png":{"filename":"screenshot-10.png","revision":3775273,"resolution":"10","location":"assets","locale":"","width":1434,"height":726},"screenshot-11.png":{"filename":"screenshot-11.png","revision":3775276,"resolution":"11","location":"assets","locale":"","width":1580,"height":735},"screenshot-12.png":{"filename":"screenshot-12.png","revision":3775280,"resolution":"12","location":"assets","locale":"","width":1586,"height":728},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3775261,"resolution":"2","location":"assets","locale":"","width":1428,"height":687},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3775121,"resolution":"3","location":"assets","locale":"","width":1428,"height":733},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3775122,"resolution":"4","location":"assets","locale":"","width":1426,"height":731},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3775124,"resolution":"5","location":"assets","locale":"","width":1430,"height":606},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3775125,"resolution":"6","location":"assets","locale":"","width":1426,"height":688},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3775270,"resolution":"7","location":"assets","locale":"","width":1435,"height":686},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3775129,"resolution":"8","location":"assets","locale":"","width":1406,"height":733},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3775130,"resolution":"9","location":"assets","locale":"","width":1419,"height":718}},"screenshots":{"1":"<p>Step 1 - Create Product Types<\/p>","2":"<p>Step 2 - Create Product Categories<\/p>","3":"<p>Step 3 - Create Configurator Groups<\/p>","4":"<p>Step 4 - Create Configurator Options &amp; Pricing<\/p>","5":"<p>Step 5 - Build Custom Forms<\/p>","6":"<p>Step 6 - Configure Form<\/p>","7":"<p>Step 7 - Create &amp; Configure a Configurator Product<\/p>","8":"<p>Step 8 - Configure the Category and Groups<\/p>","9":"<p>Step 9 - Set Up Product Image Combinations &amp; Mappings<\/p>","10":"<p>Step 10 - Publish and Embed Using Shortcode<\/p>","11":"<p>Frontend<\/p>","12":"<p>Frontend Summary<\/p>"}},"plugin_section":[],"plugin_tags":[2768,289736,66523,39420,289735],"plugin_category":[43],"plugin_contributors":[265445,265444,265443],"plugin_business_model":[],"class_list":["post-393141","plugin","type-plugin","status-publish","hentry","plugin_tags-customizer","plugin_tags-interactive-configurator","plugin_tags-product-builder","plugin_tags-product-configurator","plugin_tags-visual-configurator","plugin_category-customization","plugin_contributors-technodeviser","plugin_contributors-vishnumalhotra","plugin_contributors-vishnutechno","plugin_committers-vishnutechno"],"banners":{"banner":"https:\/\/ps.w.org\/deviser-smart-product-configurator\/assets\/banner-772x250.png?rev=3775114","banner_2x":"https:\/\/ps.w.org\/deviser-smart-product-configurator\/assets\/banner-1544x500.png?rev=3775116","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/deviser-smart-product-configurator\/assets\/icon-128x128.png?rev=3775164","icon_2x":"https:\/\/ps.w.org\/deviser-smart-product-configurator\/assets\/icon-256x256.png?rev=3775161","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/deviser-smart-product-configurator\/assets\/screenshot-1.png?rev=3775257","caption":"<p>Step 1 - Create Product Types<\/p>"},{"src":"https:\/\/ps.w.org\/deviser-smart-product-configurator\/assets\/screenshot-2.png?rev=3775261","caption":"<p>Step 2 - Create Product Categories<\/p>"},{"src":"https:\/\/ps.w.org\/deviser-smart-product-configurator\/assets\/screenshot-3.png?rev=3775121","caption":"<p>Step 3 - Create Configurator Groups<\/p>"},{"src":"https:\/\/ps.w.org\/deviser-smart-product-configurator\/assets\/screenshot-4.png?rev=3775122","caption":"<p>Step 4 - Create Configurator Options &amp; Pricing<\/p>"},{"src":"https:\/\/ps.w.org\/deviser-smart-product-configurator\/assets\/screenshot-5.png?rev=3775124","caption":"<p>Step 5 - Build Custom Forms<\/p>"},{"src":"https:\/\/ps.w.org\/deviser-smart-product-configurator\/assets\/screenshot-6.png?rev=3775125","caption":"<p>Step 6 - Configure Form<\/p>"},{"src":"https:\/\/ps.w.org\/deviser-smart-product-configurator\/assets\/screenshot-7.png?rev=3775270","caption":"<p>Step 7 - Create &amp; Configure a Configurator Product<\/p>"},{"src":"https:\/\/ps.w.org\/deviser-smart-product-configurator\/assets\/screenshot-8.png?rev=3775129","caption":"<p>Step 8 - Configure the Category and Groups<\/p>"},{"src":"https:\/\/ps.w.org\/deviser-smart-product-configurator\/assets\/screenshot-9.png?rev=3775130","caption":"<p>Step 9 - Set Up Product Image Combinations &amp; Mappings<\/p>"},{"src":"https:\/\/ps.w.org\/deviser-smart-product-configurator\/assets\/screenshot-10.png?rev=3775273","caption":"<p>Step 10 - Publish and Embed Using Shortcode<\/p>"},{"src":"https:\/\/ps.w.org\/deviser-smart-product-configurator\/assets\/screenshot-11.png?rev=3775276","caption":"<p>Frontend<\/p>"},{"src":"https:\/\/ps.w.org\/deviser-smart-product-configurator\/assets\/screenshot-12.png?rev=3775280","caption":"<p>Frontend Summary<\/p>"}],"raw_content":"<!--section=description-->\n<p>Deviser Smart Product Configurator is a WordPress plugin for configuring products with categories, parent groups, subgroups, and selectable options. It supports image combinations, configurable frontend layouts, price adjustments, and summary and enquiry forms.<\/p>\n\n<h4>Product setup and management<\/h4>\n\n<ul>\n<li>Manage configurator products through the <code>dpcon_product<\/code> custom post type.<\/li>\n<li>Organize products using Product Types (<code>dpcon_product_type<\/code>) and Product Categories (<code>dpcon_product_category<\/code>).<\/li>\n<li>Create hierarchical Configurator Groups (<code>dpcon_group<\/code>) and assign Configurator Options (<code>dpcon_option<\/code>) to groups.<\/li>\n<li>Select product groups in the product editor, order selected groups, and drag to reorder options within a group.<\/li>\n<li>Configure group display styles: button, radio, color swatch, image option, and dropdown.<\/li>\n<li>Set option prices, option colors, and option images where applicable.<\/li>\n<li>Set a base product price and a currency symbol, with live totals reflecting selected option prices.<\/li>\n<li>Associate category\/group\/subgroup\/option combinations with product images, including a default combination image (supports a limit of up to 20 image mappings per product).<\/li>\n<li>Show configured groups and options even without a dedicated image mapping; image resolution can reuse a matching image from mapped selections.<\/li>\n<li>Copy a product-specific shortcode directly from the Products admin listing.<\/li>\n<\/ul>\n\n<h4>Frontend configurator<\/h4>\n\n<ul>\n<li>Live product image preview, with progressive combination thumbnails when matching images are available.<\/li>\n<li>Four per-product layouts: Default (image left), Reverse (image right), Equal Split, and Popup \/ Slide (options in a slide-in panel).<\/li>\n<li>Responsive product configurator with category selection, group options, calculated totals, and a configuration summary.<\/li>\n<li>Reset selected options to the starting configuration.<\/li>\n<li>Optional sticky action bar with Reset button, controlled from plugin settings.<\/li>\n<li>Review the current product, category, chosen options, pricing, and image information in the summary before submitting a form.<\/li>\n<\/ul>\n\n<h4>Forms and settings<\/h4>\n\n<ul>\n<li>Built-in custom form builder with Text, Email, Phone, and Message fields, including required-field controls.<\/li>\n<li>Use the built-in Custom Forms builder for lead capture; external form plugins are not supported.<\/li>\n<li>Configure global form selection and product-level form selection.<\/li>\n<li>Pass configurator summary data into supported form workflows.<\/li>\n<li>Enable or disable the sticky reset action button in plugin settings.<\/li>\n<li>Adjust frontend typography using configurable font family, size, weight, style, and other available text settings; Google Fonts load when selected.<\/li>\n<\/ul>\n\n<h3>Shortcodes<\/h3>\n\n<pre><code>[dpcon_product id=\"123\"] - display a published configurator product.\n<\/code><\/pre>\n\n<p>The product shortcode accepts optional attributes: <code>title=\"yes\"<\/code>, <code>price=\"yes\"<\/code>, and <code>description=\"yes\"<\/code>; set any to <code>\"no\"<\/code> to hide that part of the product heading area.<\/p>\n\n<h3>Source Code and Development<\/h3>\n\n<p>Deviser Smart Product Configurator is distributed under the GNU General Public License, version 2 or later.\nThe plugin's custom PHP, JavaScript, and CSS source files are included in the distributed plugin package.\nThe custom JavaScript files are maintained in human-readable format and are loaded directly through WordPress.\nThe primary JavaScript source files are located in the following directory:<\/p>\n\n<p>assets\/js\/<\/p>\n\n<p>These include:\nassets\/js\/dpcon-admin-builder.js\nassets\/js\/dpcon-category-meta.js\nassets\/js\/dpcon-form-integration.js\nassets\/js\/dpcon-frontend.js\nassets\/js\/dpcon-group-meta.js\nassets\/js\/dpcon-option-meta.js\nassets\/js\/dpcon-product-meta.js\nassets\/js\/dpcon-settings.js<\/p>\n\n<p>The plugin's custom JavaScript functionality does not require a separate npm, webpack, or JavaScript compilation process.\nCustom frontend and admin stylesheets are included in the assets\/css\/ directory.\nThird-party libraries are documented separately below.<\/p>\n\n<h3>Third-Party Libraries<\/h3>\n\n<p>This plugin bundles the following third-party library to enhance functionality:<\/p>\n\n<h4>Select2<\/h4>\n\n<ul>\n<li><strong>Library:<\/strong> Select2<\/li>\n<li><strong>Version:<\/strong> 4.1.0<\/li>\n<li><strong>Official Repository:<\/strong> https:\/\/github.com\/select2\/select2<\/li>\n<li><strong>Official Release:<\/strong> https:\/\/github.com\/select2\/select2\/releases\/tag\/4.1.0<\/li>\n<li><strong>Original Source Code:<\/strong> https:\/\/github.com\/select2\/select2\/tree\/4.1.0\/src<\/li>\n<li><strong>License:<\/strong> MIT<\/li>\n<li><strong>License URI:<\/strong> https:\/\/github.com\/select2\/select2\/blob\/4.1.0\/LICENSE.md<\/li>\n<li><strong>Bundled Files:<\/strong> assets\/js\/select2.min.js, assets\/css\/select2.min.css<\/li>\n<li><strong>Bundled License File:<\/strong> licenses\/select2-LICENSE.md<\/li>\n<\/ul>\n\n<p>The plugin utilizes a locally bundled version of Select2.\nIt is served entirely from the local WordPress installation\nand does not make requests to an external CDN.<\/p>\n\n<h3>External Services<\/h3>\n\n<p>This plugin can request Google Fonts when a website administrator selects a Google-hosted font in the Typography settings. There is no separate external-service consent switch. By default, no Google font is selected.<\/p>\n\n<h4>Google Fonts<\/h4>\n\n<ul>\n<li><strong>Service Provider:<\/strong> Google LLC<\/li>\n<li><strong>Service Information:<\/strong> https:\/\/fonts.google.com\/<\/li>\n<li><strong>Privacy Policy:<\/strong> https:\/\/policies.google.com\/privacy<\/li>\n<li><p><strong>Terms of Service:<\/strong> https:\/\/policies.google.com\/terms<\/p><\/li>\n<li><p><strong>Purpose:<\/strong> Allows website administrators to choose custom typography styles for the frontend product configurator.<\/p><\/li>\n<li><strong>Data Transmission &amp; Privacy:<\/strong> No Google Fonts requests are made with default typography settings. When an administrator selects a Google font family, visitors viewing pages where the configurator typography styles are loaded may connect directly to Google Fonts servers to download the requested styles. During this standard browser request, the visitor's IP address, browser user-agent, and requested font files are processed by Google. No product configurations, form fields, or user input data are sent to Google.<\/li>\n<\/ul>\n\n<h3>Privacy Information<\/h3>\n\n<p>The plugin includes a built-in Custom Forms builder that allows website visitors to submit enquiry information.\nDepending on the fields configured by the website administrator, submitted information may include:\nName\nEmail address\nPhone number\nMessage\nSelected product configuration\nSelected options and calculated prices<\/p>\n\n<p>When a visitor submits a built-in enquiry form, the submitted details and selected product configuration are sent by email to the site administrator using the WordPress wp_mail() function. By default, the recipient is the site administration email address; developers can customize the recipient using the dpcon_custom_form_admin_email filter. If the visitor supplies an email address, the plugin also attempts to send a confirmation email to that address.<\/p>\n\n<p>Email delivery depends on the website's WordPress mail configuration and any mail delivery plugin or service configured on the site. The plugin does not operate a separate email delivery service. Site administrators should explain enquiry submissions and email processing in their own privacy notice.<\/p>\n\n<p>Website administrators are responsible for providing appropriate privacy notices and handling submitted information according to applicable privacy laws.\nThe plugin's use of Google Fonts is described in the External Services section above.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Install the plugin ZIP through Plugins &gt; Add New &gt; Upload Plugin, or copy the <code>deviser-smart-product-configurator<\/code> directory to <code>\/wp-content\/plugins\/<\/code>.<\/li>\n<li>Activate Deviser Smart Product Configurator. Activation creates the plugin's database tables.<\/li>\n<li>Under Product Configurator, create the options and groups needed for your product. Create categories and product types as required.<\/li>\n<li>Create a configurator product. Assign categories and groups, arrange option order, and set base pricing and optional image combinations.<\/li>\n<li>Choose the product's Frontend Display Layout and any form settings.<\/li>\n<li>Configure global plugin settings, including sticky button visibility and typography, if needed.<\/li>\n<li>Publish the product and place <code>[dpcon_product id=\"123\"]<\/code> on a WordPress page, replacing <code>123<\/code> with its real product ID.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"can%20a%20group%20appear%20without%20an%20image%20mapping%3F\"><h3>Can a group appear without an image mapping?<\/h3><\/dt>\n<dd><p>Yes. Configured groups and their options can be shown even if no image was mapped specifically to that group. Where possible, the preview keeps or resolves an image from compatible mapped selections.<\/p><\/dd>\n<dt id=\"how%20are%20product%20images%20selected%3F\"><h3>How are product images selected?<\/h3><\/dt>\n<dd><p>The plugin uses saved image mappings for categories and group\/option combinations. The default combination supplies the initial image, and AJAX requests resolve later selections. If no usable image exists, the image area may show a placeholder.<\/p><\/dd>\n<dt id=\"what%20group%20option%20display%20types%20are%20supported%3F\"><h3>What group option display types are supported?<\/h3><\/dt>\n<dd><p>Buttons, radio-style options, color swatches, image options\/cards, and dropdown selectors.<\/p><\/dd>\n<dt id=\"which%20enquiry%20forms%20can%20be%20used%3F\"><h3>Which enquiry forms can be used?<\/h3><\/dt>\n<dd><p>Only the built-in Custom Forms builder is supported.<\/p><\/dd>\n<dt id=\"can%20different%20products%20have%20different%20configurator%20layouts%3F\"><h3>Can different products have different configurator layouts?<\/h3><\/dt>\n<dd><p>Yes. Each product can select Default, Reverse, Equal Split, or Popup \/ Slide in the product editor.<\/p><\/dd>\n<dt id=\"how%20can%20i%20reorder%20groups%20and%20options%3F\"><h3>How can I reorder groups and options?<\/h3><\/dt>\n<dd><p>Select and arrange groups in the product editor and use the group-option ordering controls to drag options into the desired order. Save\/update the product to preserve the order.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Create interactive, image-based product configurations with flexible options, live prices, and lead forms.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/393141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=393141"}],"author":[{"embeddable":true,"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/vishnutechno"}],"wp:attachment":[{"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=393141"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=393141"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=393141"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=393141"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=393141"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=393141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}