VLANs not working as expected

I was following this guide initially to setup VLANs on the router itself and ended up losing connection on a port which no VLAN was setup.

http://www.manitonetworks.com/mikrotik/2016/3/5/vlan-trunking

I then went here to configure the switch connected to the router but the VM I was testing with had no connectivity.

http://wiki.mikrotik.com/wiki/Manual:CRS_examples#Port_Based_VLAN

My setup is 2 ports are connecting the router to the switch then two machines are plugged into the switch along with a WAP for wireless clients. I would like to have four VLANs, two for home stuff and two for server stuff. Did I miss a step with the above articles?