Sign up form with site look

Discussion in 'Templates customization' started by mattio, Jul 20, 2008.

  1. mattio

    mattio New Member

    Joined:
    Jul 9, 2008
    Messages:
    2
    Hi all, im looking at setting up my own subscription site and am soon about to purchase amember. Basically im still unsure about getting the sign up form for the subscription to be inside and intergrated with my site with the look rather than them being redirected to a new page to sign up. A bit like this..

    http://www.fightnightlive.co.uk/amember/signup.php

    As you can see the form etc have been integrated with the theme of the site and was wondering how I can do this in my Wordpress website.

    Thanks,
    Matt
  2. gswaim

    gswaim CGI-Central Partner

    Joined:
    Jul 2, 2003
    Messages:
    641
    I use aMember with a WordPress site. When you go to http://digitalliteracyproject.com/amember/signup.php you are looking at an aMember page. Then click on the "Home" tab and you will be looking at a WordPress page. If you click on "The Learning Place" tab you will be looking at a Moodle page.

    I themed the aMember and Moodle pages to match the Wordpress theme, which is "Revolution". With aMember you make most of the modification to the header and footer template files. In my case I had to also add some code to the CSS file to get the menu system to work. I also changed most of the colors in the CSS file to match the WordPress colors.

    You need to have some understanding of html and css to do this. I did it with an intermediate level of html/css skills and a lot of trial and error. The best way to get started is to look at the source code of a rendered WordPress page. With IE 7 click on "Page" then "View Source". By looking at the displayed page and the source code you should be able to determine the html code that needs to be added to the aMember header and footer file.

    You will also need to add any classes used to generate the header and footer to the aMember CSS file. You can see the classes you need to add by viewing the header and footer template files of the WordPress theme. Once you know which classes you need to add, you can copy them from the WordPress Theme's CSS file and add them to the aMember's CSS file. And then sometimes there are conflicts with existing code. Like I said... a lot of trial and error.
  3. gmedia

    gmedia New Member

    Joined:
    Apr 6, 2008
    Messages:
    12
    Hi, gald you liked the basic integration :p

    Because thats just a basic template page, it was just a case of copying/pasting the relevant CSS and styles :)

    If you want a few pointers, feel free to hit me up

    Cheers,

    Liam
    FightNightLive
  4. sdeterman

    sdeterman New Member

    Joined:
    Aug 29, 2006
    Messages:
    4
    gmedia,

    I'll take a few pointers. I am trying to do the same thing except with e107. I

    Thanks

Share This Page