CodePeople2

Hello @magustsf

Thank you so much for using our plugin. The do_shortcode is the correct and preferred alternative. Please watch the following video:

https://resources.developers4web.com/cff/tmp/2025/10/01/video_o.mp4

However, the behavior you describe might be related to a preprocessing of your theme or a third-party plugin installed on your website. Could you please provide the WordPress information? It is available through the menu option “Tools > Site Health > info”, and then press the “Copy to clipboard” button.

Alternatively, you can insert an iframe tag to load the form URL directly:

https://resources.developers4web.com/cff/tmp/2025/10/01/video2_o.mp4

Best regards.

Hello @ollyw

What version number of our plugin do you have installed?

What hook name have you entered in the “Have you installed a custom WordPress theme that doesn’t use the standard WooCommerce hooks, and players are not visible on shop pages? If so, please enter the hook names separated by commas that the plugin should check to load the audio players on the shop pages.” attribute in the plugin settings? This attribute is available through the “Settings > Music Player for WooCommerce” menu option. Please try entering the word none in this attribute, and clear your website cache before testing again.

Please let me know if the modification in the settings attribute fixes the issue.

Best regards.

Hello @fooey

Ok, please follow the steps below:

1. Insert an HTML Content field in the form and enter the text you prefer in its content.

2. In the “Advanced Settings” tab of the “HTML Content” field, tick the checkbox to hide the field to hide it by default.

For the next step, I will assume the HTML Content field’s name is fieldname123 (please use the correct field’s name in your form).

3. Finally, edit your current equation as follows:

(function(){
  let divider = {1:15650, 2:21150, 3:26650, 4:32150, 5:37650, 6:43150, 7:48650, 8:54150}; 
  let result = fieldname2/divider[fieldname3]*100;
  
  HIDEFIELD(fieldname123|n);
  if(result < 500) SHOWFIELD(fieldname123|n);

  return PREC(result,2);
})();

Please note that I edited your equation for optimization purposes. I reduced the number of “if” conditional statements and the volume of code.

Hello @ohtusabes

Yes, that’s possible. Simply use a different color for each choice.

For example:

#fbuilder .cff-radiobutton-field input{display:none !important;}
#fbuilder .cff-radiobutton-field .dfield{display:flex !important;flex-wrap:wrap;gap:10px;}
#fbuilder .cff-radiobutton-field .one_column{width:20%;border:2px solid #dadada;padding:10px;border-radius:5px;display:flex;align-items:center;justify-content:center;}
#fbuilder .cff-radiobutton-field .one_column span{text-align:center;display:block;}
#fbuilder .cff-radiobutton-field .one_column:has(input[value="1"]:checked){background:green;border-color:green;}
#fbuilder .cff-radiobutton-field .one_column:has(input[value="2"]:checked){background:yellow;border-color:yellow;}
#fbuilder .cff-radiobutton-field .one_column:has(input[value="3"]:checked){background:orange;border-color:orange;}
#fbuilder .cff-radiobutton-field .one_column:has(input[value="4"]:checked){background:red;border-color:red;}

Please note the support service does not cover the implementation of the users’ projects. If you require us to implement a personalized design for your form, please contact us through the plugin website:

https://cff.dwbooster.com/customization

Best regards.

Hello @ohtusabes

You missed some spaces and symbols in your CSS block of code. The correct is:

#fbuilder .cff-radiobutton-field input{display:none !important;} 
#fbuilder .cff-radiobutton-field .dfield{display:flex !important;flex-wrap:wrap;gap:10px;} 
#fbuilder .cff-radiobutton-field .one_column{width:20%;border:2px solid #dadada;padding:10px;border-radius:5px;display:flex;align-items:center;justify-content:center;} 
#fbuilder .cff-radiobutton-field .one_column span{text-align:center;display:block;} 
#fbuilder .cff-radiobutton-field .one_column:has(input:checked){background:#1e7caf;border-color:#1e7caf;color:white;}

Best regards.

Hello @ohtusabes

Please watch the following video:

https://resources.developers4web.com/cff/tmp/2025/09/16/video-2_o.mp4

I used the style definition:

#fbuilder .cff-dropdown-field select option:first-child{background:#cae6ef;}
#fbuilder .cff-dropdown-field select option:nth-child(2){background:#fbeee5;}
#fbuilder .cff-dropdown-field select option:nth-child(3){background:#fad2d8;}
#fbuilder .cff-dropdown-field select option:nth-child(4){background:#f2c4d6;}
#fbuilder .cff-dropdown-field select option:nth-child(5){background:#dbc1e7;}

Best regards.

Hello @irvingbos

We have released a new plugin update that includes some of your requests. It displays a confirmation dialog during the field deletion process to prevent deleting fields by mistake. This is useful when the field is used by other fields, such as in calculated field equations or data source fields for filtering. It is also useful when deleting a container field (fieldset, div, or popup) that contains other fields.

Best regards.