MODX: Adding Banners & Buttons
Splash Banners
On the Home Page of your website we encourage you to add at least one large Splash Banner image to grab the attention of your website visitors. You can also add these Splash Banners on normal website pages as well if you like, although we think they work best on the Home Page.
You can add up to four individual splash banners that will animate across and it is easy to swap these around and link them to important areas of your website whenever you wish.
Each Splash Banner should be 860 pixels wide and 305 pixels tall at 72 pixels to the inch; first upload them to your images folder (see Images, Graphics and Identity) and you can add them by navigating to your Home Page->Template Variables->Pages Settings and ‘Add Item’ on the Splash Banner section; navigate to your images folder and select the banner. Repeat for each banner if you intend to use more than one. You can switch the Splash Banner and Splash Buttons on or off by checking or unchecking the checkboxes at the start of the Page Settings tab.
Splash Buttons
Underneath the Splash Banner you can add three Splash Buttons which should be used to highlight the three most important Actions you wish visitors to take. You can edit and amend these Buttons by clicking on ‘Add Item’ under the Splash Buttons section or you can edit existing Buttons by right clicking the displayed graphics.
This will open up the Item editing box where you can specify the Title which is the text that appears underneath the button, the Link which can either be a page ID in double square brackets or a direct URL link for external pages. You can select the image by double clicking on the link and pasting the image path in or clicking on the double arrows to navigate to the correct image using the image browser.
Available Splash Buttons
We have pre-created a number of splash buttons, each of which are 420 pixels wide and 139 pixels tall such as this Sign Up graphic;
A new angled version for Volunteer, Donate, Join and Sign Up are available here:
Volunteer
Donate
Join
Sign Up
Volunteer
Donate
Join
Sign Up
All MODX guides were written by volunteers, and haven't been updated in several years. If you spot any errors use the thumbs down icon below to leave feedback.
Related Articles
MODX: Managing Footer Links
You can manage the links you find at the footer of every page from your Home Page. If you navigate to Home Page->Template Variables->All Site Settings you can amend the four columns of links such as this example from Stroud Green Party. Where you ...Using URL Parameters To Create Donation Buttons In Action Network Emails
Decide What Buttons Your Need Before creating your buttons you'll need to decide how many you want to use along with the amounts and recurring frequency. It's a good idea to not create too many. Three buttons is a good maximum. Most fundraising ...MODX: Page Templates
It is fairly straightforward to change the template you use for any page on MODX. The trick is to ensure that you use the correct template for your website and that, if you are changing from one page to another, you check a few things before you do. ...MODX: Context Settings
Context Settings are where one can specify certain website wide settings. Unfortunately, you cannot access the Context Settings because a bug in MODX causes other local and regional parties’ settings to be changed if a local or regional party editor ...Adding Emails To An Email Campaign
If you haven't yet created your Email Campaign you can get started here: Creating Email Campaigns. How To Add Individual Emails To An Email Campaign 1. From the Start Organising menu click on PEOPLE, move your cursor over Emails and select the list ...