diff --git a/web_widget_color/README.rst b/web_widget_color/README.rst
index 5cf105a9..dfa955c3 100644
--- a/web_widget_color/README.rst
+++ b/web_widget_color/README.rst
@@ -64,15 +64,17 @@ In the view declaration, put widget='color' attribute in the field tag::
 .. |formview| image:: ./images/form_view.png
 .. |listview| image:: ./images/list_view.png
 
+.. image:: https://odoo-community.org/website/image/ir.attachment/5784_f2813bd/datas
+   :alt: Try me on Runbot
+   :target: https://runbot.odoo-community.org/runbot/162/10.0
 
 Bug Tracker
 ===========
 
-Bugs are tracked on `GitHub Issues <https://github.com/OCA/web/issues>`_.
-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 feedback
-`here <https://github.com/OCA/web/issues/new?body=module:%20web_widget_color%0Aversion:%208.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.
-
+Bugs are tracked on `GitHub Issues
+<https://github.com/OCA/OCA/issues>`_. 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 feedback.
 
 Credits
 =======
@@ -86,9 +88,9 @@ Contributors
 Maintainer
 ----------
 
-.. image:: http://odoo-community.org/logo.png
+.. image:: https://odoo-community.org/logo.png
    :alt: Odoo Community Association
-   :target: http://odoo-community.org
+   :target: https://odoo-community.org
 
 This module is maintained by the OCA.
 
@@ -96,4 +98,4 @@ OCA, or the Odoo Community Association, is a nonprofit organization whose
 mission is to support the collaborative development of Odoo features and
 promote its widespread use.
 
-To contribute to this module, please visit http://odoo-community.org.
+To contribute to this module, please visit https://odoo-community.org.
diff --git a/web_widget_color/__manifest__.py b/web_widget_color/__manifest__.py
index ae8b23de..e90ef2d0 100644
--- a/web_widget_color/__manifest__.py
+++ b/web_widget_color/__manifest__.py
@@ -8,7 +8,7 @@
 {
     'name': "Web Widget Color",
     'category': "web",
-    'version': "9.0.1.0.0",
+    'version': "10.0.1.0.0",
     "author": "Savoir-faire Linux, "
               "Anybox, "
               "Taktik SA, "
@@ -23,6 +23,6 @@
     ],
     'license': 'AGPL-3',
     'auto_install': False,
-    'installable': False,
+    'installable': True,
     'web_preload': True,
 }
diff --git a/web_widget_color/static/src/js/widget.js b/web_widget_color/static/src/js/widget.js
index 548eb7a4..589ff364 100644
--- a/web_widget_color/static/src/js/widget.js
+++ b/web_widget_color/static/src/js/widget.js
@@ -61,7 +61,7 @@ odoo.define('web.web_widget_color', function(require) {
                 jscolor.init(this.$el[0]);
             } else {
                 this.$(".oe_form_char_content").text(show_value);
-                this.$('div').css("background-color", show_value);
+                this.$('span').css("background-color", show_value);
             }
         }
     });
@@ -72,7 +72,11 @@ odoo.define('web.web_widget_color', function(require) {
      * Init jscolor for each editable mode on view form
      */
     FormView.include({
-        to_edit_mode: function () {
+        on_button_edit: function () {
+            this._super();
+            jscolor.init(this.$el[0]);
+        },
+        on_button_create: function () {
             this._super();
             jscolor.init(this.$el[0]);
         }