diff --git a/addons/website/static/src/js/website.editor.js b/addons/website/static/src/js/website.editor.js
index 5ad17451bac..158aafd06f6 100644
--- a/addons/website/static/src/js/website.editor.js
+++ b/addons/website/static/src/js/website.editor.js
@@ -473,6 +473,7 @@
                 this.$('input[type=file]').click();
             },
             'change input[type=file]': 'file_selection',
+            'change input.url': 'preview_image',
         }),
         start: function () {
             var selection = this.editor.getSelection();
@@ -481,6 +482,7 @@
             if (el && el.is('img')) {
                 this.element = el;
                 this.$('input.url').val(el.getAttribute('src'));
+                this.preview_image();
             }
 
             return this._super();
@@ -524,6 +526,13 @@
             }
             $button.addClass('btn-success');
             this.$('input.url').val(url);
+            this.preview_image();
+        },
+        preview_image: function () {
+            var image = this.$('input.url').val();
+            if (!image) { return; }
+
+            this.$('img').attr('src', image);
         },
     });
 
diff --git a/addons/website/static/src/xml/website.editor.xml b/addons/website/static/src/xml/website.editor.xml
index bd8f632a329..8dee9aa9c65 100644
--- a/addons/website/static/src/xml/website.editor.xml
+++ b/addons/website/static/src/xml/website.editor.xml
@@ -62,25 +62,33 @@
     </t>
     <t t-name="website.editor.dialog.image">
         <t t-call="website.editor.dialog">
-            <t t-set="title">Image</t>
-            <form method="POST" action="/website/attach"
-                  enctype="multipart/form-data"
-                  target="fileframe">
-                <div class="well">
-                    <!-- a href="#" class="pull-left">Find image</a -->
-                    <h3 class="list-group-item-heading">Image URL</h3>
-                    <input type="text" class="form-control url"
-                           placeholder="http://openerp.com"/>
+            <t t-set="title">Image:</t>
+            <div class="row">
+                <form method="POST" action="/website/attach"
+                      enctype="multipart/form-data"
+                      target="fileframe"
+                      class="col-sm-8">
+                    <div class="well">
+                        <!-- a href="#" class="pull-left">Find image</a -->
+                        <h3 class="list-group-item-heading">Image URL</h3>
+                        <input type="text" class="form-control url"
+                               placeholder="http://openerp.com"/>
+                    </div>
+                    <div class="text-center">
+                        <p class="">— or —</p>
+                        <input type="file" name="upload" style="position: absolute; opacity: 0; width: 1px; height: 1px;"/>
+                        <button type="button" class="btn btn-primary btn-lg filepicker">
+                            Upload an image from your computer
+                        </button>
+                    </div>
+                    <input type="hidden" name="func"/>
+                </form>
+                <div class="col-sm-4">
+                    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAC0lEQVQIHWP4zwAAAgEBAMVfG14AAAAASUVORK5CYII%3D"
+                         class="pull-right img-rounded"
+                         width="100%"/>
                 </div>
-                <div class="text-center">
-                    <p class="">— or —</p>
-                    <input type="file" name="upload" style="position: absolute; opacity: 0; width: 1px; height: 1px;"/>
-                    <button type="button" class="btn btn-primary btn-lg filepicker">
-                        Upload an image from your computer
-                    </button>
-                </div>
-                <input type="hidden" name="func"/>
-            </form>
+            </div>
             <iframe src="about:blank" name="fileframe" class="hidden"/>
         </t>
     </t>