Adding payment gateway to a website or web page

One of the most important features of corporate,bussiness and commercial websites is to proceed with accepting payments from different sources like MASTER CARD,CREDIT CARD,ATM CARD and from other payment gateways.
    Few condition for setting up a payment gateway:
  • There may be fixed monthly fee.
  • There may be fixed per-transaction fee.
  • There may be percent fee transaction.
  • There may or may not be one time charge for initial account setup.

Automated payment processing system

A payment gateway offers a service by which web orders are processed.A cumstomer needs to enter his/her card information this part is sometimes offered by website and sometimes by the payment gateway.Once the payment is accepted the credit is send to the metioned account which may be your firms account or your personal account.

How to setup a payment gateway for website?

There are many famous payment gateways offering this service but we are selecting paypal to describe this since this is one of the most widely used payment gateway in world.You can also follow similar methods for other payment gateways.
To setup your payment gateway follow the udergiven steps and finally you will be master in this.
  • Open website "" or you can GOOGLE this and open it from there.
  • To create your account paypal will give you two options individual account or bussiness account.You need to select bussiness account since it is most responsive for transactions.
  • Now fill the desired details in the form and submit that.
  • After this link paypal will ask you to link your bank account with it so that you can immediately receive transactions.Enter your bank details and submit that.
  • Now goto your account by clicking MY ACCOUNT or any related option like this since paypal keeps chaging options.
  • There paypal will be showing list of services it is offering and other offers.You need to search for option of creating Paypal shopping button or anything related to creating shopping buttons using paypal since paypal keeps chaging.
  • From there paypal will give you few codes that you need to copy and paste into desired place.In this case I consider that you want to set up BUY button for item named A.So copy the coding on the place where you want to set button representing to buy that particular item A.
  • Similarly you can create different buttons for different items.
If you have any problem while adding payment gateway to you account you can contact us on E-mail given in home page.
You can also get payment gateway setted for your website by CODECera on the cost of $5 for 20 products.

Adding GOOGLE maps to a website or web page

One feature to show your location to your visitors acroos the world is to show them a map pointing your office.To achieve this many people across world use GOOGLE maps.Here we will be guiding you to set up your own GOOGLE map for your website or web page.
Now follow the undergiven instructions to setup GOOGLE maps for your website.
    Go on typing the following codes where you want to place GOOGLE maps in your website.Most recommended way is to place GOOGLE maps in the page where you have your contact information.
  • Type this code to set up width and height of your GOOGLE map in your web page.
    <div id="googleMap" style="height:300px;width:100%">
    We are setting width of Map as 100% so that it acquires the entire length of screen.
  • Type the following code to load script for GOOGLE map on your web page.
    <script src="
  • How to add GOOGLE map to your web page?

  • Now type the following coding where you typed above codings.In brackets after LatLng add latitude and longitude of place respectively whose location you want to show on your Google MAP.In this case we are taking CHICAGO as the example.
    var myCenter = new google.maps.LatLng(41.878114, -87.629798);
    function initialize() {
    var mapProp = {
    var map = new
    var marker = new google.maps.Marker({
    addDomListener(window, 'load',
  • Now you are done.
If you have any problem you can E-mail us at our mail mentioned in home page.

Tracking visitors on your web page

Most of the web developers have a common question that how they can track there website visitors.This type of information relating to a web page or website is called analytics.
Analytics provide us with the statics of users regularly visiting our website.There are many programmes on internet that offers us this desired information.To make analytics work one needs to insert one coding in bodys section of your pages which you want to track down.

How to track visitors on web pages or websites?

There are many ways to track visitors of your web page but in this case we are here describing GOOGLE ANALYTICS method to track down your visitors.
  • You need to have a GOOGLE ACCOUNT for this analytics to work.If you did not have one you need to make one and visit "" and sign in into your count.
  • After logging into your ANALYTICS account you need to enter name of the website you want to track using GOOGLE analytics.
  • Now complete the entire form appearing before you and submit that.
  • Then copy the code that you get after completing form.
  • You need to copy and paste this code to those pages whom you want to track via GOOGLE ANALYTICS.
  • Now you will be getting full stats of your web visitors in your GOOGLE ANALYTICS account.
  • Now you are done.
If you have any queries related to analytics you can ask us at our E-mail address mentioned in our home page.

Make mobile responsive web pages

One most important point that we need to mention when someone makes his/her website or web page is it's compatiblity with devices trying to access that website.One needs to remember that how website appears on devices like smartphones since most of the users todays age are from smartphones.As well as to keep in mind the look of website on desktop or laptop is another point while designing websites or web pages.

How to make mobile responsive web pages?

To make website responsive one needs to understand undergiven examples:
  • To make an HTML element responsive use following syntax:
    @media screen and (max-width:680px)
    When one mentions this then entire coding is executed only for small screens.
  • Now consider the following coding of CSS in this case:

    Now if we want to make this right navigation bar to disappear in mobile or smartphones then we need to mention the follow code in addition to previous code.
    @media screen and (max-width:680px){
  • Now consider we want to make right navbar appear in mobile devices but having a width of only 220px then we need to write following code instead of previous code.
    @ media screen and (max-width:680px){
    Similarly other properties can also be made responsive for various mobile devices.
    In this case width is re-written by 220px instead of 500px so in same way one can rewrite the values for mobile devices.
  • Remember @ media scree responds only for mobile and tablets.
  • For more information on this follow our HTML and CSS tutorial.
  • Now you are done.
If you have any queries related to analytics you can ask us at our E-mail address mentioned in our home page.