Skip to main content

Charity - Add a Donation Button

A step by step guide to incorporating your new donations page with your charity website / social media.

Add a Button to website

WordPress - Add Button to page

  1. Firstly, create or select a new charity button, e.g.

    Donation button

  2. Login to your WordPress website, and go to the page you would like to add your donate button.

    charity button page

  3. Next insert your charity button image by pressing the Add Media button.

    add media

  4. This will load your image library;

    add media page

  5. Upload your new button or select it from your Media Library

    Upload Files

    • Select the Upload Files tab

      add media upload files

    • Next Select Files or drag your button image(s) into the white space till your webpage changes as follows; and then drop the button image.

      drop files to upload

    • Once you have dropped the donate button image it will load and show in your media library as follows;

      media library

  6. Press the Insert into page button,

    insert into page

    This will load your donate image onto your page.

    donate button on page

  7. Left click on the make donate button to highlight the button.

    donate button options

  8. Next, press the link icon to add a hyperlink to the button;

    hyperlink button

  9. This will show a text box underneath your donate button;

    edit hyperlink

  10. Next enter your newly provided donate url from your charity welcome email into the white box, e.g. https://ssl.nochex.com/donations

    donation hyperlink

  11. Once entered, press the blue enter button to save the url to the donate button.

    enter button

  12. Once saved, update all changes on your page and go to the front end of your website to test the newly added donate button works correctly.

    completed button

  1. Firstly login to your WordPress Admin section and go to Appearance > Menus.

    wp appearance menu

  2. Select the menu you wish to add the donate link by selecting the dropdown box and clicking on the menu (If you have more than one)

    menu dropdown

  3. Once selected, press the Select Button to show the menu.

    select button

  4. Once you have loaded the menu you would like to add a donate link, click the Custom Links tab;

    custom links tab

    This will load an option to enter your donate URL and text you would like to display

    add custom link

  5. Enter your newly provided donate url from your charity welcome email into the white box labelled URL, e.g. https://ssl.nochex.com/donations and enter Link Text, e.g. Donate Now

    completed custom link

  6. Next Press the Add to Menu box button to add the link to your menu;

    add to menu

  7. This will add the link onto the Menu system.

    link on menu system

  8. Press Save Menu to save your changes;

    save menu

  9. Go to the front end of your website, and check your donate link is showing and works as expected.

  1. Login to your Joomla admin section, and go to Menus > All Menu Items;

    Joomla menus

    This will show a list of all the links on your website

    menu items

  2. Press the Green New button to add a new link to your website

    all menu items

    This will load all the information required to add a new link.

  3. Next update the following;

    1. Menu Title - Name of the link e.g. Donate Now

      menu title

    2. Details - Menu Item Type* - Select the blue Select button next to the grey textbox

      menu item type

      • This will show a popup box and allow you to choose a link;

        configuration manager

      • Next Press System Links > URL

        system links

      This will save your option and allow you to enter a URL;

      link entry

    3. Enter your newly provided donate url from your charity welcome email into the white box labelled Link *, e.g. https://ssl.nochex.com/donations

      link entry filled

    4. Target Window and Template style can be left with defaulted values;

    5. Next Press the Link Type tab and update the following;

      • Link Title Attribute - description of the link

      link title attribute

    6. Module Assignment tab can be left with defaulted values

    7. Next - Click on the Details tab, and update the information on the right hand part of the screen - Menu - location of the link should be added to. E.g. Main Menu

      menu dropdowns

  4. Save all changes.

    save button

  5. Go to the front end of your website and test to make sure your charity link works as expected.

Joomla - Add Button to Page / Article

  1. Login to your Joomla admin and go to Content > Articles

    Content dropdown

  2. From the list, Select the article you would like to add a Donate Now button, e.g. Membership

    Articles page

    This will load your current article content;

    Articles: Edit

  3. Next, Press the image button to insert a new image into the article;

    Image button

  4. A popup will show and allow you to select or upload your donate now button

    Browse for image

    1. Scroll to the bottom of the content box to the upload file section and choose your button image

      choose files

    2. Next press the blue start upload button

      start uplaod button

  5. Once uploaded, select your donate button;

    selected uplaoded image

  6. Press the green insert button

    Insert button

    This will insert your new donate button into your article page;

    insertted image

  7. Click on the button and this will allow you to change the size of the button

    edit size of image

  8. Once you are happy with the size of your button make sure the button is still selected, and then click on the Insert Link button

    insert link button

