Here are some useful tips for adding functionality to your website:
PayPal buttons: ()
Firstly, you'ill need a Paypal account. If you intend on doing sales through your website, we suggest making it a Business Account. The difference is in the rate that Paypal charges for their services (basically it's cheaper if you have a business account):
- Once you have logged in, finding the section for generating payment buttons is a little difficult --so we thought we would map it out for you.
- Click on the far right tab “Products & Services”
- Click on the link (middle of the page) called “website payments standard”
- Click on the link (towards the bottom of the page) “All it takes to add a button is basic HTML Read more…”
- Now chose from one of the 4 scenarios available and this will take you to a wizard that will help you to build your button.
- Once you have filled in the required fields for your product, then it's as simple as 'cutting and pasting' the code into your web page and uploading it to your site.
Choosing from selling individual items or building a shopping cart will relate to the volume of products you have. If you have over 20 products it would be worthwhile investing in the software for a shopping cart, and then you would only need to plug in your Paypal ID to make it work with PayPal.
Subscriptions are very useful for memberships to service based websites, because the settings are quite flexible and -- as Paypal generally links into both credit card and bank accounts -- they are good at ensuring that you receive your payment: whether monthly, quarterly or yearly.
Google Maps: ()
Integrating google maps into your website is very easy. Just follow these simple steps:
- Start by typing in the address of your business, and clicking on search to find a map of your area.
- Click on the link to the top right of the map “Link to this page”
- You'll see a 'drop down menu' with the code that links to this map. This is fine if you'd like to link to the map, but if you're interested in adding the map into your website, click on the link “Customise and preview embedded map”
- You can choose from pre-set sizes, or create your own unique map size.
- Simply cut and paste the code (provided) into the page in your website you would like it to appear.
Pop-ups: (using javascript)
The following snippet of java script makes a simple yet effective pop-up window with limited fuss. We have included two samples: one for a text hyperlink and one for an image hyperlink or button. <click here for a text copy of the code>
Text Link:
<a href="#"onClick="MyWindow=window.
open('http://www.yoursite.com/popup.html',
'MyWindow1','toolbar=no,location=no,directories=no, status=no,menubar=no,
scrollbars=yes,resizable=no,width=300,height=300,left=50,top=50'); return false;">
Link Name</A>
Image Link:
<a href="#" onClick="MyWindow=window.open('http://www.yoursite.com/popup.html',
'MyWindow1','toolbar=no,location=no,directories=no,status=no,menubar=no,
scrollbars=yes,resizable=no,width=250,height=200,left=50,top=50'); return false;">
<img src="YOUR IMAGE.gif" BORDER="0" ALT="youralt"></A>
The elements that need to be edited are as follows:
‘http://yourwebsite.com/pop.html’ = This should be the full URL to the page you want to display inside the pop-up window. Using a full URL rather than a relative link ensures that it will work across different browser platforms.
Toolbar=no/yes : you can include the main tool bars in the pop-up or turn them off. Generally one would select “no” to remove the toolbar.
Location= no/yes : To add or remove Location from pop-up header
Directories= no/yes : To add or remove Directories from pop-up header
Status= no/yes : To add or remove Status from pop-up header
Menubar=no/yes : To add or remove menu bar from pop-up header
Scrollbars=yes/no : To add or remove scroll bar from pop-up. If the page you're displaying is larger than the pop-up window, then you'll need scroll bars active so that all the page may be viewed.
Resizable=no/yes : This locks or unlocks the pop-up window from being resized. If you have a lot of text, it is wise not to lock the size of the pop-up as it can make viewing difficult.
Width=250 : Set the width of the pop-up window in pixels.
Height=200 : Set the height of the pop-up window in pixels.
Left=50 : Set the distance from the left hand side of the screen that the pop-up will appear. The larger this number is, the further over to the right that the pop-up window will appear.
Top=50 : Set the distance from the top of the screen that the pop-up will appear. The larger this number is, the further down the screen that the pop-up window will appear.
img src="YOUR IMAGE.gif" : This is the link to the image you are using as a button for the pop-up. It can be a relative link, rather than a full URL.
ALT="youralt" : You can add alternate text to your button that helps with search engine optimisation.
|