How do I change my sign up form 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).

    Click Create Sign Up form and For My Website

  2. Underneath the "Elements" section, click on the drop-down menu labeled "Form Type".

    Click the dropdown for Form Type

  3. Next, select the "Submit Button" option.

    Select Submit Button

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

Using or changing an image in your submit button

  1. After selecting "Submit Button" from the "Form Type" drop-down menu, 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.

    Click x to clear existing input

    Next, enter in the URL for the button image that you wish to use. You can also select an image from your Image Gallery.

    Enter the Image URL

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

    Click tab or enter

Using a basic submit button

  1. After selecting "Submit Button" from the "Form Type" drop-down menu, you will see the "Button Image" field. If there is a URL in there, make sure to delete it.

    Click x to clear existing input

    You can also remove an existing button image by clicking on it and selecting the "Switch to HTML button" from the "Form Button" box that pops up.

    Click Switch to HTML Button

  2. Click Tab on your keyboard and you will see a basic "Submit" button appear in your form.

    Click Enter or Tab

  3. Click on the Submit button and a "Form Button" box will pop up again. 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 Field" button.

    Edit text and click save field

  4. 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.

    Options for adjusting font, font size and color

    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.

    Color and gradient options for button

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

    Positioning options for submit button

  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.

    A customized green button that says Yes, send me recipes

Have more questions? Submit a request