Start here The Basics of Remote Access Troubleshooting
Re your first screenshot: if you tick the checkbox “Manually specifiy…” it means that you have to create a “port forwarding” in the settings of your router.
And maintain that port forwarding, as well (e.g. adapt its target IP in case the Plex server machine on your local network has changed its local IP address.)