How to edit the Submit button?

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?

10 Comments

  1. Mika says:

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

    • 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!

  2. Tim says:

    Hi,

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

    • 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!

      • kriston says:

        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!

      • 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!

  3. David says:

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

    • 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!

  4. karisma says:

    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?

Leave a Reply

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