diff --git a/vpn_instructions/ios_screenshots/01_wireguard_start.png b/vpn_instructions/ios_screenshots/01_wireguard_start.png new file mode 100644 index 0000000..6309ba0 Binary files /dev/null and b/vpn_instructions/ios_screenshots/01_wireguard_start.png differ diff --git a/vpn_instructions/ios_screenshots/02_wireguard_add_tunnel.png b/vpn_instructions/ios_screenshots/02_wireguard_add_tunnel.png new file mode 100644 index 0000000..4d935d9 Binary files /dev/null and b/vpn_instructions/ios_screenshots/02_wireguard_add_tunnel.png differ diff --git a/vpn_instructions/ios_screenshots/03_set_vpn_name.png b/vpn_instructions/ios_screenshots/03_set_vpn_name.png new file mode 100644 index 0000000..cf45470 Binary files /dev/null and b/vpn_instructions/ios_screenshots/03_set_vpn_name.png differ diff --git a/vpn_instructions/ios_screenshots/04_allow_vpn_config.png b/vpn_instructions/ios_screenshots/04_allow_vpn_config.png new file mode 100644 index 0000000..f9ea8b9 Binary files /dev/null and b/vpn_instructions/ios_screenshots/04_allow_vpn_config.png differ diff --git a/vpn_instructions/ios_screenshots/05_vpn_successfully_added.png b/vpn_instructions/ios_screenshots/05_vpn_successfully_added.png new file mode 100644 index 0000000..b118da2 Binary files /dev/null and b/vpn_instructions/ios_screenshots/05_vpn_successfully_added.png differ diff --git a/vpn_instructions/ios_vpn.md b/vpn_instructions/ios_vpn.md index f29983b..9aa8da4 100644 --- a/vpn_instructions/ios_vpn.md +++ b/vpn_instructions/ios_vpn.md @@ -5,12 +5,23 @@ * Navigate to the Devices screen * In the "Add Device" section, enter a name for your iOS device and click or tap the "Add" button to add it. * Click or tap "Show VPN connection info" for your iOS device. A QR code will appear. -* On your iPhone or iPad: + +* Using your iPhone or iPad: * Install the WireGuard App from the [Apple App Store](https://apps.apple.com/us/app/wireguard/id1441195209) * Open the WireGuard app - * In the WireGuard app, tap "Add a tunnel". If you don't see "Add a tunnel", tap the Plus icon (+) in the top-right corner of the screen. - * Tap the "Create from QR code" button - * A camera view will open. Scan the QR code shown on your other device. You'll be asked to provide a name for the tunnel. You can choose anything, but it's probably easiest to use the name of your Bubble. - * You'll now see a pop-up titled "WireGuard Would Like to Add VPN Configurations". Tap "Allow" and then enter your passcode - * You'll now see your VPN connection listed. Tap the toggle switch to turn it on. + * In the WireGuard app. You should see a screen like the one shown below. Tap "Add a tunnel". If you don't see "Add a tunnel", tap the Plus icon (+) in the top-right corner of the screen. + screenshot of WireGuard app with no VPNs yet configured + + * When you tab, "Add a tunnel", you should see some buttons appear at the bottom of your screen, as shown below. Tap "Create from QR code" + screenshot of WireGuard app with no VPNs yet configured + + * A camera view will open. Scan the QR code shown on your other device. You'll be asked to provide a name for the tunnel. You can choose anything, but it's probably easiest to use the name of your Bubble. See the screenshot below for an example. + screenshot of WireGuard app adding VPN using QR code + + * You'll now see a pop-up titled "WireGuard Would Like to Add VPN Configurations", like the screenshot shown below. Tap "Allow" and then enter your passcode + screenshot of WireGuard app requesting permission to add a VPN + + * You'll now see your VPN connection listed, as shown below. Tap the toggle switch to turn it on. + screenshot of WireGuard app with a new VPN defined + * Congratulations! You are now connected to your Bubble's VPN!