diff --git a/callbacks/static/js/viewer.js b/callbacks/static/js/viewer.js
index 1cad4b1..d3549fb 100644
--- a/callbacks/static/js/viewer.js
+++ b/callbacks/static/js/viewer.js
@@ -88,14 +88,19 @@ var callbackDetails = new Vue({
   el: "#callback-details",
   delimiters: ["[[", "]]"],
   data: {
-    callback_url: ""
+    callback_url: "",
+    show_copy_notification: false
   },
   methods: {
     copytoclipboard: function() {
       var url = document.getElementById("callback-uuid-field");
       url.select();
       document.execCommand("copy");
-      alert("The callback url was copied to your clipboard.");
+      this.show_copy_notification = true;
+      let self = this;
+      setTimeout(function() {
+        self.show_copy_notification = false;
+      }, 2000);
     }
   },
   mounted: function() {
diff --git a/callbacks/templates/callbacks/check.html b/callbacks/templates/callbacks/check.html
index 2c23313..e699e6b 100644
--- a/callbacks/templates/callbacks/check.html
+++ b/callbacks/templates/callbacks/check.html
@@ -47,6 +47,9 @@
               </a>
             </div>
           </div>
+          <div class="notification is-success" v-if="show_copy_notification">
+            The callback url was copied to your clipboard.
+          </div>
         </div>
       </section>
       <section class="section" id="request-list">