insert link menu
  1. A popup will show, enter the following information into each box

    1. URL - Enter your newly provided donate url from your charity welcome email, e.g. https://ssl.nochex.com/donations

    2. Title of the page - Alt text - Optional

    3. Target - can be left as default.

    completed insert link menu

  2. Once updated, press the blue ok button

    ok button

  3. Save all changes by pressing the green button at the top

    save button

  4. Go to the front end of your website and test to make sure your charity link works as expected

Wix - Add Button to Page / Article

  1. Login to your Wix account then go to and edit your site

    Wix site action

  2. Go to the page you would like to add your Donate Button, e.g. Home

    page select dropdown

  3. Next Press the plus button to add an element to your website;

    Plus button

  4. Upload your donate button image by pressing My Image Uploads option

    My uploads

  5. Select your donation button and upload to your website;

    Selected donation button

  6. Once uploaded, Press the blue Add to Page button

    Add to page button

  7. This will add the image to your page, next resize and position the button where you need it to be shown

    edit image

  8. Once positioned and sized, whilst the image is still selected choose the add a url button from the list of options provided

    add a url button

  9. This will show a popup; Select the Web Address option from the list

    selected web address

  10. Next, Enter your newly provided donate url from your charity welcome email, e.g. https://ssl.nochex.com/donations in the box labelled Paste it here...

    added url

  11. Next Press the Blue Done button

    Done button

  12. This will update your image with a link to your charity page. Next, publish your website to make your button live.

    publish button

  13. Go to the front end of your website and test to make sure your charity link works as expected.

  1. Login to your Wix account then go to and edit your site

    wix site actions

  2. Click on the Menu section to add your charity page link to show a list of options;

    selected menu section

  3. Press the Button Manage Menu

    Manage menu button

    This will show a popup, and allow you to add a link to your website

    menu popup

  4. Next press the blue add a URL link

    add url link button

    This will show another popup to add a link;

    edit link menu

  5. Enter your newly provided donate url from your charity welcome email, e.g. https://ssl.nochex.com/donations in the box labelled Paste it here

    filled in link menu

  6. Press the Blue done button to add the link to your site menu

    done button

    This will show as following

    New link item

  7. Next double click on the New Link text to show a text box

    edit link name

  8. Replace the text New Link with text for your new Donation Page, e.g. Donate Now and press the blue Done button

    replaced link name

  9. Next Move the link to the position it needs to be, and then publish the website

    publish button

  10. Go to the front end of your website and test to make sure your charity link works as expected.

  1. Firstly, login to your EKM admin section and go to Design > Webpages

    EKM admin screen

    A list of your webpage will be visible,

  2. Press the grey Edit Page button, next to the page you would like to add a donation button

    edit page button

    page list

    This will show a popup of your page

    page popup

  3. Next press the image button

    image button

    This will show an image popup

    image popup

  4. Press the grey Browse Server button to upload your donation button image

    browse server

    A popup will show,

    imaghe selection

  5. Drag and drop your donation button image or click and find the image for uploading.

    Once you have uploaded your image it will appear in the image library underneath

  6. Next, press the blue insert image button

    image options

    This will insert your new image into the image properties box, and you can see a preview of how it will look on the page in the preview window.

    insert image button

  7. Next update the images properties, e.g. Width, Height, Border etc;

    inserted iamge

  8. Next, click on the link tab and enter your newly provided donate url from your charity welcome email e.g. https://ssl.nochex.com/donations into the box under the label URL

    image link tab

  9. Next Press the green ok button;

    ok button

    This will insert your donation button onto your page

    edit webpage

  10. Once happy with the way the button looks, and press the white Save & Close button

    save and close button

  11. Go to your website front end to make sure the donation button has been added and test to make sure the button works.

    final page

  1. Firstly, login to your EKM admin section and go to Design > Webpages

    EKM admin page

    A list of your webpage will be visible,

  2. At the bottom of your list of webpages, enter text into the White text box, e.g. Make a Donation

    webpages list

  3. Next press the green Add Webpage button to add the menu item to your website.

    add webpage button

    list with added webpage

  4. Press the Redirect button next to the new menu item

    redirect button

    This will load a text box with text included: http://

    make a donation bar

  5. Replace http:// with your newly provided donate url from your charity welcome email, e.g. https://ssl.nochex.com/donations

  6. Move your mouse outside of the textbox and click on white space which will save the link and update your menu item;

    added donation link

  7. Next you can move the position of the menu item by holding your left mouse button on the menu item and moving your mouse up or down

    position button

    webpage list

  8. Once you have updated the position of your menu item, go to your website front end to make sure the menu item is visible and to make sure the link works.

    fianl menu bar

