To wire a 3-way switch circuit that controls both the fan and the light, use this diagram. As with all 3-way circuits, the common on one switch is connected to the hot source wire from the circuit. The common on the second 3-way switch is connected to the hot wires on the fan/light.
The hot source is spliced to the black, fan wire and the black wire running to the dimmer. At the other end, the black cable wire is spliced to one of the hot dimmer wires, it doesn’t matter which one. The other dimmer wire is spliced to the red wire in the switch box which is spliced to the blue, light wire at the other end.
This ground fault circuit interrupter wiring diagram of the same device leaves the switch out of the protected circuit. With this arrangement the receptacle is protected but the switch remains outside the circuit. This arrangement can be used to control a light or other device where the extra protection of a gfci is not necessary.
The source hot is spliced to the red wire which is connected to the bottom terminals on the switch at the other end. The black wire is connected to the top terminal on the switch which runs power back to the fan where it is spliced to both the black and blue fan wires.