Skip to content. Skip to footer. Skip to 'Let's talk'.
Start your project
Office: 01747 832 243
Tidy, minimal wood desktop with laptop turned on, showing a membership website.
Example membership website.

A membership website using PayPal as a payment gateway - a proof of concept (POC)

icon Posted: 23 April 2021 by: Leeroy Lugg. / / WhatsApp / Mail


give or take.

When the time permits, I like to set myself a website dev challenge. During a recent, rather damp bank holiday weekend I decided to embark on a new project, the task, design and build a simple, stylish members' website.

Here's the brief ...

The website brief

  1. Creation of a simple, bright, inviting, responsive website.
  2. The project will need an identity.
  3. Basic branding and a defined target audience.
  4. The website will be managed via an easy to use Content Management System (ProcessWire).
  5. Project to be created without using a dedicated 3rd party membership plugin.
  6. Membership colour coding would be beneficial.
  7. Some visual animation would be nice.
  8. Sign-up form/s with security checks.
  9. Select from three different types of membership.
  10. Instant access to the members' area after payment/registration.
  11. Recurring payments.
  12. Payment processing via PayPal.
  13. Membership sign-up details saved to CMS and also sent out to website owner via email.
  14. Existing members can log in.

Members website screenshot 1.

The homepage details the membership options including clear 'calls to action'.

Members website screenshot 2.

After selecting a membership type, the visitor is asked to complete a short registration form.

Members website screenshot 3.

The membership 'types' are colour coded blue, red and green.

Members paypal screenshot.

After the registration form is submitted a number of things happen.

  1. The submitted form information is saved to the CMS database.
  2. The submitted form information is also sent to the website owner via email.
  3. The site visitor will be redirected to a PayPal page to complete the payment process.
  4. Site visitors can pay for membership via their PayPal account or alternatively pay with a credit card.

Members website screenshot 4.

After payment has been made the visitor will be returned back to the website where they can complete the final part of registration, choosing a UN and PW.

Members website screenshot 5.

Returning members' can login directly via the login page.

Comments are closed on this post.


#CMS #UX Design