Customizing the form base on the provided layout

  • AceYui
    Asked on September 26, 2015 at 4:06 PM

    Hello!

    I'm currently working on a new project and I want a few details in it.

    [1st Concern]

    Just like the order form below from Frank Kern, I would like to be able to put details besides the form itself. Like for example, a picture of me or my business and a summary on the right side and the form itself on the left side. How can I do this?

    Customizing the form base on the provided layout Image 1 Screenshot 20

     

    [2nd Concern]

    Just like in the 2nd screenshot below, I would like to have that kind of clean looking Payment Information Form instead of the usual "click here to buy" button and then have my customers be directed to the ugly looking PayPal page form. How can I do this?

    For those who could help or give constructive advice, THANK YOU!

    -AceYui

  • AceYui
    Replied on September 26, 2015 at 4:08 PM

    Because the 2nd screenshot isn't showing, I'm attaching it here:

    Customizing the form base on the provided layout Image 1 Screenshot 20

  • Elton Support Team Lead
    Replied on September 27, 2015 at 12:40 AM

    Hi,

    There are many ways to achieve that.

    It's either you create the page with all the details on the right side and a blank area on the left side so you only have to embed the form you created in the form builder.

    Or, you can construct everything at Jotform by using Text tool where you can add images, text or tables. Then position them by injecting CSS codes to your form or by using the form designer. If you need help on this part, send us a message.

    Customizing the form base on the provided layout Image 1 Screenshot 30

    We also have few templates available designed with sidebars which you can clone and customize on the form builder.

    https://www.jotform.com/form-templates/contact-page-black-and-responsive

    https://www.jotform.com/form-templates/contact-page-orange-and-responsive

    https://www.jotform.com/form-templates/contact-page-blue-and-responsive

    https://www.jotform.com/form-templates/social-media-contact-form

    About collecting payments straight from your form, you can use payment integrations that offers CC payment like Paypal Pro, Stripe or Authorize.net. They can be found under Payment Tools.

    Customizing the form base on the provided layout Image 2 Screenshot 41

    If we can be of further assistance, feel free to let us know.

    Regards!

  • AceYui
    Replied on September 27, 2015 at 2:31 AM

    Thank you Elton!