The board you linked to appears to use an analog input. With any Pi other than a zero you use a cable like this, https://www.adafruit.com/products/1700
And solder the appropriate wires to the A+ A- connections on that board. Plus the 5V and ground from somewhere like the GPIO pins. If your using a Pi Zero that complicates things, it doesn't have an audio jack, and adding one is bit complex. https://learn.adafruit.com/introducing- ... io-outputs
One way around getting access to the GPIO pins and wanting to attach a Hat is to use a Proto Hat, https://www.adafruit.com/products/2310
Just swap out the header that comes with it for this one. https://www.adafruit.com/products/1979
Then plug the proto hat into your PI, and your hat on top of that. I have one between my Pi A+ and my Sense Hat. I have a DS3231 Real Time clock breakout board mounted to my Proto Hat, and thus connected to my Pi via GPIO. Wiring was easy as all the required GPIO pins are brought out and labeled. +5V, +3.3V and Ground too.