Want to give your form’s success message a little extra polish to match your website’s style? You can easily customise the look of your form’s button and success message right inside your Rocketspark dashboard. This quick guide walks you through how to create a new button style, tweak the colours, and apply it to your form—so your design stays beautifully on-brand from start to finish.
Walk-through tutorial - Watch the video then click "Next"
(To make this tour bigger, click the arrows on the right or zoom in)
-
Log in to the dashboard and click on 'Change Design'
- Click on 'Button Styles'
- Click on the button + Add new style
- From here, rename the button to something familiar, such as 'Form'. You can then click through the Colour sections to update the background, text and border colours.
- Repeat the colour selection for the Mouseover colours - this will be the colours that appear on hover for the button
- Once all of your selections have been made, click 'Add Style'
- Next 'Close' out of the Button Styles section and then hit 'Save Changes' at the top of the menu
- From here, if you can navigate to the form you are wanting ot update and click the pencil overtop of the form block
- You can then click the 'Form Button' dropdown, and this will display all of your buttons for you to choose from. You can then 'Save' and the changes will be reflected on your form.
FAQs
1. Can I change the wording of my form’s success message too?
Yes! You can edit the text that appears after someone submits your form. Just open the form block editor, scroll to the Form Settings tab, and update the message under Success Message Text.
2. Why can’t I see my new button style in the dropdown list?
Make sure you’ve clicked Add Style and then Save Changes at the top of the design panel before returning to your form. If it still doesn’t appear, refresh your browser and check again.
3. Can I use the same button style on multiple forms?
Absolutely. Once you’ve created a button style (e.g., “Form”), it’ll be available site-wide. You can select it from the Form Button dropdown on any form block.
4. Will changing the button style affect other parts of my site?
No. Button styles are separate—so the one you create for your form won’t change buttons in other places unless you manually apply it elsewhere.
5. What’s the difference between “Button Colours” and “Mouseover Colours”?
Button Colours set how your button looks normally, while Mouseover Colours are what show up when someone hovers their mouse over it. It’s a nice way to make your buttons feel interactive.