How to have 2 products with different headers?

  • Profile Image
    Asked on June 14, 2014 at 02:23 AM
    Another question — I would like to have 2 products with different headers.  I saw that thread about putting in Free products to use as headers and manipulating the code to remove the check box and "Free" — is that the ONLY way? Seems very complicated.  I'm putting my form in Adobe Muse so I don't have access to the code once it's embedded.
  • Profile Image
    Answered on June 14, 2014 at 02:32 AM

    Hello sarahcee,

    It seems you want to display product category in your payment question. Is that correct?

    Unfortunately, this is the only way to add heading/category in your payment question. The following guide should help you:

    This seems to be complicated but its easy to achieve. We can help you on this provided you let us know the headings and which all products comes under which heading. We will implement it in your form. Please be noted that you do not have to change your embedded code. The changes made to your form in form editor will reflect in your web page as well provided you have not used your form's source code to embed your form.

    Another option is to simply download your form's source code and add the category in form's source code. 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image
    Answered on June 14, 2014 at 12:18 PM

    Hi, I would LOVE it if you could do this for me!  I need a header "Sponsor" for the first items in my form, and "Individual Tickets" for the last item.  I've already added them, they just need to be underlined with check boxes and "free" removed.

    Thank you so much for your help, I really appreciate it!

  • Profile Image
    Answered on June 14, 2014 at 06:28 PM


    Please use this CSS code on your form



    input[id*="1010"] + label > .form-product-details,

    input[id*="1011"] + label > .form-product-details






    font-weight: bold;

    text-decoration: underline;



    Or copy the codes from here

    Follow this user guide on how to inject CSS code into your form.

    User Guide: -How-to-Inject-Custom-CSS-Codes


    I tried this on my test form 

    and it is now like this


    Hope this help. Inform us if you need further assistance.




  • Profile Image
    Answered on June 16, 2014 at 10:58 AM

    Thank you, this is SO helpful!!!