Design: Designing Buttons
When designing your buttons, it's good to keep in mind where you intend to use them throughout your campaign website. This helps to keep your brand colours consistent and accessible for your audiences.
Skip Ahead To
Types of Buttons
To start customising your buttons, from your Campaign dashboard click on Design > Buttons.
You'll see there are four button types:
- Primary Button - useful for the Navigation Menu or Dashboard buttons
- Secondary Button - a less distinct version of the Primary Button. Useful for buttons that redirect your site visitors to other pages within your campaign website e.g. Read More, Event Details, Blog etc.
- Call To Action (CTA) Button - useful for directing your site visitors to take a specific action for the campaign e.g. Sign Up, Donate, Buy Ticket
- Inverse Button - highly versatile and useful for overlaying a button over graphics or an image
Customising your Buttons
To style your buttons, we'll head to Design > Buttons and select the button type you're trying to customise. We'll use the Primary Button as an example.
- 1
-
Next to the Primary Button title, click on EDIT or the dropdown arrow to view all the customisation options
- 2
-
While designing the button, keep in mind where you want to use the buttons so that it stands out from your campaign website background
- 3
- Once you're happy with the edits click on Save Changes to finalise your updates
Applying your Button Styles
There are generally two ways you can apply your Button Design to the rest of the campaign website.
1. Site/Navigation Menu
This can be accessed by going to Campaign > Settings > Menu. While setting up your menu options, click on Item Style to select which Button Design you want to implement.
2. Button Blocks within the Page Editor
The second would be to your Button Block, where you can access the block settings and choose the Button Style for each button you've added. The styles you have set up within your Button Design will apply automatically based on your selection
FAQs
### accordion
## expand
# Can I use the Style option under the Button block setting to make customisations to the button colours?
The Style option under the Button block settings do not override the colours you have set up within the Button design settings. This is to ensure consistency of your button designs throughout your website.
## expand
### accordion
Cannot find the support guide you are after? Head on over to our YouTube channel 📺 for more creative content to help you go further. You can even leave us comments, suggesting new content ideas 🤯