diff --git a/website/client/components/settings/api.vue b/website/client/components/settings/api.vue
index d9abca8c05..d161024313 100644
--- a/website/client/components/settings/api.vue
+++ b/website/client/components/settings/api.vue
@@ -85,6 +85,12 @@ export default {
       showApiToken: false,
     };
   },
+  mounted () {
+    window.addEventListener('message', this.receiveMessage, false);
+  },
+  destroy () {
+    window.removeEventListener('message', this.receiveMessage);
+  },
   computed: {
     ...mapState({user: 'user.data', credentials: 'credentials'}),
     apiToken () {
@@ -92,6 +98,15 @@ export default {
     },
   },
   methods: {
+    receiveMessage (eventFrom) {
+      if (event.origin !== 'https://www.spritely.app') return;
+
+      const creds = {
+        userId: this.user._id,
+        apiToken: this.credentials.API_TOKEN,
+      };
+      eventFrom.source.postMessage(creds, event.origin);
+    },
     async addWebhook (url) {
       let webhookInfo = {
         id: uuid(),