Add Custom Product Fields and Meta to Dokan Vendor Dashboard

Extend Dokan product forms with custom fields using four-step process: add HTML to new product form with dokan_new_product_after_product_tags hook rendering input fields, save field values with dokan_new_product_added action using add_post_meta, display fields in edit form with dokan_product_edit_after_product_tags hook retrieving existing values with get_post_meta, update values with dokan_product_updated action using update_post_meta. Create custom input fields, textareas, or select dropdowns for additional product information, store as post meta for retrieval, maintain vendor-friendly interface matching Dokan styling, extend product data beyond default WooCommerce fields, and provide vendors with specialized product management capabilities.

Add Extra Field And Extra Product Meta Fields In Dokan

Dokan Hooks Plugins Woocommerce Wordpress

Add Extra Field And Extra Product Meta Fields In Dokan Tutorial/Guide

How To Add New Html Field On Add/Update Product Form?

How To Add/Update Value Of Custom Added Html Field Into Product Meta?

DOKAN is no doubt the best front end multi-vendor marketplace on WordPress, powered by WooCommerce.Dokan is the fastest way to start eCommerce and earn through commissions with products ranging from digital, physical to variable products. Adding/Updating Html Field And Adding/Updating them to meta field is 4 Steps Process:-

  1. Adding Html To Product Adding Form.
  2. Save Value Of Newly Added Field To Product Meta.
  3. Adding Html To Product Updating Form.
  4. Update Value Of Newly Added Field To Product Meta.

Adding Html To Product Adding Form

We can Use "dokan_new_product_after_product_tags" Hook for adding Html Tags For New Field.

function AddExtraProductFieldHtml(){	
  echo "<div class="dokan-form-group">
  <input type="text" class="dokan-form-control" name="specificity" placeholder="Specificity">
  </div>"; 
}
add_action ('dokan_new_product_after_product_tags','AddExtraProductFieldHtml',99);

 

Save Value Of Newly Added Field To Product Meta.

We can Use "dokan_new_product_added" Hook for saving value of new field to product meta.

function AddExtraProductMeta($product_id, $post_data){	
    add_post_meta( $product_id,'specificity',$_POST['specificity']);
}
add_action ('dokan_new_product_added','AddExtraProductMeta',11,2);

  Adding Html To Product Updating Form. We can Use "dokan_product_edit_after_product_tags" Hook for adding Html in product edit form.

function UpdateExtraProductFieldHtml($post, $post_id){
$specificityvalue  = get_post_meta( $post_id,'specificity', true );	
  echo "<div class="dokan-form-group">
  <input type="text" class="dokan-form-control" value="'.$specificityvalue .'" name="specificity" placeholder="Specificity">
  </div>"; 
}
add_action ('dokan_product_edit_after_product_tags','UpdateExtraProductFieldHtml',10,2);

  Update Value Of Newly Added Field To Product Meta. We can Use "dokan_product_updated" Hook for updating value of new field in product meta.

function UpdateExtraProductMeta($product_id, $post_data){	
    update_post_meta( $product_id,'specificity',$_POST['specificity']);
}
add_action ('dokan_product_updated','UpdateExtraProductMeta',11,2);

 

πŸ’‘ Have a Coding Problem?

Search our archives or reach out to our team for solutions and expert advice.