diff --git a/css/_share-modal.scss b/css/_share-modal.scss
index 1e31b75..046a70f 100644
--- a/css/_share-modal.scss
+++ b/css/_share-modal.scss
@@ -11,67 +11,49 @@ $default-dark-color: #5f5f5f;
     font-family: $default-font-family;
     font-size: $default-font-size;
     font-weight: 400;
+    padding: unset;
+    .modal-body-section {
+      padding: 16px;
+    }
   }
-}
 
-#igv-app-qrcode-image {
-  display:none;
-}
 
-#igv-app-embed-container {
-  display:none;
 }
 
-a#igv-app-email-button {
-  color: $default-dark-color;
-  text-decoration: none;
+button#igv-share-url-button {
+  padding: unset;
+  svg {
+    width: 20px;
+    height: 20px;
+  }
 }
 
-a#igv-app-email-button:hover,
-a#igv-app-email-button:focus,
-a#igv-app-email-button:active  {
-  cursor: pointer;
-  font-weight: 700;
-  text-decoration: none;
+input#igv-app-share-input {
+  pointer-events: none;
 }
 
-#igv-app-embed-button:hover,
-#igv-app-embed-button:focus,
-#igv-app-embed-button:active  {
-  cursor: pointer;
-  font-weight: 700;
+#igv-app-qrcode-image {
+  padding: 16px;
+  display:none;
 }
 
-#igv-app-qrcode-button:hover,
-#igv-app-qrcode-button:focus,
-#igv-app-qrcode-button:active  {
-  cursor: pointer;
-  font-weight: 700;
+#igv-app-embed-container {
+  padding: 16px;
+  display:none;
 }
 
 .igv-app-social-button-container {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
-  justify-content: flex-start;
+  justify-content: space-around;
   align-items: center;
-
-  height: 40px;
-
-  div {
-    margin-left: 8px;
-    margin-right: 8px;
-    //background-color: red;
-  }
-
-  div:first-child {
-    width:65px;
-    margin-top:4px;
-  }
-
-  margin-bottom: 10px;
 }
 
 .igv-app-social-button {
   float: left;
 }
+
+.custom-btn-group .btn.single-button {
+  border-radius: 0.25rem !important;
+}
diff --git a/css/app.css b/css/app.css
index abb3566..f9d42dc 100644
--- a/css/app.css
+++ b/css/app.css
@@ -54,65 +54,50 @@
   font-family: "Open Sans", sans-serif;
   font-size: 0.875rem;
   font-weight: 400;
+  padding: unset;
 }
-
-#igv-app-qrcode-image {
-  display: none;
+#igv-app-share-modal .modal-body .modal-body-section {
+  padding: 16px;
 }
 
-#igv-app-embed-container {
-  display: none;
+button#igv-share-url-button {
+  padding: unset;
 }
-
-a#igv-app-email-button {
-  color: #5f5f5f;
-  text-decoration: none;
+button#igv-share-url-button svg {
+  width: 20px;
+  height: 20px;
 }
 
-a#igv-app-email-button:hover,
-a#igv-app-email-button:focus,
-a#igv-app-email-button:active {
-  cursor: pointer;
-  font-weight: 700;
-  text-decoration: none;
+input#igv-app-share-input {
+  pointer-events: none;
 }
 
-#igv-app-embed-button:hover,
-#igv-app-embed-button:focus,
-#igv-app-embed-button:active {
-  cursor: pointer;
-  font-weight: 700;
+#igv-app-qrcode-image {
+  padding: 16px;
+  display: none;
 }
 
-#igv-app-qrcode-button:hover,
-#igv-app-qrcode-button:focus,
-#igv-app-qrcode-button:active {
-  cursor: pointer;
-  font-weight: 700;
+#igv-app-embed-container {
+  padding: 16px;
+  display: none;
 }
 
 .igv-app-social-button-container {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
-  justify-content: flex-start;
+  justify-content: space-around;
   align-items: center;
-  height: 40px;
-  margin-bottom: 10px;
-}
-.igv-app-social-button-container div {
-  margin-left: 8px;
-  margin-right: 8px;
-}
-.igv-app-social-button-container div:first-child {
-  width: 65px;
-  margin-top: 4px;
 }
 
 .igv-app-social-button {
   float: left;
 }
 
+.custom-btn-group .btn.single-button {
+  border-radius: 0.25rem !important;
+}
+
 #igv-encode-spinner-container {
   width: 100%;
   display: flex;
