diff --git a/web_tree_many2one_clickable/README.rst b/web_tree_many2one_clickable/README.rst
index 5ac98db3e..b8b14004d 100644
--- a/web_tree_many2one_clickable/README.rst
+++ b/web_tree_many2one_clickable/README.rst
@@ -27,13 +27,19 @@ Clickable many2one fields for tree views
 
 This addon forces Odoo to use many2one widget on a many2one fields in
 tree views. This allows users to open linked resources from trees directly,
-without accessing the form.
+using a button without accessing the form.
 
 **Table of contents**
 
 .. contents::
    :local:
 
+Usage
+=====
+
+Put the mouse pointer over a many2one cell and click the button.
+.. image:: https://raw.githubusercontent.com/OCA/web/12.0/web_tree_many2one_clickable/static/img/clickable.gif
+
 Bug Tracker
 ===========
 
diff --git a/web_tree_many2one_clickable/readme/DESCRIPTION.rst b/web_tree_many2one_clickable/readme/DESCRIPTION.rst
index 01ffbad28..f4ceeb2db 100644
--- a/web_tree_many2one_clickable/readme/DESCRIPTION.rst
+++ b/web_tree_many2one_clickable/readme/DESCRIPTION.rst
@@ -1,3 +1,3 @@
 This addon forces Odoo to use many2one widget on a many2one fields in
 tree views. This allows users to open linked resources from trees directly,
-without accessing the form.
+using a button without accessing the form.
diff --git a/web_tree_many2one_clickable/readme/USAGE.rst b/web_tree_many2one_clickable/readme/USAGE.rst
new file mode 100644
index 000000000..76d4ff733
--- /dev/null
+++ b/web_tree_many2one_clickable/readme/USAGE.rst
@@ -0,0 +1,3 @@
+Put the mouse pointer over a many2one cell and click the button.
+
+.. image:: ../static/img/clickable.gif
diff --git a/web_tree_many2one_clickable/static/description/index.html b/web_tree_many2one_clickable/static/description/index.html
index f62aaf349..cd50a1b7f 100644
--- a/web_tree_many2one_clickable/static/description/index.html
+++ b/web_tree_many2one_clickable/static/description/index.html
@@ -370,21 +370,27 @@ ul.auto-toc {
 <p><a class="reference external" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/licence-AGPL--3-blue.png" /></a> <a class="reference external" href="https://github.com/OCA/web/tree/12.0/web_tree_many2one_clickable"><img alt="OCA/web" src="https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github" /></a> <a class="reference external" href="https://translation.odoo-community.org/projects/web-12-0/web-12-0-web_tree_many2one_clickable"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external" href="https://runbot.odoo-community.org/runbot/162/12.0"><img alt="Try me on Runbot" src="https://img.shields.io/badge/runbot-Try%20me-875A7B.png" /></a></p>
 <p>This addon forces Odoo to use many2one widget on a many2one fields in
 tree views. This allows users to open linked resources from trees directly,
-without accessing the form.</p>
+using a button without accessing the form.</p>
 <p><strong>Table of contents</strong></p>
 <div class="contents local topic" id="contents">
 <ul class="simple">
-<li><a class="reference internal" href="#bug-tracker" id="id1">Bug Tracker</a></li>
-<li><a class="reference internal" href="#credits" id="id2">Credits</a><ul>
-<li><a class="reference internal" href="#authors" id="id3">Authors</a></li>
-<li><a class="reference internal" href="#contributors" id="id4">Contributors</a></li>
-<li><a class="reference internal" href="#maintainers" id="id5">Maintainers</a></li>
+<li><a class="reference internal" href="#usage" id="id1">Usage</a></li>
+<li><a class="reference internal" href="#bug-tracker" id="id2">Bug Tracker</a></li>
+<li><a class="reference internal" href="#credits" id="id3">Credits</a><ul>
+<li><a class="reference internal" href="#authors" id="id4">Authors</a></li>
+<li><a class="reference internal" href="#contributors" id="id5">Contributors</a></li>
+<li><a class="reference internal" href="#maintainers" id="id6">Maintainers</a></li>
 </ul>
 </li>
 </ul>
 </div>
+<div class="section" id="usage">
+<h1><a class="toc-backref" href="#id1">Usage</a></h1>
+<p>Put the mouse pointer over a many2one cell and click the button.
+.. image:: <a class="reference external" href="https://raw.githubusercontent.com/OCA/web/12.0/web_tree_many2one_clickable/static/img/clickable.gif">https://raw.githubusercontent.com/OCA/web/12.0/web_tree_many2one_clickable/static/img/clickable.gif</a></p>
+</div>
 <div class="section" id="bug-tracker">
-<h1><a class="toc-backref" href="#id1">Bug Tracker</a></h1>
+<h1><a class="toc-backref" href="#id2">Bug Tracker</a></h1>
 <p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/web/issues">GitHub Issues</a>.
 In case of trouble, please check there if your issue has already been reported.
 If you spotted it first, help us smashing it by providing a detailed and welcomed
@@ -392,9 +398,9 @@ If you spotted it first, help us smashing it by providing a detailed and welcome
 <p>Do not contact contributors directly about support or help with technical issues.</p>
 </div>
 <div class="section" id="credits">
-<h1><a class="toc-backref" href="#id2">Credits</a></h1>
+<h1><a class="toc-backref" href="#id3">Credits</a></h1>
 <div class="section" id="authors">
-<h2><a class="toc-backref" href="#id3">Authors</a></h2>
+<h2><a class="toc-backref" href="#id4">Authors</a></h2>
 <ul class="simple">
 <li>Therp BV</li>
 <li>Tecnativa</li>
@@ -402,7 +408,7 @@ If you spotted it first, help us smashing it by providing a detailed and welcome
 </ul>
 </div>
 <div class="section" id="contributors">
-<h2><a class="toc-backref" href="#id4">Contributors</a></h2>
+<h2><a class="toc-backref" href="#id5">Contributors</a></h2>
 <ul class="simple">
 <li>Therp BV</li>
 <li>Pedro M. Baeza &lt;<a class="reference external" href="mailto:pedro.baeza&#64;serviciosbaeza.com">pedro.baeza&#64;serviciosbaeza.com</a>&gt;</li>
@@ -414,7 +420,7 @@ If you spotted it first, help us smashing it by providing a detailed and welcome
 </ul>
 </div>
 <div class="section" id="maintainers">
-<h2><a class="toc-backref" href="#id5">Maintainers</a></h2>
+<h2><a class="toc-backref" href="#id6">Maintainers</a></h2>
 <p>This module is maintained by the OCA.</p>
 <a class="reference external image-reference" href="https://odoo-community.org"><img alt="Odoo Community Association" src="https://odoo-community.org/logo.png" /></a>
 <p>OCA, or the Odoo Community Association, is a nonprofit organization whose
diff --git a/web_tree_many2one_clickable/static/img/clickable.gif b/web_tree_many2one_clickable/static/img/clickable.gif
new file mode 100644
index 000000000..a6da74e6c
Binary files /dev/null and b/web_tree_many2one_clickable/static/img/clickable.gif differ