Discussion on Super Forms - WooCommerce Checkout Add-on


feeling4design supports this item


This author's response time can be up to 1 business day.

32 comments found.


itdog Purchased

hey there, am interested in this addon, yet my usage is not like the demo but simpler, which i just need to add a button/form to a page that links with a woocommerce product; so whenever users click the submit button on the page, it will redirect users to the woocommerce checkout page, is it something your plugin can do? just wanna make sure i didn’t misunderstand the capability of your addon. Thanks in advance. Don


itdog Purchased

oh and i will have different page that needa link with different products to checkout too, is it doable by creating multiple forms that links with different products?

Hi, thanks for asking, yes this is totally possible with this Add-on. Basically your form simply won’t have any fields :) And for each form you can set a product ID that needs to be added to the cart / checkout page.

I bought both calculator and woocommecre checkout.

For my form I let my customer to fill a product name in text field , quantity and price in each element but when clink on the button for redirect to checkout page it show Checkout is not available whilst your cart is empty.

The problem is I don’t know where I can find product id. I try to use tag but it do not work !

{product1}|{qty1}|{price1} {product2}|{qty2}|{price2} {product3}|{qty3}|{price3}

Welcome for any suggestion.

Thank you

I don’t quite understand the logic behind this. I mean normally you have products in your woocommerce. They all have an ID. You can use this ID in your form, the user selects the product, and the quantity. Why would they have to fill out their own price? Am I missing something?

At first, there has no woocommerce product and then when my customer fill the order form and click submit button the product will be added to woocommerce cart automatically something like that.

Yes I understand, but you can’t add a product to the woocommerce cart if it doesn’t exist. That’s what I am trying to explain.


Is it possible to have a date picker and add a checkout price?

In other words, use this add-on form as [a..simple] hotel booking form?

Thank you in advance.

Hi, you could, but you must understand that the selected date by a user can be selected by others after, so it won’t be locked out or blocked. Hope this helps.

Hmm, thanks!

Hi, I don´t understand how to install this addon. I tried on two different wordpress installations with different themes … superforms is not shown in the sidebar/dashboard. Can you help please?.. kind regards

Hello, this is an add-on for Super Forms, without Super Forms it can’t do anything. So you must have Super Forms also installed. You can find it here: https://codecanyon.net/item/super-forms-drag-drop-form-builder/13979866

Hi … OmG … ;-) … thank you.

User is being redirected to the check out in french when it should redirect to the check out in english: http://gravuresurmesure.com/commande/?lang=en

I understand what you mean, but by default I believe it will just retrieve the checkout page URL that you have set in the woocommerce settings. Please contact support if you really need this to work, we can help thanks.

Hi. So now I have the SF plugin + Woo AO + Calculation AO + Woo Name Your Price and it’s working as needed be. My question is can the order be linked to the form the same way how the form is linked to order. So instead of the admin going to the form entries, he can open the Woo order and from there have a link to take it him to the form entry of that order

Good question, I don’t think it’s possible at this moment, but it’s a good request, could you please send support ticket with your request, then you will get some more information regarding this.

Pre-buy question: Dynamic products checkout: is it possible to pass additional information filled by the user,e .g, price for each sector, memo … in the form into the notes field(or any other field of the order) when checkout? Currently I see only the end price can be passed to the checkout, so the user filled form is stored separated from the generated woocommerce order. Thank you!

Hi, in this case you probably having a variable product. In that case you can use the setting of woocommerce in super forms, there you can parse the selected variable ID (which you added to the product). So you can add a dropdown with the colors, and dropdown with the sizes, they contain all the options with their value set to the variable ID. And in the settings you use the {tag} where tag is replaced with the dropdown field name.

This is the right way to do this and think the best way in your case.

Dear Sir, Thank you for your reply! From the trial link you provide, I think it is the best and strong form tool I find. I am considering which add-on I will need too. One more question: Is one of the add-on could let me add a hidden field which is file upload type? I want to pass a image link to the form, by submitting the form, the image can be stored with other form data in DB, like a file. Thank you!

I am not sure what you mean with “file upload type”. There is a file upload field, but it can’t be hidden, it’s only for visitors to upload files.

Hi, Everthing works fine with this plugin except the fact confirmation mail is sent to users even before they finish payment after Woocommerce checkout. I looked for any option but could not find it. Is there any way I can send confirmation mail after payment is received or maybe pass the user submission info to Woocommerce side?