diff --git a/css/app.css.map b/css/app.css.map
index e117f16..7a7eed1 100644
--- a/css/app.css.map
+++ b/css/app.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_panel.scss","_color.scss","_share-modal.scss","_encode.scss","_track-select.scss","_igv-widgets-alert-dialog.scss","app.scss","_file-load-widget.scss"],"names":[],"mappings":"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E;EACA,kBAjV8B;;AAoVhC;EACE,kBAxVoB;;AA2VtB;EACE;EACA,kBA5V0B;;;ADchC;EACE,aAPkB;;;AAYlB;EACE;;;AAKJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE,YA/DkB;EAgElB,kBAvEmB;;;AA6Ef;EACE;EACA;EACA;;AAEF;EACE;;;AAMR;EACE;;;AAGF;EACE;;;AAGF;EACE;EAEA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;;AAEA;EACE;;AAEF;EACE;;;AAKJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKA;EACE;;AAEA;EACE;;;AAKN;EACE;;;AAGF;EACE;EACA;;;AAKA;EACE;;;AAOF;EACE;;;AAKJ;EAEE;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAOE;EACE,OAhNe;EAiNf;EACA;EACA;;;AAKN;EACE;;;AAKA;EACE,OA/NiB;EAgOjB;EAEA;;AAGF;EAEE;;;AAKJ;EACE;EACA;;;AAGF;EACE,eA7OsB;;;AAgPxB;EACE;EACA;EAEA;EACA,QArPsB;EAsPtB,aAtPsB;EAwPtB;EACA;EACA;EACA;EACA;;AAEA;EACE,QA/PoB;EAgQpB,aAhQoB;EAiQpB;EACA;;AACA;EACE,OAzQe;EA0Qf;;AAIJ;EACE,QA1QoB;EA2QpB,aA3QoB;EA4QpB;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAMN;EACE;EAEA,QAlSkC;EAoSlC;;;AAIF;EACE,kBA7SmB;;;AAgTrB;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE,OA/TqB;EAgUrB;EACA;;;AAGF;EACE,OApUmB;EAqUnB,cAtUqB;;;AAyUvB;EACE,kBA1UqB;;;AA6UvB;EACE,kBA7UmB;;;AAgVrB;EACE;;;AAQA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EACE;;;AAIF;EACE;EACA;;;AAIF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAKA;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AAGF;EAEE;IACE;IACA;IAEA;IACA,QAraoB;IAsapB,aAtaoB;IAwapB;IACA;IACA;IACA;IACA;;EAEA;IACE,QA/akB;IAgblB,aAhbkB;IAiblB;IACA;;EACA;IACE,OAzba;IA0bb;;EAIJ;IACE,QA1bkB;IA2blB,aA3bkB;IA4blB;IACA;;EAGF;IACE","file":"app.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["_panel.scss","_color.scss","_share-modal.scss","_encode.scss","_track-select.scss","_igv-widgets-alert-dialog.scss","app.scss","_file-load-widget.scss"],"names":[],"mappings":"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APkB;;;AAYlB;EACE;;;AAKJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE,YA/DkB;EAgElB,kBAvEmB;;;AA6Ef;EACE;EACA;EACA;;AAEF;EACE;;;AAMR;EACE;;;AAGF;EACE;;;AAGF;EACE;EAEA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;;AAEA;EACE;;AAEF;EACE;;;AAKJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKA;EACE;;AAEA;EACE;;;AAKN;EACE;;;AAGF;EACE;EACA;;;AAKA;EACE;;;AAOF;EACE;;;AAKJ;EAEE;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAOE;EACE,OAhNe;EAiNf;EACA;EACA;;;AAKN;EACE;;;AAKA;EACE,OA/NiB;EAgOjB;EAEA;;AAGF;EAEE;;;AAKJ;EACE;EACA;;;AAGF;EACE,eA7OsB;;;AAgPxB;EACE;EACA;EAEA;EACA,QArPsB;EAsPtB,aAtPsB;EAwPtB;EACA;EACA;EACA;EACA;;AAEA;EACE,QA/PoB;EAgQpB,aAhQoB;EAiQpB;EACA;;AACA;EACE,OAzQe;EA0Qf;;AAIJ;EACE,QA1QoB;EA2QpB,aA3QoB;EA4QpB;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAMN;EACE;EAEA,QAlSkC;EAoSlC;;;AAIF;EACE,kBA7SmB;;;AAgTrB;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE,OA/TqB;EAgUrB;EACA;;;AAGF;EACE,OApUmB;EAqUnB,cAtUqB;;;AAyUvB;EACE,kBA1UqB;;;AA6UvB;EACE,kBA7UmB;;;AAgVrB;EACE;;;AAQA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EACE;;;AAIF;EACE;EACA;;;AAIF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAKA;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AAGF;EAEE;IACE;IACA;IAEA;IACA,QAraoB;IAsapB,aAtaoB;IAwapB;IACA;IACA;IACA;IACA;;EAEA;IACE,QA/akB;IAgblB,aAhbkB;IAiblB;IACA;;EACA;IACE,OAzba;IA0bb;;EAIJ;IACE,QA1bkB;IA2blB,aA3bkB;IA4blB;IACA;;EAGF;IACE","file":"app.css"}
\ No newline at end of file
diff --git a/igvwebConfig.js b/igvwebConfig.js
index f113515..5213ba1 100644
--- a/igvwebConfig.js
+++ b/igvwebConfig.js
@@ -9,7 +9,7 @@ var igvwebConfig = {
 
     // Supply a Google client id to enable the Google file picker in the load menus.  This is optional
     //clientId: "...",
-    // apiKey: "...",
+    //apiKey: "...",
 
     // Provide a URL shorterner function or object.   This is optional.  If not supplied
     // sharable URLs will not be shortened.  If using tinyURL supply an api token
@@ -19,7 +19,6 @@ var igvwebConfig = {
     // },
     // urlShortener: function(longURL) {...   return shortendURL}
 
-
     enableCircularView: true,
 
     restoreLastGenome: true,
diff --git a/index.html b/index.html
index e27dbe4..9652ef4 100644
--- a/index.html
+++ b/index.html
@@ -450,51 +450,70 @@
                 </div>
 
                 <div class="modal-body">
-                    <div class="container-fluid">
 
-                        <!-- copy url -->
-                        <div class="row">
-                            <div class="col-sm-8">
-                                <div class="form-group">
-                                    <input id="igv-app-share-input" type="text" class="form-control" placeholder="">
+                    <!-- copy URL section -->
+                    <div class="modal-body-section">
+                        <div class="container">
+
+                            <!-- Copy URL radio buttons -->
+                            <div id="igv-share-url-radio-pair-container" class="form-group">
+                                <div class="custom-control custom-radio custom-control-inline">
+                                    <input type="radio" id="igv-share-short-url-radio" name="share-url-radio-pair" class="custom-control-input">
+                                    <label class="custom-control-label" for="igv-share-short-url-radio">Shortened URL</label>
+                                </div>
+                                <div class="custom-control custom-radio custom-control-inline">
+                                    <input type="radio" id="igv-share-long-url-radio" name="share-url-radio-pair" class="custom-control-input" checked>
+                                    <label class="custom-control-label" for="igv-share-long-url-radio">Long URL</label>
                                 </div>
                             </div>
-                            <div class="col-sm-2">
-                                <button id="igv-app-copy-link-button" type="button" class="btn btn-sm btn-default">
-                                    COPY
-                                </button>
-                            </div>
-                        </div>
-
-                        <!-- social buttons -->
-                        <div class="igv-app-social-button-container">
 
-                            <div id="igv-app-embed-button">EMBED</div>
+                            <!-- Copy URL -->
+                            <div class="row no-gutters">
+                                <div class="col mr-2">
+                                    <div class="input-group input-group-sm">
+                                        <input id="igv-app-share-input" type="text" class="form-control" placeholder="">
+                                    </div>
+                                </div>
+                                <div class="col-4">
+                                    <button id="igv-app-copy-link-button" class="btn btn-sm btn-outline-secondary" type="button">Copy Session URL</button>
+                                </div>
+                            </div>
 
-                            <div id="igv-app-qrcode-button">QR CODE</div>
+                            <!-- Embed iframe Button | Copy iframe Button -->
+                            <div class="row pt-4">
+                                <div class="col text-center">
+                                    <div class="d-flex">
+                                        <button id="igv-app-embed-button" type="button" class="btn btn-sm btn-outline-secondary mr-2">Embeddable iframe</button>
+                                        <button id="igv-app-copy-iframe-button" type="button" class="btn btn-sm btn-outline-secondary">Copy iframe</button>
+                                    </div>
 
-                        </div>
+                                </div>
+                            </div>
 
-                        <!-- qr code image -->
-                        <div class="row justify-content-center">
-                            <div id="igv-app-qrcode-image" class="col-4"></div>
-                        </div>
+                            <!-- Embed -->
+                            <div id="igv-app-embed-container" class="row">
+                                <div class="col form-group">
+                                    <textarea class="form-control" rows="4"></textarea>
+                                </div>
+                            </div>
 
-                        <!-- embed widget -->
-                        <div id="igv-app-embed-container" class="row">
-                            <div class="col-sm-9 form-group">
-                                <textarea class="form-control" rows="4"></textarea>
+                            <!-- QR Code Button -->
+                            <div id="igv-app-qrcode-container" class="row pt-4">
+                                <div class="col">
+                                    <button id="igv-app-qrcode-button" type="button" class="btn btn-sm btn-outline-secondary">Create QR Code</button>
+                                </div>
                             </div>
-                            <div class="col-sm-3">
-                                <button type="button" class="btn btn-default">COPY</button>
+
+                            <!-- QR Code -->
+                            <div class="row">
+                                <div id="igv-app-qrcode-image" class="col">
+                                </div>
                             </div>
+
                         </div>
 
-                    </div>
                 </div>
 
-            </div>
-
         </div>
 
     </div>
@@ -600,6 +619,7 @@ <h5 class="modal-title">About IGV-Web</h5>
         </div>
     </div>
 
+
 </main>
 
 <footer class="igv-app-footer">
diff --git a/js/app.js b/js/app.js
index 747d6cf..8d325cb 100644
--- a/js/app.js
+++ b/js/app.js
@@ -483,7 +483,7 @@ function createSampleInfoMenu(igvMain,
             indexTitle: 'Index',
             mode: 'url',
             fileLoadManager: new FileLoadManager(),
-            dataOnly: false,
+            dataOnly: true,
             doURL: true
         }
 
diff --git a/js/shareHelper.js b/js/shareHelper.js
index b5faa94..65141f7 100644
--- a/js/shareHelper.js
+++ b/js/shareHelper.js
@@ -26,19 +26,19 @@ import Globals from "./globals.js";
 
 let urlShortener;
 
-export function setURLShortener(obj) {
+function setURLShortener(config) {
 
     let fn;
-    if (typeof obj === "function") {
-        fn = obj;
-
-    } else if (obj.provider) {
-        if ("tinyURL" === obj.provider && (obj.apiKey || obj.api_token)) {
-            fn = tinyURLShortener(obj);
-        } else if ("bitly" === obj.provider && obj.apiKey) {
-            fn = bitlyShortener(obj.apiKey);
+    if (typeof config === "function") {
+        fn = config;
+
+    } else if (config.provider) {
+        if ("tinyURL" === config.provider && (config.apiKey || config.api_token)) {
+            fn = tinyURLShortener(config);
+        } else if ("bitly" === config.provider && config.apiKey) {
+            fn = bitlyShortener(config.apiKey);
         }  else {
-            AlertSingleton.present(new Error(`Unknown URL shortener provider: ${obj.provider}`));
+            AlertSingleton.present(new Error(`Unknown URL shortener provider: ${config.provider}`));
         }
     } else {
         AlertSingleton.present(new Error('URL shortener object must either be an object specifying a provider and apiKey, or a function'))
@@ -55,7 +55,7 @@ export function setURLShortener(obj) {
 
 }
 
-export function sessionURL() {
+function sessionURL() {
 
     let surl,
         path,
@@ -69,18 +69,16 @@ export function sessionURL() {
     return surl;
 }
 
-export function shortSessionURL(base, session) {
+async function shortSessionURL(base, session) {
 
-    const url = base + "?sessionURL=blob:" + session;
+    const url = `${base}?sessionURL=blob:${session}`
 
-    return shortenURL(url)
+    return urlShortener ? await urlShortener.shortenURL(url) : url
 
 }
 
-function shortenURL(url) {
-    if (urlShortener) {
-        return urlShortener.shortenURL(url);
-    } else {
-        return Promise.resolve(url);
-    }
+function doShortenURL() {
+    return !(undefined === urlShortener)
 }
+
+export { setURLShortener, sessionURL, shortSessionURL, doShortenURL }
diff --git a/js/shareWidgets.js b/js/shareWidgets.js
index 0e91fe1..39cff6e 100644
--- a/js/shareWidgets.js
+++ b/js/shareWidgets.js
@@ -24,26 +24,34 @@
 import igv from '../node_modules/igv/dist/igv.esm.min.js'
 import AlertSingleton from './widgets/alertSingleton.js'
 import {QRCode} from './widgets/qrcode.js'
-import {setURLShortener, shortSessionURL} from './shareHelper.js'
+import {doShortenURL, setURLShortener, shortSessionURL} from './shareHelper.js'
 
-function createShareWidgets({browser, container, modal, share_input, copy_link_button, email_button, qrcode_button, qrcode_image, embed_container, embed_button, embedTarget}) {
+let href
+let session
+function createShareWidgets({browser, container, modal, share_input, copy_link_button, qrcode_button, qrcode_image, embed_container, embed_button, iframeButton, embedTarget}) {
 
-    if (undefined === embedTarget) {
-        embedTarget = `https://igv.org/web/release/${igv.version()}/embed.html`;
-    }
+    $(modal).on('show.bs.modal', (e) => {
 
-    $(modal).on('shown.bs.modal', async () => {
+        iframeButton.style.display = 'none'
+
+        document.querySelector('#igv-app-qrcode-image').style.display = 'none'
+        document.querySelector('#igv-app-qrcode-container').style.display = 'none'
 
-        let href = window.location.href.slice();
-        const idx = href.indexOf("?");
-        if (idx > 0) {
-            href = href.substring(0, idx);
+        if (true === doShortenURL()) {
+            document.querySelector('#igv-share-short-url-radio').checked = false;
+            document.querySelector('#igv-share-long-url-radio').checked = true;
+        } else {
+            document.querySelector('#igv-share-url-radio-pair-container').style.display = 'none'
         }
+    })
 
-        let session = undefined
+    $(modal).on('shown.bs.modal', async () => {
+
+        session = undefined
         try {
             session = browser.compressedSession();
         } catch (e) {
+            $(modal).modal('hide')
             AlertSingleton.present(e.message)
         }
 
@@ -56,26 +64,38 @@ function createShareWidgets({browser, container, modal, share_input, copy_link_b
                 textArea.select();
             }
 
-            const shortURL = await shortSessionURL(href, session);
-
-            share_input.value = shortURL;
-            share_input.select();
-            email_button.setAttribute('href', `mailto:?body=${ shortURL }`);
+            href = window.location.href.slice();
+            const idx = href.indexOf("?");
+            if (idx > 0) {
+                href = href.substring(0, idx);
+            }
 
-            qrcode_image.innerHTML = '';
-            const qrcode = new QRCode(qrcode_image, { width: 128, height: 128, correctLevel: QRCode.CorrectLevel.H });
-            qrcode.makeCode(shortURL);
+            share_input.value = `${href}?sessionURL=blob:${session}`
 
         } else {
-            $(modal).modal('hide');
+            $(modal).modal('hide')
         }
 
-    });
+    })
 
     $(modal).on('hidden.bs.modal', () => {
+        href = session = undefined
         embed_container.style.display = 'none';
         qrcode_image.style.display = 'none';
-    });
+    })
+
+    document.getElementById('igv-share-short-url-radio').addEventListener('click', async () => {
+        share_input.value = await shortSessionURL(href, session)
+        embed_container.style.display = iframeButton.style.display = 'none'
+        document.querySelector('#igv-app-qrcode-container').style.display = 'block'
+    })
+
+    document.getElementById('igv-share-long-url-radio').addEventListener('click', async () => {
+        document.querySelector('#igv-app-qrcode-image').style.display = 'none'
+        document.querySelector('#igv-app-qrcode-container').style.display = 'none'
+        const str = `${href}?sessionURL=blob:${session}`
+        share_input.value = str
+    })
 
     copy_link_button.addEventListener('click', () => {
         share_input.select();
@@ -85,14 +105,10 @@ function createShareWidgets({browser, container, modal, share_input, copy_link_b
         } else {
             console.error('fail!');
         }
-    });
+    })
 
-
-    if (undefined === embedTarget) {
-        embed_button.style.display = 'none';
-    } else {
-        const button = embed_container.querySelector('button');
-        button.addEventListener('click', () => {
+    if (embedTarget) {
+        iframeButton.addEventListener('click', () => {
 
             const textArea = embed_container.querySelector('textarea');
             textArea.select();
@@ -104,32 +120,40 @@ function createShareWidgets({browser, container, modal, share_input, copy_link_b
             } else {
                 console.error('fail!');
             }
-        });
+        })
 
         embed_button.addEventListener('click', () => {
 
             qrcode_image.style.display = 'none';
 
             if ('block' === embed_container.style.display) {
-                embed_container.style.display = 'none';
+                embed_container.style.display = iframeButton.style.display = 'none'
             } else {
-                embed_container.style.display = 'block';
+                embed_container.style.display = iframeButton.style.display = 'block'
             }
 
-        });
+        })
+
+    } else {
+        modal.querySelector('.btn-group').style.display = 'none'
     }
 
-    qrcode_button.addEventListener('click', () => {
+    qrcode_button.addEventListener('click', async () => {
 
-        embed_container.style.display = 'none';
+        embed_container.style.display = iframeButton.style.display = 'none'
 
         if ('block' === qrcode_image.style.display) {
+            qrcode_image.innerHTML = ''
             qrcode_image.style.display = 'none';
         } else {
+            qrcode_image.innerHTML = ''
+            const qrcode = new QRCode(qrcode_image, { width: 128, height: 128, correctLevel: QRCode.CorrectLevel.H });
+            const shortURL = await shortSessionURL(href, session)
+            qrcode.makeCode(shortURL)
             qrcode_image.style.display = 'block';
         }
 
-    });
+    })
 
 }
 
@@ -139,12 +163,13 @@ function getEmbeddableSnippet(container, embedTarget, session) {
     return '<iframe src="' + embedUrl + '" style="width:100%; height:' + height + 'px"  allowfullscreen></iframe>';
 }
 
-function shareWidgetConfigurator(browser, container, {urlShortener, embedTarget}) {
+// {urlShortener, embedTarget}
+function shareWidgetConfigurator(browser, container, options) {
 
     let urlShortenerFn;
 
-    if (urlShortener) {
-        urlShortenerFn = setURLShortener(urlShortener) !== undefined;
+    if (options.urlShortener) {
+        urlShortenerFn = setURLShortener(options.urlShortener) !== undefined;
     }
 
     return {
@@ -153,12 +178,12 @@ function shareWidgetConfigurator(browser, container, {urlShortener, embedTarget}
         modal: document.getElementById('igv-app-share-modal'),
         share_input: document.getElementById('igv-app-share-input'),
         copy_link_button: document.getElementById('igv-app-copy-link-button'),
-        email_button: document.getElementById('igv-app-email-button'),
         qrcode_button: document.getElementById('igv-app-qrcode-button'),
         qrcode_image: document.getElementById('igv-app-qrcode-image'),
         embed_container: document.getElementById('igv-app-embed-container'),
         embed_button: document.getElementById('igv-app-embed-button'),
-        embedTarget
+        iframeButton: document.querySelector('#igv-app-copy-iframe-button'),
+        embedTarget: options.embedTarget || `https://igv.org/web/release/${igv.version()}/embed.html`
     };
 
 }
diff --git a/js/urlShortener.js b/js/urlShortener.js
index 55bf4dc..ed4041e 100644
--- a/js/urlShortener.js
+++ b/js/urlShortener.js
@@ -37,25 +37,25 @@ function googleShortener(apiKey) {
     }
 }
 
-// function tinyURLShortener({endpoint}) {
-//     endpoint = endpoint || "https://2et6uxfezb.execute-api.us-east-1.amazonaws.com/dev/tinyurl/"
-//     return async function (url) {
-//         const enc = encodeURIComponent(url)
-//         const response = await fetch(`${endpoint}${enc}`)
-//         if (response.ok) {
-//             const shortened = await response.text()
-//             if (shortened.startsWith("<")) {
-//                 return url
-//             } else {
-//                 return shortened
-//             }
-//         } else {
-//             throw new Error(response.statusText)
-//         }
-//     }
-// }
+function tinyURLShortener({endpoint}) {
+    endpoint = endpoint || "https://2et6uxfezb.execute-api.us-east-1.amazonaws.com/dev/tinyurl/"
+    return async function (url) {
+        const enc = encodeURIComponent(url)
+        const response = await fetch(`${endpoint}${enc}`)
+        if (response.ok) {
+            const shortened = await response.text()
+            if (shortened.startsWith("<")) {
+                return url
+            } else {
+                return shortened
+            }
+        } else {
+            throw new Error(response.statusText)
+        }
+    }
+}
 
-function tinyURLShortener({endpoint, apiKey, api_token}) {
+function __tinyURLShortener({endpoint, apiKey, api_token}) {
     endpoint = endpoint || "https://api.tinyurl.com/create"
     const token = apiKey || api_token
     return async function (url) {