Fue el hijo menor de Bela de Saint Omer y Bona de la Roche, hermana del señor de Atenas y Tebas, Guido I de la Roche.

Después de su matrimonio, en 1240, Guido dio a Bela la mitad de Tebas como señorío.

[1]​[2]​ Juan participó, junto con sus hermanos Nicolás II y Otón, en la guerra de sucesión eubeota en las filas de la coalición de los príncipes francos de Grecia, que se oponían a la políticas expansionistas del príncipe de Acaya, Guillermo II de Villehardouin.

A pesar del apoyo de su hermano Nicolás, Juan se las arregló para recibir sólo un tercio de la baronía (ocho feudos), así como el puesto de mariscal hereditario del Principado.

[2]​[4]​ De su matrimonio tuvo un hijo, Nicolás III de Saint Omer.