Free URL Shortener

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Free URL Shortener - GoTo.now</title>  <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'" integrity="sha384-oS8ucXzEpvGq9Y7D+M1LRgfLiKObdyIjJlOz4CKguu4XMWWE1RfG5xYq2lcJufgL" crossorigin="anonymous"> <noscript> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha384-oS8ucXzEpvGq9Y7D+M1LRgfLiKObdyIjJlOz4CKguu4XMWWE1RfG5xYq2lcJufgL" crossorigin="anonymous"> </noscript> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5734292711266667" crossorigin="anonymous"></script>  <script type="text/javascript" async=true> (function() { var host = 'goto.now'; var element = document.createElement('script'); var firstScript = document.getElementsByTagName('script')[0]; var url = 'https://cmp.inmobi.com' .concat('/choice/', '2MMzmDKaU6zew', '/', host, '/choice.js?tag_version=V3'); var uspTries = 0; var uspTriesLimit = 3; element.async = true; element.type = 'text/javascript'; element.src = url; firstScript.parentNode.insertBefore(element, firstScript); function makeStub() { var TCF_LOCATOR_NAME = '__tcfapiLocator'; var queue = []; var win = window; var cmpFrame; function addFrame() { var doc = win.document; var otherCMP = !!(win.frames[TCF_LOCATOR_NAME]); if (!otherCMP) { if (doc.body) { var iframe = doc.createElement('iframe'); iframe.style.cssText = 'display:none'; iframe.name = TCF_LOCATOR_NAME; doc.body.appendChild(iframe); } else { setTimeout(addFrame, 5); } } return !otherCMP; } function tcfAPIHandler() { var gdprApplies; var args = arguments; if (!args.length) { return queue; } else if (args[0] === 'setGdprApplies') { if ( args.length > 3 && args[2] === 2 && typeof args[3] === 'boolean' ) { gdprApplies = args[3]; if (typeof args[2] === 'function') { args[2]('set', true); } } } else if (args[0] === 'ping') { var retr = { gdprApplies: gdprApplies, cmpLoaded: false, cmpStatus: 'stub' }; if (typeof args[2] === 'function') { args[2](retr); } } else { if(args[0] === 'init' && typeof args[3] === 'object') { args[3] = Object.assign(args[3], { tag_version: 'V3' }); } queue.push(args); } } function postMessageEventHandler(event) { var msgIsString = typeof event.data === 'string'; var json = {}; try { if (msgIsString) { json = JSON.parse(event.data); } else { json = event.data; } } catch (ignore) {} var payload = json.__tcfapiCall; if (payload) { window.__tcfapi( payload.command, payload.version, function(retValue, success) { var returnMsg = { __tcfapiReturn: { returnValue: retValue, success: success, callId: payload.callId } }; if (msgIsString) { returnMsg = JSON.stringify(returnMsg); } if (event && event.source && event.source.postMessage) { event.source.postMessage(returnMsg, '*'); } }, payload.parameter ); } } while (win) { try { if (win.frames[TCF_LOCATOR_NAME]) { cmpFrame = win; break; } } catch (ignore) {} if (win === window.top) { break; } win = win.parent; } if (!cmpFrame) { addFrame(); win.__tcfapi = tcfAPIHandler; win.addEventListener('message', postMessageEventHandler, false); } }; makeStub(); function makeGppStub() { const CMP_ID = 10; const SUPPORTED_APIS = [ '2:tcfeuv2', '6:uspv1', '7:usnatv1', '8:usca', '9:usvav1', '10:uscov1', '11:usutv1', '12:usctv1' ]; window.__gpp_addFrame = function (n) { if (!window.frames[n]) { if (document.body) { var i = document.createElement("iframe"); i.style.cssText = "display:none"; i.name = n; document.body.appendChild(i); } else { window.setTimeout(window.__gpp_addFrame, 10, n); } } }; window.__gpp_stub = function () { var b = arguments; __gpp.queue = __gpp.queue || []; __gpp.events = __gpp.events || []; if (!b.length || (b.length == 1 && b[0] == "queue")) { return __gpp.queue; } if (b.length == 1 && b[0] == "events") { return __gpp.events; } var cmd = b[0]; var clb = b.length > 1 ? b[1] : null; var par = b.length > 2 ? b[2] : null; if (cmd === "ping") { clb( { gppVersion: "1.1", // must be “Version.Subversion”, current: “1.1” cmpStatus: "stub", // possible values: stub, loading, loaded, error cmpDisplayStatus: "hidden", // possible values: hidden, visible, disabled signalStatus: "not ready", // possible values: not ready, ready supportedAPIs: SUPPORTED_APIS, // list of supported APIs cmpId: CMP_ID, // IAB assigned CMP ID, may be 0 during stub/loading sectionList: [], applicableSections: [-1], gppString: "", parsedSections: {}, }, true ); } else if (cmd === "addEventListener") { if (!("lastId" in __gpp)) { __gpp.lastId = 0; } __gpp.lastId++; var lnr = __gpp.lastId; __gpp.events.push({ id: lnr, callback: clb, parameter: par, }); clb( { eventName: "listenerRegistered", listenerId: lnr, // Registered ID of the listener data: true, // positive signal pingData: { gppVersion: "1.1", // must be “Version.Subversion”, current: “1.1” cmpStatus: "stub", // possible values: stub, loading, loaded, error cmpDisplayStatus: "hidden", // possible values: hidden, visible, disabled signalStatus: "not ready", // possible values: not ready, ready supportedAPIs: SUPPORTED_APIS, // list of supported APIs cmpId: CMP_ID, // list of supported APIs sectionList: [], applicableSections: [-1], gppString: "", parsedSections: {}, }, }, true ); } else if (cmd === "removeEventListener") { var success = false; for (var i = 0; i < __gpp.events.length; i++) { if (__gpp.events[i].id == par) { __gpp.events.splice(i, 1); success = true; break; } } clb( { eventName: "listenerRemoved", listenerId: par, // Registered ID of the listener data: success, // status info pingData: { gppVersion: "1.1", // must be “Version.Subversion”, current: “1.1” cmpStatus: "stub", // possible values: stub, loading, loaded, error cmpDisplayStatus: "hidden", // possible values: hidden, visible, disabled signalStatus: "not ready", // possible values: not ready, ready supportedAPIs: SUPPORTED_APIS, // list of supported APIs cmpId: CMP_ID, // CMP ID sectionList: [], applicableSections: [-1], gppString: "", parsedSections: {}, }, }, true ); } else if (cmd === "hasSection") { clb(false, true); } else if (cmd === "getSection" || cmd === "getField") { clb(null, true); } //queue all other commands else { __gpp.queue.push([].slice.apply(b)); } }; window.__gpp_msghandler = function (event) { var msgIsString = typeof event.data === "string"; try { var json = msgIsString ? JSON.parse(event.data) : event.data; } catch (e) { var json = null; } if (typeof json === "object" && json !== null && "__gppCall" in json) { var i = json.__gppCall; window.__gpp( i.command, function (retValue, success) { var returnMsg = { __gppReturn: { returnValue: retValue, success: success, callId: i.callId, }, }; event.source.postMessage(msgIsString ? JSON.stringify(returnMsg) : returnMsg, "*"); }, "parameter" in i ? i.parameter : null, "version" in i ? i.version : "1.1" ); } }; if (!("__gpp" in window) || typeof window.__gpp !== "function") { window.__gpp = window.__gpp_stub; window.addEventListener("message", window.__gpp_msghandler, false); window.__gpp_addFrame("__gppLocator"); } }; makeGppStub(); var uspStubFunction = function() { var arg = arguments; if (typeof window.__uspapi !== uspStubFunction) { setTimeout(function() { if (typeof window.__uspapi !== 'undefined') { window.__uspapi.apply(window.__uspapi, arg); } }, 500); } }; var checkIfUspIsReady = function() { uspTries++; if (window.__uspapi === uspStubFunction && uspTries < uspTriesLimit) { console.warn('USP is not accessible'); } else { clearInterval(uspInterval); } }; if (typeof window.__uspapi === 'undefined') { window.__uspapi = uspStubFunction; var uspInterval = setInterval(checkIfUspIsReady, 6000); } })(); </script>  <script type="text/javascript" async="" src="https://hb-targa.s3.us-east-2.amazonaws.com/goto.now/asc_prebid.js"></script> <meta name="description" content="Shorten your links with GoTo.now. Create short, memorable links to share across web and social platforms, track clicks, and enhance your brand's online presence. Get started for free!"> <meta name="robots" content="index, follow"> <link rel="canonical" href="https://goto.now/?s=hotimg">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-H3JDGFVDMP"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-H3JDGFVDMP'); </script> <script async data-id="101468707" src="//static.getclicky.com/js"></script> <link rel="stylesheet" href="https://goto.now/static/styles.css?v=20250405081705"> <link rel="apple-touch-icon" sizes="180x180" href="https://goto.now/static/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://goto.now/static/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://goto.now/static/favicon-16x16.png"> <link rel="icon" type="image/png" href="https://goto.now/static/favicon.ico">  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//matomo.ieplsg.com/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '109']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script>  </head> <body> <style> /* Base styles */ .header { background: white; padding: 1rem 2rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 100%; position: relative; } .header-container { display: flex; justify-content: space-between; align-items: center; width: 100%; } .nav-logo { display: flex; align-items: center; text-decoration: none; color: #333; font-weight: 600; gap: 0.5rem; } .nav { margin-left: auto; display: flex; align-items: center; } .nav-menu { display: flex; align-items: center; gap: 2rem; margin: 0; padding: 0; } .nav-menu a { color: #555; text-decoration: none; font-size: 0.875rem; } .nav-menu.show { display: flex !important; } .burger-menu { display: none; background: none; border: none; cursor: pointer; padding: 0.5rem; margin-left: 1rem; } .dropdown { position: relative; } .dropdown-toggle { background: none; border: none; cursor: pointer; color: #555; display: flex; align-items: center; gap: 0.25rem; font-size: 0.875rem; padding: 0; } .dropdown-menu { display: none; position: absolute; top: 100%; right: 0; background: white; min-width: 200px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); border-radius: 4px; padding: 0.5rem 0; z-index: 1000; } .dropdown-menu.show { display: block !important; } .dropdown-menu a { display: block; padding: 0.5rem 1rem; text-decoration: none; color: #555; font-size: 0.875rem; } /* Desktop Styles */ @media (min-width: 769px) { .nav-menu { display: flex; position: static; box-shadow: none; padding: 0; width: auto; flex-direction: row; background: transparent; } } /* Mobile Styles */ @media (max-width: 768px) { .header { display: none; } .burger-menu { display: block; z-index: 1001; } .nav-menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background: white; padding: 1rem 2rem; box-shadow: 0 2px 5px rgba(0,0,0,0.1); flex-direction: column; align-items: flex-start; z-index: 1002; width: 100%; } .nav-menu.show { display: flex !important; } /* Force each direct child to occupy its own line */ .nav-menu > * { width: 100%; padding: 0.5rem 0; } /* Ensure the links are block-level */ .nav-menu a { display: block; } .dropdown { width: 100%; } .dropdown-toggle { width: 100%; justify-content: space-between; padding: 0.5rem 0; } .dropdown-menu { display: none; position: static; box-shadow: none; width: 100%; padding-left: 1rem; margin-top: 0.5rem; } .dropdown-menu.show { display: block; position: static; width: 100%; box-shadow: none; padding: 0; margin-top: 0.5rem; } .dropdown-menu a { padding: 0.5rem 1rem; display: block; width: 100%; } } </style> <style> /* Promo bar styles */ .promo-bar { background-color: #2563eb; height: 40px; display: flex; align-items: center; justify-content: center; } .promo-bar-box { background-color: #ffffff; height: 40px; display: flex; align-items: center; justify-content: center; } .promo-bar-box-link { color: #6b7280; text-decoration: underline; font-size: 14px; font-weight: bold; } .promo-bar-box-text { color: #6b7280; text-decoration: none; font-size: 14px; font-weight: bold; } .promo-link { color: white; text-decoration: underline; font-size: 14px; font-weight: bold; } .new-icon { text-decoration: none; background-color: red; color: white; font-size: 12px; font-weight: bold; padding: 2px 6px; border-radius: 4px; margin-right: 6px; } .promo-link .new-icon span { text-decoration: none !important; } </style> <style> /* Desktop Styles */ @media (min-width: 769px) { .mobile-header { display: none !important; } } .mobile-header { display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; background: white; border-bottom: 1px solid #ccc; position: relative; } .mobile-logo { text-decoration: none; color: #333; font-weight: bold; font-size: 1.25rem; display: flex; align-items: center; } .mobile-logo svg { margin-right: 0.5rem; } .mobile-burger { background: none; border: none; cursor: pointer; padding: 0.5rem; } /* Mobile menu (hidden by default) */ .menu-wrapper { display: none; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; background: white; padding: 1rem; box-shadow: 0 2px 5px rgba(0,0,0,0.1); z-index: 100; } .menu-item { display: block; padding: 0.5rem 0; text-decoration: none; color: #333; font-size: 0.875rem; border-bottom: 1px solid #eee; } /* Dropdown styles within the mobile menu */ .dropdown-block { position: relative; width: 100%; } .dropdown-btn { background: none; border: none; width: 100%; text-align: left; padding: 0.5rem 0; font-size: 0.875rem; color: #333; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .dropdown-btn svg { transition: transform 0.2s ease; } .dropdown-content { display: none; flex-direction: column; padding-left: 1rem; margin-top: 0.5rem; } .dropdown-content .menu-item { border: none; } </style>  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//matomo.ieplsg.com/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '109']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script>  </head> <body> <div class="promo-bar"> <span class="new-icon">NEW</span> <a href="https://bio.now/?utm_source=goto" class="promo-link" target="_blank"> Free Link-in-Bio Service @ Bio.now » </a> </div> <header class="header"> <div class="header-container"> <a href="/" class="nav-logo"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path> <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path> </svg> GoTo.now </a> <nav class="nav"> <button class="burger-menu" aria-label="Toggle menu"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M3 12h18M3 6h18M3 18h18"></path> </svg> </button> <div class="nav-menu"> <a href="/blog">Blog</a> <a href="/features">Features</a> <a href="/qr-code-generator">QR Code Generator</a> <div class="dropdown"> <button class="dropdown-toggle"> Guides <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M6 9l6 6 6-6"></path> </svg> </button> <div class="dropdown-menu"> <a href="/blog/benefit-of-short-urls">Benefits of Short URLs</a> <a href="/blog/understanding-tracking-links-guide">Creating Shortened URLs</a> <a href="/blog/how-to-optimize-instagram-link-in-bio">Improve Instagram with Link in Bio</a> </div> </div> </div> </nav> </div> </header>  <header class="mobile-header mobile-nav">  <a href="/" class="mobile-logo"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path> <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path> </svg> GoTo.now </a>  <button class="mobile-burger" aria-label="Toggle menu"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M3 12h18M3 6h18M3 18h18"></path> </svg> </button>  <nav class="menu-wrapper"> <a href="/features" class="menu-item">Features</a> <a href="/qr-code-generator" class="menu-item">QR Code Generator</a> <div class="dropdown-block"> <button class="dropdown-btn"> Guides <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M6 9l6 6 6-6"></path> </svg> </button> <div class="dropdown-content"> <a href="/blog">Blog</a> <a href="/blog/benefit-of-short-urls" class="menu-item">Benefits of Short URLs</a> <a href="/blog/understanding-tracking-links-guide" class="menu-item">Creating Shortened URLs</a> <a href="/blog/how-to-optimize-instagram-link-in-bio" class="menu-item">Improve Instagram with Link in Bio</a> </div> </div> </nav> </header> <script> document.addEventListener('DOMContentLoaded', () => { // Toggle the mobile menu when hamburger is clicked const burgerButton = document.querySelector('.mobile-burger'); const menuWrapper = document.querySelector('.menu-wrapper'); burgerButton.addEventListener('click', (e) => { e.preventDefault(); if (menuWrapper.style.display === 'flex') { menuWrapper.style.display = 'none'; } else { menuWrapper.style.display = 'flex'; menuWrapper.style.flexDirection = 'column'; } }); // Toggle the dropdown for "Guides" const dropBtn = document.querySelector('.dropdown-btn'); const dropContent = document.querySelector('.dropdown-content'); dropBtn.addEventListener('click', (e) => { e.preventDefault(); if (dropContent.style.display === 'block') { dropContent.style.display = 'none'; } else { dropContent.style.display = 'block'; } }); }); </script> <script> document.addEventListener('DOMContentLoaded', () => { const burgerMenu = document.querySelector('.burger-menu'); const navMenu = document.querySelector('.nav-menu'); const dropdownToggle = document.querySelector('.dropdown-toggle'); const dropdownMenu = document.querySelector('.dropdown-menu'); // Toggle mobile menu burgerMenu.addEventListener('click', (e) => { e.preventDefault(); e.stopPropagation(); navMenu.classList.toggle('show'); console.log('Mobile menu toggled:', navMenu.classList.contains('show')); }); // Toggle dropdown menu dropdownToggle.addEventListener('click', (e) => { e.preventDefault(); e.stopPropagation(); dropdownMenu.classList.toggle('show'); dropdownToggle.classList.toggle('active'); console.log('Dropdown toggled:', dropdownMenu.classList.contains('show')); }); // Close menus when clicking outside the header area document.addEventListener('click', (e) => { // Check if the click occurred within the header. const isClickInsideHeader = e.target.closest('.header'); // If click is outside header and nav-menu is open, close it. if (!isClickInsideHeader && navMenu.classList.contains('show')) { navMenu.classList.remove('show'); console.log('Mobile menu closed'); } // If click is outside the dropdown and dropdown menu is open, close it. if (!e.target.closest('.dropdown') && dropdownMenu.classList.contains('show')) { dropdownMenu.classList.remove('show'); dropdownToggle.classList.remove('active'); console.log('Dropdown closed'); } }); }); </script> <div class="content">  <style> /* Make buttons wrap to the next line on small screens */ @media (max-width: 600px) { .button-container { flex-direction: column; gap: 0.5rem; margin-top: 0.5rem; align-items: flex-start; } } </style> <div class="container" style="max-width: 800px; margin: 0 auto;"> <div class="hero-content"> <h1> Transform Long URLs into<br> <span class="accent" style="color: #2563eb;">Powerful Short Links</span> </h1> <p class="subtitle" style="font-size: 1.125rem; color: #6b7280;"> Create, share, and track your links with advanced analytics. Perfect<br>for social media, marketing campaigns, and more. </p> </div> <div class="shortener-container" style="background: white; padding: 2rem; border-radius: 1rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);"> <form id="shortenerForm" style="margin-bottom: 1rem;" action="/shorten" method="POST"> <div class="input-group"> <div class="input-icon-wrapper"> <svg class="link-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path> <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path> </svg> <input type="url" name="original_url" id="urlInput" placeholder="Enter URL to shorten" required style="flex: 1; padding: 1rem 1rem 1rem 3rem; font-size: 1rem; border: 0px solid #e5e7eb; border-radius: 0.5rem; transition: border-color 0.2s;"> </div> <button type="submit" class="button button-primary" onclick="shortenUrl(); gtag('event', 'url_shortened', { 'event_category': 'URL Shortening', 'event_label': 'URL Shortened', 'value': 1 });">Shorten URL »</button>  <div class="h-captcha-container" style="display: none;"> <div class="h-captcha" data-sitekey="b70c90ee-7be2-4e70-be64-594cd4c2ff18"></div> <input type="hidden" name="h-captcha-response"> </div> </div> </form> <div class="promo-bar-box"> <span class="new-icon">NEW</span> <span class="promo-bar-box-text">Get your FREE <a href="https://bio.now/?utm_source=goto-box" class="promo-bar-box-link" target="_blank">Link in Bio</a> @ Bio.now »</span> </div>       <script> document.querySelectorAll(".share-button").forEach(button => { button.addEventListener("click", function(event) { event.preventDefault(); // Toggle the associated dropdown const dropdown = button.nextElementSibling; const isVisible = dropdown.style.display === "block"; // Close all dropdowns first document.querySelectorAll(".share-dropdown").forEach(d => d.style.display = "none"); // Toggle current dropdown dropdown.style.display = isVisible ? "none" : "block"; }); }); // Close dropdown if clicking outside document.addEventListener("click", function(event) { if (!event.target.closest(".share-button") && !event.target.closest(".share-dropdown")) { document.querySelectorAll(".share-dropdown").forEach(dropdown => { dropdown.style.display = "none"; }); } }); </script>         </div> </div> <script> function showCaptcha() { // Display the hCaptcha container document.querySelector('.h-captcha-container').style.display = 'block'; // Change the button type to "submit" to allow form submission document.querySelector('.button-primary').setAttribute('type', 'submit'); } </script> <script src="https://js.hcaptcha.com/1/api.js" async defer></script>  <div id="toast" style="display: none; position: fixed; bottom: 20px; right: 20px; width: 250px; max-width: 90%; background: #333; color: #fff; border-radius: 8px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); z-index: 1000; font-family: Arial, sans-serif;"> <div style="display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; background: #444; border-top-left-radius: 8px; border-top-right-radius: 8px;"> <span style="font-weight: bold; font-size: 14px;">Link Copied</span> <span id="closeToast" style="cursor: pointer; font-weight: bold; font-size: 14px;">×</span> </div> <div style="padding: 15px; font-size: 13px;"> <span id="toastUrl"></span> has been copied to your clipboard. </div> </div>  <script> function showToast(message) { const toast = document.getElementById("toast"); const toastUrl = document.getElementById("toastUrl"); // Set the message text toastUrl.textContent = message; // Show the toast toast.style.display = "block"; // Automatically hide the toast after 10 seconds setTimeout(function () { toast.style.display = "none"; }, 10000); } // Close button functionality for the toast document.getElementById("closeToast").addEventListener("click", function () { document.getElementById("toast").style.display = "none"; }); // Event listener for each copy button document.querySelectorAll(".copy-button").forEach((button) => { button.addEventListener("click", function () { const shortUrlText = this.closest(".shortened-url").querySelector(".shortUrlText").innerText; navigator.clipboard.writeText(shortUrlText).then(function () { showToast(shortUrlText); }).catch(function (error) { console.error("Could not copy text: ", error); }); }); }); // Event listener for each copy icon document.querySelectorAll(".copy-icon").forEach((icon) => { icon.addEventListener("click", function () { const shortUrlText = this.closest(".shortened-url").querySelector(".shortUrlText").innerText; navigator.clipboard.writeText(shortUrlText).then(function () { showToast(shortUrlText); }).catch(function (error) { console.error("Could not copy text: ", error); }); }); }); </script>  <style> /* Media query for smaller screens */ @media (max-width: 600px) { #toast { bottom: 10px; right: 10px; width: 90%; /* Adjust width for smaller screens */ max-width: 300px; /* Set a max-width to control size on larger screens */ } } </style> <section class="features"> <div class="container"> <h2>Everything you need to manage your links</h2> <p style="padding: 10px 0 20px 0; font-size: 1.1em; color: #666; text-align: center;">Powerful features to help you create, track, and optimize your shortened URLs.</p> <div class="features-grid"> <div class="feature-card"> <div class="feature-icon analytics"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"></path><path d="m19 9-5 5-4-4-3 3"></path></svg> </div> <h3>Advanced Analytics</h3> <p>Track visits, locations, devices, and referrers in real-time.</p> </div> <div class="feature-card"> <div class="feature-icon qr"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="10" height="10" x="3" y="3" rx="2"></rect><rect width="10" height="10" x="11" y="11" rx="2"></rect></svg> </div> <h3>QR Code Generation</h3> <p>Generate QR codes for your shortened URLs instantly.</p> </div> <div class="feature-card"> <div class="feature-icon tags"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2H2v10l9.29 9.29c.94.94 2.48.94 3.42 0l6.58-6.58c.94-.94.94-2.48 0-3.42L12 2Z"></path><path d="M7 7h.01"></path></svg> </div> <h3>Smart Tagging</h3> <p>Organize links with custom tags and categories.</p> </div> <div class="feature-card"> <div class="feature-icon domains"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M2 12h20"></path><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg> </div> <h3>Multi-Domain Support</h3> <p>Choose from multiple domains for your short URLs.</p> </div> <div class="feature-card"> <div class="feature-icon privacy"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg> </div> <h3>Privacy Protection</h3> <p>GDPR compliant with IP anonymization.</p> </div> <div class="feature-card"> <div class="feature-icon redirects"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.7 7.7a2.5 2.5 0 1 1 1.8 4.3H2"></path><path d="M22 12v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-4"></path></svg> </div> <h3>Smart Redirects</h3> <p>Dynamic redirects based on device or location.</p> </div> </div> </div> </section> <section class="stats"> <div class="container"> <div class="stats-grid"> <div class="stat-card"> <div class="stat-icon link"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg> </div> <h3>1.2M+</h3> <p>Total Links</p> <span>Links shortened</span> </div> <div class="stat-card"> <div class="stat-icon clicks"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m8 13 2.8-2.8a2 2 0 0 1 2.8 0L16 13"></path><path d="M20 4v16H4V4Z"></path></svg> </div> <h3>8.4M+</h3> <p>Total Clicks</p> <span>Link redirects</span> </div> <div class="stat-card"> <div class="stat-icon users"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg> </div> <h3>50K+</h3> <p>Active Users</p> <span>Trust our service</span> </div> <div class="stat-card"> <div class="stat-icon globe"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path><path d="M2 12h20"></path></svg> </div> <h3>180+</h3> <p>Countries</p> <span>Global reach</span> </div> </div> </div> </section>  <section class="cta"> <div class="container"> <div class="cta-content"> <h2>Ready to Get Started?</h2> <p>Join thousands of users who trust our service for their link management needs.</p> <a href="/register" class="button button-secondary">Sign Up Free</a> </div> </div> </section> </div> <footer class="footer"> <div class="container"> <div class="footer-content"> <div class="footer-section"> <h3>Company</h3> <ul> <li><a href="/contact-us">Contact us</a></li> <li><a href="/about-us">About us</a></li> <li><a href="/blog">Blog</a></li> </ul> </div> <div class="footer-section"> <h3>Product</h3> <ul> <li><a href="/">Shorten URL</a></li> <li><a href="/qr-code-generator">QR Code Generator</a></li> <li><a href="/check-url">Check URL Redirect</a></li> <li><a href="/features">Features</a></li> <li><a href="/faq">FAQ</a></li> </ul> </div> <div class="footer-section"> <h3>Legal</h3> <ul> <li><a href="/privacy-policy">Privacy Policy</a></li> <li><a href="/report-url">Report URLs</a></li> <li><a href="/terms">Terms of Service</a></li> </ul> </div> </div> <div class="footer-bottom"> <p>© 2024 GoTo.now. All rights reserved.</p> </div> </div> </footer> </body> </html> </body> </html>

CINXE.COM

Free URL Shortener - GoTo.now