Connecting and controlling a motor with Arduino Uno

Okay so, I found some Arduino stuff and I scrolled through them and found a motor (https://www.robotshop.com/en/lynxmotion-12v-90-rpm-9911oz-in-1269-brushed-dc-gear-motor-w--encoder.html) and a motor driver shield (10Amp 7V-30V DC Motor Driver Shield for Arduino). So I did some research but I can't find an article or anything about connecting this motor or other motors to this shield that's stacked on top of my Uno. I found out what the motors connectors mean (https://www.robotshop.com/media/files/images2/encoder_specification_e-16ppr.jpg) but I still can't figure out how to connect these all and get it working. I hope someone can help me, thanks!

The red and black wires on the motor are the motor itself.

They go to the motor driver shield output terminals, labelled A and B, motor power coming in on the +/-
terminals

The other wires from the motor are for the encoder, which connect to the Arduino like any other encoder,
so gnd to gnd, 5V to Vcc, the encoder signals to Arduino pins 2 and 3 (which have interrupt handling).

There are many encoder libraries out there to play with.

I strongly recommend working on one thing at once - start with the encoder only, as that doesn't
need any special supply or the shield.

Then get the shield working (with a lower power motor as load to start with if you have one), scaling
up to the 10A motor and power supply once its working.

Baby steps, best to prove something works before applying full power - less likely to have expensive
mistakes that way.