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.

   

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

   

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

   

4. This will load your image library;

   

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

   Upload Files

   • Select the Upload Files tab

     

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

     

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

     

6. Press the Insert into page button,

   

   This will load your donate image onto your page.

   

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

   

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

   

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

   

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

    

11. Once entered, press the blue enter button to save the url to the donate 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.

    

WordPress - Add Link to Menu

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

   

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)

   

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

   

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

   

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

   

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

   

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

   

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

   

8. Press Save Menu to save your changes;

   

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

Joomla - Add Link to Menu

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

   

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

   

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

   

   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

      

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

      

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

        

      • Next Press System Links > URL

        

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

      

   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

      

   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

      

   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

      

4. Save all changes.

   

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

   

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

   

   This will load your current article content;

   

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

   

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

   

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

      

   2. Next press the blue start upload button

      

5. Once uploaded, select your donate button;

   

6. Press the green insert button

   

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

   

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

   

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

   

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

   

10. Once updated, press the blue ok button

    

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

    

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

   

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

   

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

   

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

   

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

   

6. Once uploaded, Press the blue 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

   

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

   

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

   

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

    

11. Next Press the Blue Done button

    

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

    

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

Wix - Add Link to Menu

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

   

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

   

3. Press the Button Manage Menu

   

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

   

4. Next press the blue add a URL link

   

   This will show another popup to add a link;

   

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

   

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

   

   This will show as following

   

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

   

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

   

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

   

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

EKM - Add Link to Page

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

   

   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

   

   

   This will show a popup of your page

   

3. Next press the image button

   

   This will show an image popup

   

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

   

   A popup will show,

   

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

   

   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.

   

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

   

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

   

9. Next Press the green ok button;

   

   This will insert your donation button onto your page

   

10. Once happy with the way the button looks, and press the white Save & 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.

    

EKM - Add Link to Menu

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

   

   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

   

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

   

   

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

   

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

   

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;

   

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

   

   

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.

   

Setup Instructions - Add a Button to social media

Twitter - Tweet Text

1. Firstly, Login to your twitter account

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

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

Twitter - Tweet Image

1. Firstly, Login to your twitter account

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

3. Browse and insert your donation button or charity logo

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

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

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

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

Setup Instructions - Add a Button to email

Add a Charity Button / Image Link

Microsoft Outlook

1. Create or compose a new email

   

   Once your new email has loaded

   

2. Press the Insert Tab

   

3. Next Press the 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

   

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

   

   This will add the image to your email;

   

6. Change the size, position etc. of the image

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

8. Left Click, Select Hyperlink

   

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

   

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

    

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

Gmail

1. Login to your Gmail account

   

2. Create or Compose a new email

   

   This will load a window

   

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

   

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

   

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

   

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.

   

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

   

   This will show a 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

   

8. Press the Blue 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/

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.