Link to a specific WooCommerce product page based off user input

Hi,

You are trying to use the WooCommerce integration with the CFF in the wrong direction.

The WooCommerce add-on, in the developer version of the plugin, allows to integrate a form with a specific product of WooCommerce. So, you can create the forms as usual, and then, integrate the form with specifics products, from the products edition.

If you want to create a form, and redirect to the user to specific products, in function to values entered through the input fields, you can create a form, independient of the WooCommerce products, like in the following example:

I’ll assume that your form includes two numeric fields: fieldname1, and fieldname2, and can occur any of following cases:

– If fieldname1 is equal to 1 and fieldname2 is equal to 1, redirect to the user to: http://www.yourdomain.com/product1.html

– If fieldname1 is equal to 1 and fieldname2 is equal to 2, redirect to the user to: http://www.yourdomain.com/product2.html

– If fieldname1 is equal to 2 and fieldname2 is equal to 1, redirect to the user to: http://www.yourdomain.com/product3.html

– If fieldname1 is equal to 2 and fieldname2 is equal to 2, redirect to the user to: http://www.yourdomain.com/product4.html

Now, you should follow the steps below:

1. Untick the option: “Eval dynamically the equations associated to the calculated fields”, from the “Form Settings” tab of form builder.

2. Select the option: “No”, in the attribute: “Display submit button?” in the form’s settings.

3. Inserts a button field in the form, and select, the “Calculate” option as the button type.

4. Inserts a calculated field in the form, and tick the option: “Hide Field From Public Page”, because the new field is not relevant in the form’s interface.

5. Finally, enter the following equation associated to the calculated field:

(function(){
var a = fieldname1;
var b = fieldname2;

if(a == 1 && b == 1) document.location.href = 'http://www.yourdomain.com/product1.html';

if(a == 1 && b == 2) document.location.href = 'http://www.yourdomain.com/product2.html';

if(a == 2 && b == 1) document.location.href = 'http://www.yourdomain.com/product3.html';

if(a == 2 && b == 2) document.location.href = 'http://www.yourdomain.com/product4.html';
})()

and that’s all.
Best regards.

Hi,

If you want to create a form with multiple pages, you simply should insert a “Page Break” field between the fields that belong to the first page, and fields that belong to the second page. You can insert multiple “Page Break” fields to distribute the form’s fields in multiple pages.

Best regards.

Hi,

If you want to redirect to the user to a different webpage, you should follow the instructions that were sent in a previous entry, and not the “Next” and “Previous” buttons, because they are used for moving forward and backward, between pages of a same form.

However, if you want connecting different forms, and use the data sent from a form in another one, please, read the following article in our technical blog:

http://blog.net-factor.com/how-to-use-the-data-submitted-by-a-form-in-another-one/

Best regards.

Hi,

The behavior you describe is happening because you have not followed all the steps on description, specifically the first step:

1. Untick the option: “Eval dynamically the equations associated to the calculated fields”, from the “Form Settings” tab of form builder.

If the option is ticked, the equations are evaluated dynamically after loading the webpage, and in your case the webpage is redirected to the URL selected in the equation.

Best regards.

Hi,

I will need the URL to your webpage to check the form’s structure.

Best regards.

Hi,

Yes, of course, please, creates a new entry in our private support service:

http://wordpress.dwbooster.com/support

Best regards.