השלים את המשפט הבא: הכנסייה נבנתה במאה ה-12, וכמות קטנה של בד מהזמן הזה משולבת במבנה שלה. המגדל נבנה בזמן לא ברור לפני המאה ה-15. בניית שאר הכנסייה התרחשה במאה ה-15 והושלמה בשנת 1451. בתקופה זו העיירה הייתה משגשגת בגלל סחר הצמר והבד שלה. העיר נפגעה קשות על ידי כוחות לאנקסטר במהלך
מלחמת הוורדים ב-1461, אבל סנט ג'ון נותרה ללא פגע. מסגרת הפעמון נבנתה מחדש בין 1680 ל-1710. הפנים הותקנו מחדש במהלך המאה ה-18. בשנת 1856 הוא הוחזר במסורת הכנסייה הגבוהה על ידי האדריכל המקומי אדוארד בראונינג, שעבד גם על כנסיות אחרות בקרבת מקום. היו שיפוצים נוספים ב-1867, ב-1897-99 כאשר הוסר העיטור הצבוע של בראונינג בכנסייה, וב-1903, כאשר הוסף סדנה. בשנים 1950-1953 נבנה מחדש חלקית הארקדה הצפונית, והתחדש הגדרת המגדל. העבודה על הארקדה הייתה הכרחית בגלל הידרדרות שנגרמה על ידי התמוטטות מעריכי קבורה מתחתיהם. העבודה הזו בוצעה ע"י אי. באומן ובניו. הכנסייה הוכרזה כבלתי נחוצה בשנת 2003, ומאז בוצעו תיקונים נוספים.