How to edit the Submit button?

To edit the Submit button, go to your Form Editor and click on the Submit button area (not on the button itself). Its Edit Field panel will open on the left side of the page. There, you can change the text displayed on the Submit button. If you want to customize the button in terms of appearance, then customize the form theme.

123ContactForm edit submit button
There have been situations when the server or Internet connection was slow and form users didn’t wait for the submission to be sent. To prevent duplicate form submissions you can set your Submit button to disappear after it was clicked. Usually, this options is set by default. Even though the connection is slow, the form users can not click the Submit button again.
Go to the Edit Form section, select the Submit button (Send Email, Send), below, and tick Disable Submit button after click, in the Edit Field panel.

Related documentation:
How to align the Submit button?
How to redirect users to other web pages on submit?
How to remove the Submit button?

Mika

Hi, Is it possible to make the Submit button bigger??

June 11, 2015 12:12
    Olivian Stoica

    Hello, Mika!

    Yes, sure. You can go to the SettingsThemes section of your form and hit the Use Custom CSS link. Wait for a lightbox to appear and use this code:

    #id123-button-send {width:100px; height:60px;}

    Replace the values with the ones that suit your needs. Feel free to go creative.

    For further assistance, don’t hesitate to contact our Support Team at support@123contactform.com or via our contact form.

    Thanks!

    June 11, 2015 02:45
Tim

Hi,

Is it possible to customise the purchase button and make it bigger? Currently it is extremely small and hard for users to see.

June 11, 2015 08:02
    Olivian Stoica

    Hello, Tim!

    Yes, you can go to the Settings → Themes section of your form and hit the Use Custom CSS link. Wait for a lightbox to appear and use this code:

    #id123-button-send {width:100px; height:60px;}

    Replace the values with the ones that suit your needs. Feel free to go creative.

    For further assistance, don’t hesitate to contact our Support Team at support@123contactform.com or via our contact form.

    Thanks!

    June 11, 2015 02:47
      kriston

      hi there, i was able to make the submit button larger based on your answer above. thank you so much for that!! however, the text “submit” is still really tiny. is there a way to make it larger to look more in sync with the now larger button. thank you for your help!

      June 13, 2015 03:01
      Olivian Stoica

      Hello!

      I apologize for the late reply. In order to change the size of the text within the submit button, enter this code in the brackets: font-size:14px; (replace the value with the one corresponding to your needs)

      So you would have something such as: #id123-button-send {font-size:14px;}

      with the code I have shown you in the previous reply:

      #id123-button-send {width:100px; height:60px; font-size:14px;}

      But the best practice would be to just use the code: #id123-button-send {font-size:14px;}
      This way, the button will resize according to the size of the text.

      For further assistance, don’t hesitate to contact our Support Team at support@123contactform.com or via our contact form.

      Thanks!

      June 15, 2015 06:45
David

Using the orderform template what good is it if the submit button doesn’t add to cart or allow me to send to paypal?

January 07, 2015 04:19
    Olivian Stoica

    Hello David!

    The payments section for online forms works only for Platinum plans or higher. See our features matrix page for more details. We are currently integrated with PayPal, PayPal Pro, PayPal Payflow, Stripe, Sage Pay, PayU.ro, Authorize.net, Braintree, PayFast and FreshBooks. Payments are created on form submissions, meaning that users are redirected to a second page or on the check out page of the payment gateway to complete the transaction.

    If you integrate your order form with PayPal, users will be redirected to PayPal right after submission to complete their payment. In the Payments section of your order form, you can assign prices, add discounts, coupon codes and markups, enable recurring payment, add formulas and more. We do not have a shopping cart feature.

    If you have more questions or need assistance in building your forms, contact our Support Team at support@123contactform.com or via our contact form. They will gladly help with anything you need.

    Thanks!

    January 07, 2015 07:36
karisma

hi… my site is not active yet, however I would like to have my form when the user clicks submit for it to submit the information and take them to a new page. how do I do this?

September 18, 2014 07:42
    Olivian Stoica

    Hello!

    Please follow our documentation here on how to redirect users to a webpage after submission.

    For questions or assistance, contact our Support Team at support@123contactform.com or via our contact form.

    Thanks!

    September 19, 2014 06:28

Leave a Reply

Your email address will not be published. Required fields are marked *