diff --git a/src/components/popups/Navigation.jsx b/src/components/popups/Navigation.jsx
index c2d42128a..011ce0a0b 100644
--- a/src/components/popups/Navigation.jsx
+++ b/src/components/popups/Navigation.jsx
@@ -7,17 +7,18 @@ import { useMemory } from '@store/useMemory'
 import { useStorage } from '@store/useStorage'
 
 /**
- * @param {{ lat: number, lon: number, size?: import('@mui/material').IconButtonProps['size'] }} props
+ * @param {{ lat: number, lon: number, id: number, size?: import('@mui/material').IconButtonProps['size'] }} props
  * @returns
  */
-export function Navigation({ lat, lon, size = 'large' }) {
+export function Navigation({ lat, lon, id, size = 'large' }) {
   const nav = useStorage((s) => s.settings.navigation)
   const url = useMemory((s) => s.settings.navigation[nav]?.url)
   return (
     <IconButton
       href={url
         .replaceAll('{x}', lat.toString())
-        .replaceAll('{y}', lon.toString())}
+        .replaceAll('{y}', lon.toString())
+        .replaceAll('{id}', id.toString())}
       target="_blank"
       rel="noreferrer"
       size={size}
diff --git a/src/features/pokemon/PokemonPopup.jsx b/src/features/pokemon/PokemonPopup.jsx
index 5f061103c..e08e47e0b 100644
--- a/src/features/pokemon/PokemonPopup.jsx
+++ b/src/features/pokemon/PokemonPopup.jsx
@@ -437,7 +437,7 @@ const Footer = ({ pokemon, popups, hasPvp, Icons }) => {
         </Grid>
       )}
       <Grid xs={4} textAlign="center">
-        <Navigation lat={lat} lon={lon} />
+        <Navigation lat={lat} lon={lon} id={pokemon.id} />
       </Grid>
       <Grid xs={4}>
         <IconButton