Hi, I understand what you mean, sorry this isn’t possible at this moment, but I will note it as future improvement for the add-on. Regarding the form info parsed to the woocommerce side, the form info get saved as a contact entry, and you will find a link to the woocommerce order. (but on the order itself there is currently no reverse link to the form data). I will note this also. Thanks.

Alright thank you for your quick reply!

I really don’t understand. Their are no options displaying on the form for the user to select what products they want. The products don’t display at all on the form. They all just get added when you hit submit.

This is what I have in the “Enter the product(s) ID that needs to be added to the cart” field… 2210|1 2194|1

Are you saying create an individual checkbox for each product on the form and then use the “first_choice” “second_choice” “third_choice” where the quantity goes? Because I’m not sure how that would work being that each one has to be unique.

Are you saying create an individual checkbox for each product on the form and then use the “first_choice” “second_choice” “third_choice” where the quantity goes?

Yes you can remove the “second_choice” and “third_choice” options. And you will have to change 2210|1 2194|1 to:


(each on new line).

If user selects the first checkbox and leaves second blank output will become:


Gotcha. Let me toy around with this.

Is there any option to show one checkout or other depending of the products that the user added to cart? Thank you

Hi, what do you mean with “one checkout or other”?

I mean show one form or other (on checkout) depending the products added to cart.

Hi, that’s not what this add-on is for. This add-on is for super forms. So you can create a form, and after the user filled out that form it will redirect it to the woocommerce checkout or cart. That’s all basically. I hope you understand. Thanks.

Hi I purchased the plugin but I want to know if this add on works fine for me. I got the register add on also. So what about the fields I added to the form for example address zip code etc why they didn’t show on the checkout form do I have to add some keyword to the field? And what if I want some fields I created on super forms to show on checkout form. For example I added on super forms 4 text fields and I want to show those fields on the checkout form and the ability to edit if it necessary. Thanks for you help

Great its working now!! Sorry I havean other quiestion. I already added a field on billing form with the name “billing_name1” function custom_override_checkout_fields( $fields ) { $fields‘billing’ = array( ‘label’ => __(‘Menor 1’, ‘woocommerce’), ‘placeholder’ => _x(‘Menor 1’, ‘placeholder’, ‘woocommerce’), ‘required’ => false, ‘class’ => array(‘form-row-wide’), ‘clear’ => true ); }

return $fields;

/** * Display field value on the order edit page */

add_action( ‘woocommerce_admin_order_data_after_billing_email’, ‘my_custom_checkout_field_display_admin_order_meta’, 10, 1 );

function my_custom_checkout_field_display_admin_order_meta($order){ echo ‘

’.__(‘Nombre del menor’).’: ’ . get_post_meta( $order->get_id(), ‘_billing_name1’, true ) . ‘

’; }

And on super forms I have a field with the same name billing_name1, it saves on super forms but not on my checkout form. Just show the field empty.

How could I achieve these? Or its easy if I have WooCommerce Checkout Field Editor Thank you for your help!!!

I do not know what the differences are between your form and mine, but it works fine on my site with this form code:

