diff --git a/web/documentation/img/plugin_use_in_clion.png b/web/documentation/img/plugin_use_in_clion.png
new file mode 100644
index 00000000..f0767c21
Binary files /dev/null and b/web/documentation/img/plugin_use_in_clion.png differ
diff --git a/web/documentation/img/plugin_use_in_eclipse.png b/web/documentation/img/plugin_use_in_eclipse.png
new file mode 100644
index 00000000..eb2d1be9
Binary files /dev/null and b/web/documentation/img/plugin_use_in_eclipse.png differ
diff --git a/web/documentation/index.html b/web/documentation/index.html
index d6982498..8ea10cdb 100644
--- a/web/documentation/index.html
+++ b/web/documentation/index.html
@@ -1415,6 +1415,48 @@
 					<h3>Vim</h3>
 					<p>Please visit the <a href="https://github.com/CoatiSoftware/vim-coati">vim-coati</a> repository on Github for details.</p>
 
+					<h3>Eclipse</h3>
+					<strong>Installation</strong>
+					<p>
+					<ol>
+						<li>In Eclipse go in the menu to <code>Help -&gt; Install new Software...</code></li>
+						<li>Add the Coati Updatesite</li>
+						<ul>
+							<li>type <a
+									href="https://CoatiSoftware.github.io/eCoati/updatesite">https://CoatiSoftware.github.io/eCoati/updatesite</a>
+								into the <code>Work with:</code> field</li>
+							<li>or press <code>Add...</code> and add the address above</li>
+						</ul>
+						<li>Select all and finish the next step.</li>
+						<li>Eclipse needs to restart and can now communicate with Eclipse.</li>
+					</ol>
+					</p>
+					<strong>Use</strong>
+					<p>If you want Eclipse to activate a certain element in Coati, right-click that element to bring up the context menu and choose the “Set active Token” option.</p>
+					<div class="row">
+						<div class="col-sm-8 col-sm-offset-2">
+							<img src="img/plugin_use_in_eclipse.png" style="width:100%;">
+						</div>
+					</div>
+
+					<h3>Clion/IntelliJ</h3>
+					<strong>Installation</strong>
+					<p>
+					<ol>
+						<li>Go to File -&gt; Settings</li>
+						<li>Plugins -&gt; Browser Repositories</li>
+						<li>Search for coati</li>
+						<li>Install idea-coati</li>
+					</p>
+					<strong>Use</strong>
+					<p>If you want IntelliJ/CLion to activate a certain element in Coati, right-click that element to
+					bring up the context menu and choose the “Sent Location” option.</p>
+					<div class="row">
+						<div class="col-sm-8 col-sm-offset-2">
+							<img src="img/plugin_use_in_clion.png" style="width:100%;">
+						</div>
+					</div>
+
 					<h3>Visual Studio</h3>
 					<strong>Installation</strong>
 					<p>To install the Coati plugin for any version of Visual Studio, just execute the corresponding vsix file located in your <code>ide_plugins/visual_studio</code>.</p>