How Do I Change My Form's Submit Button?

For any of our sign up form templates you can change the submit button. Some templates will have an image loaded by default for the sign up form button, where as others do not. Below you will find instructions on how to use/change an image for the submit button, and how to use basic submit button where you can type in your own text.

With a basic submit button you can change the text for the button and the colors for the button as well.

Step by Step Instructions

  1. Click on the "Sign Up Forms" tab in your account's navigation bar, then click on the "Create A Sign Up Form" button (or open an existing form you'd like to change the submit button for).



  2. Underneath the templates, you'll find a drop-down box whose label reads "Form Type". Click on it.

    21742037_step02.jpg

  3. Select the "Submit Button" option.

    21742037_step03.jpg

  4. Click on the "Advanced" tab.

    21742037_step04.jpg

    At this point the instructions will be different depending on what you are trying to do.

Using/Changing An Image For Your Submit Button

  1. After you have clicked on the "Advanced" tab in step 4 of the initial instructions you will see an area for the "Button Image" URL. If there is a URL currently in there for a button image, click the "x" to delete it.

    21742037_step05.png

    Next, enter in the URL for the button image that you wish to use.

    21742037_step06.png

  2. On your keyboard, click "TAB", and your image will appear as the "Submit" button for your form. 

    KB0328_step05.png    

Using A Basic Submit Button

  1. After you have clicked on the "Advanced" tab in step 4 of the initial instructions you will see an area for the "Button Image" URL. If there is a URL in there, make sure to delete it.

    21742037_step05.png

  2. On your keyboard click "TAB" and you will see a basic "Submit" button appear in your form.

    21742037_step09.png

  3. Click on the "Submit" button and you will see a black box pop up. From within this box you can change the text that you would like to appear for the "Submit" button. After you have typed in the text you would like to use for the button, click on the "Save" button.

    21742037_step10.png

  4. From above the form you will see additional options for changing font style, size, and color for the font of the "Submit" button. Adjust these options as you see fit.

    21742037_step11.png

    You can change the color for the button itself. Here just select if you would like the button to be a gradient or solid color.

    21742037_step12.png

    Next, to the color options you will see additional options for adjusting the position of the button.

    21742037_step13.png

  5. You are now complete! Now you have adjusted the settings for using a basic submit button. Below you will see an example of a customized submit button.

    21742037_step14.png
Have more questions? Submit a request