[{"tag":"text","group":"form_elements","inner":"","data":{"name":"first_name","email":"first_name","label":"","description":"","placeholder":"first_name","value":"","tooltip":"","validation":"none","custom_regex":"","conditional_validation":"none","conditional_validation_value":"","may_be_empty":"false","error":"","enable_auto_suggest":"","retrieve_method":"custom","retrieve_method_csv":"","retrieve_method_delimiter":",","retrieve_method_enclosure":"\"","retrieve_method_taxonomy":"category","retrieve_method_post":"post","retrieve_method_exclude_taxonomy":"","retrieve_method_exclude_post":"","retrieve_method_hide_empty":"0","retrieve_method_parent":"","retrieve_method_value":"slug","autosuggest_items":[{"checked":false,"label":"First choice","value":"first_choice"},{"checked":false,"label":"Second choice","value":"second_choice"},{"checked":false,"label":"Third choice","value":"third_choice"}],"enable_distance_calculator":"","distance_method":"start","distance_start":"","distance_destination":"","distance_value":"distance","distance_units":"metric","distance_field":"","enable_address_auto_complete":"","address_api_key":"","enable_address_auto_populate":"","address_auto_populate_mappings":[{"key":"street_number","field":"","type":"long"},{"key":"street_name","field":"","type":"long"},{"key":"city","field":"","type":"long"},{"key":"state","field":"","type":"long"},{"key":"postal_code","field":"","type":"long"},{"key":"country","field":"","type":"long"},{"key":"municipality","field":"","type":"long"}],"enable_keywords":"","keyword_max":"5","keyword_split_method":"both","enable_search":"","search_method":"equals","disabled":"","grouped":"0","mask":"","uppercase":"","maxlength":"0","minlength":"0","maxnumber":"0","minnumber":"0","width":"0","wrapper_width":"0","exclude":"0","error_position":"","custom_tab_index":"-1","class":"","wrapper_class":"","icon_position":"outside","icon_align":"left","icon":"user","conditional_action":"disabled","conditional_trigger":"all","conditional_items":[{"field":"name","logic":"","value":"","and_method":"","field_and":"name","logic_and":"","value_and":""}],"minimized":"no"}},{"tag":"hidden","group":"form_elements","inner":"","data":{"name":"billing_first_name","email":"Hidden","value":"","exclude":"0","enable_random_code":"","code_length":"7","code_characters":"1","code_uppercase":"true","code_lowercase":"","code_prefix":"","code_invoice":"","code_invoice_padding":"4","code_suffix":"","conditional_variable_action":"enabled","conditional_items":[{"field":"first_name","logic":"not_equal","value":"","and_method":"","field_and":"first_name","logic_and":"","value_and":"","new_value":"{first_name}"}],"minimized":"no"}},{"tag":"hidden","group":"form_elements","inner":"","data":{"name":"billing_first_name","email":"Hidden","value":"","exclude":"0","enable_random_code":"","code_length":"7","code_characters":"1","code_uppercase":"true","code_lowercase":"","code_prefix":"","code_invoice":"","code_invoice_padding":"4","code_suffix":"","conditional_variable_action":"enabled","conditional_items":[{"field":"first_name","logic":"not_equal","value":"","and_method":"","field_and":"first_name","logic_and":"","value_and":"","new_value":"{first_name}"}],"minimized":"no"}}]

And with this php code:

function custom_override_checkout_fields( $fields ) {
     $fields['billing']['billing_name1'] = array(
        'label'     => __('billing_name1', 'woocommerce'),
    'placeholder'   => _x('billing_name1', 'placeholder', 'woocommerce'),
    'required'  => false,
    'class'     => array('form-row-wide'),
    'clear'     => true
     return $fields;
add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );

function my_custom_checkout_field_display_admin_order_meta($order){
    echo '<p><strong>'.__('billing_name1 From Checkout Form').':</strong> ' . get_post_meta( $order->get_id(), '_billing_name1', true ) . '</p>';
add_action( 'woocommerce_admin_order_data_after_shipping_address', 'my_custom_checkout_field_display_admin_order_meta', 10, 1 );

Live test here: http://f4d.nl/dev/billing_first_name/

Thank you!! I al ready sent you an email, coz maybe we need some custom work.

Great support!!!!


dalgit Purchased

Please help for some time I’m trying to set up the WooCommerce Checkout Add-on but it still does not work according to my requirements. I miss some great help or tutorial here. Certainly many buyers would appreciate a more detailed tutorial. I am currently looking for information on different forums, which takes a lot of time.

I create forms with print calculations and I want the resulting calculation, including parameters, to be included in the shopping cart.

plugins I have purchased: Super Forms – Drag & Drop Form Builder Super Forms – Calculator Super Forms – Register & Login Super Forms – WooCommerce Checkout

Example: printing business cards important parameters:

1. quantity 2. color printing – one-sided or double-sided 3. lamination (3 types of lamination) 4. price – calculated price

You can use the following (but you must include the variation ID of the product). (Under Form Settings > Woocommerce checkout):

Where 1 would be the price. 2 the quantity, 3 the variation ID 1|2|3

So final example could be:


Name them accordingly.


dalgit Purchased

thank you for the answer, but I need to specify it a bit so I do not have to try many settings again.

So I created a product with variants in WooCommerce
  1. 3371
  2. 3372
  3. 3373

Id of the main product 3342

In the superforms I have a quantity field – Unique field name “quantity”

So how do I write the code in the WooCommerce Checkout Add-on.

And how do I transfer to WooCommerce, the price calculated by the superform calculator.

The point is that the example of the cost of printing business cards is just a simplified version. Other forms will include 50 variants with hidden fields “for a service charge”.

Variable products do not have custom prices right? At least i think they don’t.

But anyway you should write it like this:


I guess the user is selecting a dropdown or something with the variation right? Or radio button?

Just a suggestion, maybe you are looking for “Name Your Price” plugin? Because then you can just have 1 product, with a dynamic price determined by the form with calculator final result.

Just like the example form: http://f4d.nl/super-forms/documentation/wordpress-site-setup/

Which is by the way available from: Super Forms > Marketplace

(but requires the Name Your Price add-on from official woocommerce site)