- Follow the attached design.
- For COD only: add sms with verification code (through external API such as twilio) (screen D)
- For Transfer only: add captcha protection (at screen B submission)
Total price is calculated according to the quantity (discounts according to the qty) (screen A)
Screen A coupon feature is only optional and will be added later.
Send a confirmation email to the customer+admin (design will be given for each payment method) (after screen B submission + after screen D submission).
On Screen B, click on button "I have receipt" open a dialog box for uploading a file (pdf jpg png.......). The button will change after successful upload, an upload in progress animation would be nice.
On Screen B, click on button "i do not have receipt" sends the page to the "submit" button on the bottom, an animation on the button would be nice.
On Screen B, select bank display a list of banks (20+ banks will be supplied).
On Screen C, the bank icon next to transfer will change depending on what bank was chosen before.
Finally a summary page will be accessible to the customer (via a link received in the email and via an additional button on screen C and E). The page will show the progress of the order and will need to be automatically updated according to what changes are made to the database afterwards (through external independent API).
- payment pending
- payment confirm
- payment confirm failed
- parcel ready for shipping
- parcel sent + tracking number
- parcel delivered
- order cancelled
- Add browser auto-fill feature (android, chrome...)
- Add data format check (email, phone number, post code)
- Integrate [login to view URL] if possible
- Design a box + shadow around the form
- Add page background (gradient or plain...)
- Add a button to the main menu header on landing page that shows a cart+total qty added
- Add a fixed footer bar with 3 icons on landing page (contact1, contact2, BUY, cart)
The form is based on: stripe . com/contact/sales