Setup Instructions - Add a Button to social media

Twitter - Tweet Text

  1. Firstly, Login to your twitter account

twitter account

  1. Enter some text about your charity along with your newly provided donate url from your charity welcome email e.g. https://ssl.nochex.com/donations

write tweet

  1. Once happy with your post, press the blue tweet button to publicise your tweet.

Twitter - Tweet Image

  1. Firstly, Login to your twitter account

twitter account

  1. Click on the tweet box at the top, and press add image button underneath;

add image button

  1. Browse and insert your donation button or charity logo

added image to tweet

  1. Insert some additional text about your charity, and input your newly provided donate url from your charity welcome email, e.g. https://ssl.nochex.com/donations

tweet draft

  1. Once happy with your post, press the blue tweet button to publicise your tweet.

Facebook - Create a Charity Post

  1. Login to your Facebook account

facebook login

  1. Click on the status box, and input your newly provided donate URL from your charity welcome email, e.g. https://ssl.nochex.com/donations along with your donations button or charity logo.

  2. Press Post to make your status live, and will show a preview of your donations page.

Setup Instructions - Add a Button to email

Microsoft Outlook

  1. Create or compose a new email

    new email button

    Once your new email has loaded

    new email menu

  2. Press the Insert Tab

    insert tab

  3. Next Press the Picture Button

    picture button

  4. This will show a popup, browse and find your donation button or charity logo that you want to add to your email

    browse for image

  5. Once you have found your image, press the insert button

    insert button

    This will add the image to your email;

    image added to email

image options
  1. Change the size, position etc. of the image

  2. Right click on the button / charity image to show a menu

  3. Left Click, Select Hyperlink

    hyperlink button

  4. This will show a popup box, enter in the address box your newly provided donate url from your charity welcome email, e.g. https://ssl.nochex.com/donations

    added url

  5. Press the Ok button to update your image with a link.

    image with link

  6. Send a blank email to yourself to test the donations link works as expected.

Gmail

  1. Login to your Gmail account

    gmail menu

  2. Create or Compose a new email

    compose email button

    This will load a window

    new email menu

  3. Next insert a Photo, by pressing the photo button

    photo button

    This will load a popup allowing you to insert or select a photo into your email

    insert photo popup

  4. Press the Select files from your device button and find your donation button or charity link

    select files form device button

  5. Once you have found your image and added it to your email left click on the image and resize accordingly to fit your email content.

    image added to email

  6. Next, make sure your image is still selected and press the insert link button

    insert link button

    This will show a popup,

    edit link popup

  7. Next, enter in the white textbox under the label To what URL should this link go to your newly provided donate url from your charity welcome email, e.g. https://ssl.nochex.com/donations

    filled in link menu

  8. Press the Blue Ok button

    ok button

  9. Send a test email to yourself to make sure the charity button / image is working correctly

Troubleshooting

Problem:

I have successfully added my charity link to my website but when I click on the link I see the following website; and not my charity website that was provided to me! The link appears to go to: https://ssl.nochex.com/donations/

nochex donation page

Solution:

  1. Go back through the instructions in which you have added your charity link, and replace the URL: https://ssl.nochex.com/donations with the charity link provided to you, e.g. https://ssl.nochex.com/xxxxxxxxxx

  2. Contact us in relation to the issue you are having, along with your charity name, email address and we will be happy to assist you.

Problem:

I want to add a charity link to a website platform that is not listed in this document! How can I add it as I am not a web / internet person?

Solution

Contact us advising us of the platform you are trying to add your charity link, along with your charity name, email address and we will be happy to assist you.