diff --git a/changelog.md b/changelog.md
index ff55712..e73670c 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,10 @@
 # changelog
 
+### Friday, 10/06/2016 - v2.2.4
+- Added an id to each rendered page
+- Allows adding in hyperlinks to specific pages
+- Even works after you print to pdf!
+
 ### Tuesday, 07/06/2016 - v2.2.2
 - Fixed bug with new markdown lexer and aprser not working on print page
 
diff --git a/client/homebrew/brewRenderer/brewRenderer.jsx b/client/homebrew/brewRenderer/brewRenderer.jsx
index 22d3c83..9f18db9 100644
--- a/client/homebrew/brewRenderer/brewRenderer.jsx
+++ b/client/homebrew/brewRenderer/brewRenderer.jsx
@@ -57,14 +57,14 @@ var BrewRenderer = React.createClass({
 		</div>
 	},
 
-	renderDummyPage : function(key){
-		return <div className='phb' key={key}>
+	renderDummyPage : function(index){
+		return <div className='phb' id={`p${index + 1}`} key={index}>
 			<i className='fa fa-spinner fa-spin' />
 		</div>
 	},
 
 	renderPage : function(pageText, index){
-		return <div className='phb' dangerouslySetInnerHTML={{__html:Markdown.render(pageText)}} key={index} />
+		return <div className='phb' id={`p${index + 1}`} dangerouslySetInnerHTML={{__html:Markdown.render(pageText)}} key={index} />
 	},
 
 	renderPages : function(){
diff --git a/client/homebrew/editor/snippets/snippets.js b/client/homebrew/editor/snippets/snippets.js
index ded7b8a..4ba0cc3 100644
--- a/client/homebrew/editor/snippets/snippets.js
+++ b/client/homebrew/editor/snippets/snippets.js
@@ -63,6 +63,12 @@ module.exports = [
 				gen : "<div class='pageNumber auto'></div>\n"
 			},
 
+			{
+				name : "Link to page",
+				icon : 'fa-link',
+				gen : "[Click here](#p3) to go to page 3\n"
+			},
+
 
 		]
 	},
diff --git a/client/homebrew/navbar/navbar.jsx b/client/homebrew/navbar/navbar.jsx
index 34d55cc..db7e3e6 100644
--- a/client/homebrew/navbar/navbar.jsx
+++ b/client/homebrew/navbar/navbar.jsx
@@ -11,7 +11,7 @@ var Navbar = React.createClass({
 				<Nav.item href='/' className='homebrewLogo'>
 					<div>The Homebrewery</div>
 				</Nav.item>
-				<Nav.item>v2.2.3</Nav.item>
+				<Nav.item>v2.2.4</Nav.item>
 			</Nav.section>
 			{this.props.children}
 		</Nav.base>
diff --git a/package.json b/package.json
index 8dd21a0..6d57f97 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "homebrewery",
   "description": "Create authentic looking D&D homebrews using only markdown",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "scripts": {
     "postinstall": "gulp prod",
     "start": "node server.js"
diff --git a/server.js b/server.js
index f1a6eef..70a8d74 100644
--- a/server.js
+++ b/server.js
@@ -119,8 +119,8 @@ app.get('/print/:id', function(req, res){
 			brew = objs[0];
 		}
 
-		var content = _.map(brew.text.split('\\page'), function(pageText){
-			return '<div class="phb print">' + Markdown.render(pageText) + '</div>';
+		var content = _.map(brew.text.split('\\page'), function(pageText, index){
+			return `<div class="phb print" id="p${index+1}">` + Markdown.render(pageText) + '</div>';
 		}).join('\n');
 
 		var dialog = '';