uSocial.pro | Social media buttons for your website

<!DOCTYPE html> <html lang="en-US"> <head>  <style>.async-hide { opacity: 0 !important} </style> <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date; h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')}; (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c; })(window,document.documentElement,'async-hide','dataLayer',4000, {'GTM-NLJR56G':true});</script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NLJR56G');</script>  <meta charset="UTF-8"> <meta id="meta-lang" name="lang" content="en"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="csrf-token" content="JPaTtxJZgoCwGdFRzvD70votQxwuXNwmNL1VSifA"> <meta name="theme-color" content="#383E47"> <link rel="alternate" hreflang="x-default" href="https://usocial.pro"/> <link rel="alternate" hreflang="ru" href="https://usocial.pro"/> <link rel="alternate" hreflang="en" href="https://usocial.pro/en"/> <meta name="Description" content="Create a unique "Share" and "Like" button sets for your website with the help of a comfortable uSocial.pro builder. Draw an additional traffic and enlarge the number of subscribers in social networks."> <meta property="og:title" content="uSocial.pro | Social media buttons for your website"/> <meta property="og:description" content="Create a unique "Share" and "Like" button sets for your website with the help of a comfortable uSocial.pro builder. Draw an additional traffic and enlarge the number of subscribers in social networks."/> <meta property="og:image" content="https://usocial.pro/images/usocialnetworks_en.png"/> <title>uSocial.pro | Social media buttons for your website</title> <link rel="stylesheet" href="/css/bootstrap.min.css"> <link rel="stylesheet" href="https://usocial.pro/build/css/app.css?v=1580824490"/> <link href="https://usocial.pro/images/favicon.ico" rel="shortcut icon" type="image/x-icon"> <script src="/js/vendor/jquery-1.9.js"></script> <link rel="canonical" href="https://usocial.pro/en"/> </head> <body class="index-page">  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NLJR56G" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <header data-auth="0"> <div class="header-intro"> <a href="https://usocial.pro/en" class="header-logo-block"> <h1 class="header-logo">uSocial</h1> <h2 class="header-logo-text">Social media services</h2> </a> <nav class="header-menu"> <a href="https://usocial.pro/en/whyus" class="header-menu__item header-menu__item--wide"> Features </a> <a href="https://help.usocial.pro/en/knowledge-bases/2-baza-znanij" target="_blank" class="header-menu__item header-menu__item--wide"> Setup guides </a> <a href="https://usocial.pro/en/feedback" class="header-menu__item header-menu__item--wide"> Help </a> </nav> <nav class="header-menu"> <a href="https://usocial.pro" class="header-menu__item js-lang-link" data-lang="ru">RU</a> </nav> <div class="header-user-bar-block"> <div class="header-user-bar"> <a href="https://usocial.pro/en/register" class="button button--register">Sign Up</a> <a href="https://usocial.pro/en/login" class="button button--login">Log In</a> </div> </div> <div class="header-mobile-menu-block"> <div class="header-mobile-menu-button"> <i class="icon-menu"></i> </div> <div class="header-mobile-menu"> <div class="header-mobile-menu-intro"> <div class="header-mobile-menu-top"> <a href="https://usocial.pro/en" class="header-logo-block"> <h1 class="header-logo">uSocial</h1> <h2 class="header-logo-text">Social media services</h2> </a> <div class="header-mobile-menu-close"> <i class="icon-close"></i> </div> </div> <div class="header-mobile-menu-content"> <div class="header-mobile-menu-content-intro"> <div class="header-mobile-menu-user-button-block"> <a href="https://usocial.pro/en/login" class="button header-mobile-menu-user-button"> <span>Log in</span> </a> </div> <div class="header-mobile-menu-user-button-block"> <a href="https://usocial.pro/en/register" class="button header-mobile-menu-user-button"> <span>Sign Up</span> </a> </div> <div class="header-mobile-menu-all-path"> <div class="header-mobile-menu-items"> <a href="https://usocial.pro/en/whyus" class="header-mobile-menu-item"> Features </a> <a href="https://help.usocial.pro/en/knowledge-bases/2-baza-znanij" target="_blank" class="header-mobile-menu-item"> Setup guides </a> <a href="https://usocial.pro/en/feedback" class="header-mobile-menu-item"> Help </a> <a href="https://usocial.pro/en/get_pro" class="header-mobile-menu-item"> Pricing </a> <a href="https://usocial.pro" class="header-mobile-menu-item js-lang-link" data-lang="ru">RU</a> </div> </div> </div> </div> </div> </div> </div> </div> </header> <section class="first-screen"> <div class="first-screen-intro"> <div class="first-screen-content"> <div class="first-screen-title"> An easy way to create Share and Like buttons for your website </div> <div class="first-screen-text"> Free service, modern design, most popular social networking websites,<br class="no-mobile"/> mobile optimization, a ton of advanced features, clean code, and analytics! </div> <div class="first-screen-button-block"> <a href="#services" class="button button--wide button--white"> Add buttons </a> </div> <div class="first-screen-mouse-hint"> <a href="#services" class="first-screen-mouse-hint-icon js-mouse-hint"> <i class="icon-mouse"></i> </a> </div> </div> </div> <div class="first-screen-bg"></div> </section> <main id="services"> <section class="grey"> <div class="in-touch"> <div class="left"> <h2>inTouch Multiple Link Page From uSocial</h2> <h3>Create a multiple link page with your contacts, social networks, and messengers <b>in no time</b>. Place a short link to the page on your Instagram account or other social networks.</h3> <div class="buttons_intouch"> <a href="https://usocial.pro/en/intouch" class="service__button button button--blue" style="padding: 16px 30px 17px; margin: 10px 5px 20px 5px; background: #187Dff;">Create for free</a> </div> </div> <div class="right"> <img src="/images/intouch_block_en.svg" class="desktop-only" /> <img src="/images/intouch_mobile_block_en.svg" class="mobile-only"/> </div> </div> </section> <section> <div class="section-intro"> <div class="services">  <div class="service"> <div class="service__icon service__icon--share"></div> <a href="https://usocial.pro/en/share" class="service__title"> Share Buttons </a> <a href="https://usocial.pro/en/share" class="service__image"> <img src="/images/en/index/service_image_share.png" alt=""> </a> <a href="https://usocial.pro/en/share" class="service__button button"> Create a Set </a> </div>   <div class="service"> <div class="service__icon service__icon--ulike"></div> <a href="https://usocial.pro/en/ulike" class="service__title"> <span> uLike Button </span> </a> <a href="https://usocial.pro/en/ulike" class="service__image"> <img src="/images/en/index/service_image_ulike.png" alt=""> </a> <a href="https://usocial.pro/en/ulike" class="service__button button"> Create a Button </a> </div>  </div> </div> </section> <section class="grey"> <div class="section-intro"> <div class="services">  <div class="service"> <div class="service__icon service__icon--ulock"></div> <a href="https://usocial.pro/en/socialkey" class="service__title"> <span>Social Locker</span> </a> <a href="https://usocial.pro/en/socialkey" class="service__image"> <img src="/images/index/service_image_ulock.png" alt=""> </a> <a href="https://usocial.pro/en/socialkey" class="service__button button"> Create a Locker </a> </div>   <div class="service"> <div class="service__icon service__icon--public_popup"></div> <a href="https://usocial.pro/en/public_popup" class="service__title"> Get More Visitors </a> <a href="https://usocial.pro/en/public_popup" class="service__image"> <img src="/images/en/index/service_image_public_popup.png" alt=""> </a> <a href="https://usocial.pro/en/public_popup" class="service__button button"> Invite Followers </a> </div>  </div> </div> </section> <section> <div class="section-intro"> <div class="services services--small">  <div class="service"> <div class="service__icon service__icon--like"></div> <a href="https://usocial.pro/en/like" class="service__title"> Like Buttons </a> <a href="https://usocial.pro/en/like" class="service__image"> <img src="/images/en/index/service_image_like.png" alt=""> </a> <a href="https://usocial.pro/en/like" class="service__button button"> Create a Set </a> </div>   <div class="service"> <div class="service__icon service__icon--meta"></div> <a href="https://usocial.pro/en/meta" class="service__title"> <span> META Data Builder </span> </a> <a href="https://usocial.pro/en/meta" class="service__image"> <img src="/images/en/index/service_image_meta.png" alt=""> </a> <a href="https://usocial.pro/en/meta" class="service__button button"> Generate Code </a> </div>   <div class="service"> <div class="service__icon service__icon--debug"></div> <a href="https://usocial.pro/en/debug" class="service__title"> <span>uSocial Debug</span> </a> <a href="https://usocial.pro/en/debug" class="service__image"> <img src="/images/en/index/service_image_debug.png" alt=""> </a> <a href="https://usocial.pro/en/debug" class="service__button button"> Clear Cache </a> </div>  </div> </div> </section> </main> <footer class="mfooter-wrap mfooter-wrap--low"> <div class="mfooter"> <div class="mfooter__el"> <div class="mfooter-block"> <div class="logo logo--footer"></div> </div> </div> <div class="mfooter__el"> <div class="mfooter-block"> <div class="mfooter-text"> <b>uSocial</b> is an easy way to create Share and Like buttons for your website. Free service, modern design, most popular social networking websites, mobile optimization, a ton of advanced features, clean code, and analytics! <div class="payment-info"> <div class="payment-image payment-image--white"> <a href="https://www.paypal.com" target="_blank" rel="nofollow"> <img src="/images/payment/paypal_100px.png" alt=""/> </a> </div> <div> <a href="https://usocial.pro/en/terms" target="_blank">Legal Information</a> <br> <a href="https://usocial.pro/en/agreement" target="_blank">Privacy policy</a> </div> </div> </div> </div> </div> <div class="mfooter__el"> <div class="mfooter-block"> <div class="mfooter-menu"> <ul> <li> <a href="https://usocial.pro/en/feedback">Help</a> </li> <li> <a href="https://help.usocial.pro/?lang=en" target="_blank">Ideas and suggestions</a> </li> <li> <a href="https://usocial.pro/en/get_pro">Pricing</a> </li> <li> <a href="https://usocial.pro/en/wp-plugin">WordPress Plugin</a> </li> </ul> <div style="margin: 30px 0 0;"> <a href="https://usocial.pro" class="lang-button footer-button js-lang-link" data-lang="ru">袪褍褋褋泻懈泄</a> </div> </div> </div> </div> </div> </footer> <style> .infoblock { position: fixed; z-index: 500; bottom: 0; left: 0; width: 100%; background: rgba(45, 52, 61, 0.8); color: #ffffff; font-size: 16px; line-height: 16px; text-align: center; transition: background .25s ease, transform .3s ease; -webkit-transition: background .25s ease, transform .3s ease; } .infoblock.infoblock--hidden { transform: translateY(100%); -webkit-transform: translateY(100%); } .infoblock:hover { background: rgba(45, 52, 61, 1); } .infoblock-intro { display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 15px 50px; margin: 0; height: 100%; cursor: default; } .infoblock-intro > span { display: inline-block; vertical-align: middle; } .infoblock-intro > a { display: inline-block; vertical-align: middle; margin:0 0 0 14px; padding: 8px 40px 10px; cursor: pointer; } .infoblock-close { position: absolute; top: 0; right: 0; width: 50px; height: 100%; background: rgba(0, 0, 0, 0.15); display: block; line-height: 60px; opacity: 0; cursor: pointer; transition: opacity .2s ease, background .2s ease; -webkit-transition: opacity .2s ease, background .2s ease; } .infoblock:hover .infoblock-close { opacity: 1; } .infoblock-close:hover { background: rgba(0, 0, 0, 0.4); } .infoblock-close:before { content: '\e914'; font-family: uSocial-front; } </style> <div class="infoblock infoblock--hidden" id="infoblock_1" style="display:none;"> <div class="wrapper"> <div class="infoblock-intro"> <span>We're currently live on AppSumo with a lifetime deal of $39</span> <a class="get-pro-block-button" href="https://appsumo.com/products/marketplace-usocialpro-2in1-multiple-link-page-instagram/" target="_blank">Open AppSumo</a> <div class="infoblock-close"></div> </div> </div> </div> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function () { if (location.pathname.indexOf('get_pro') == -1) { if (sessionStorage.getItem('infoblock_1') !== 'false') { $('#infoblock_1').css({ display: 'block' }); setTimeout(function () { $('#infoblock_1').removeClass('infoblock--hidden'); }, 300); $('.infoblock-close').on('click', function () { $(this).closest('.infoblock').addClass('infoblock--hidden'); sessionStorage.setItem('infoblock_1', false); }); } } }); </script> <script type="application/javascript"> $(function () { $('a.js-lang-link').click(function() { var lang = $(this).data('lang'); var expires = new Date(); expires.setYear(expires.getFullYear() + 10); document.cookie = 'customLocale=' + lang + ';expires=' + expires.toUTCString() + '; path=/'; }); }); </script>  <div style="display: none;"> <div id='Rambler-counter' > <noscript> <a href="http://top100.rambler.ru/navi/4432867/"> <img src="http://counter.rambler.ru/top100.cnt?4432867" alt="Rambler's Top100" /> </a> </noscript> </div> <script type="text/javascript"> var _top100q = _top100q || []; _top100q.push(['setAccount', '4432867']); _top100q.push(['trackPageviewByLogo', document.getElementById('Rambler-counter')]); (function(){ var pa = document.createElement("script"); pa.type = "text/javascript"; pa.async = true; pa.src = ("https:" == document.location.protocol ? "https:" : "http:") + "//st.top100.ru/top100/top100.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(pa, s); })(); </script> </div> <a href="https://stepform.io/" class="d-none">create a form</a> <style>.d-none{position: absolute;visibility: hidden;height: 0;width: 0;overflow: hidden;}</style>  <script src="/js/vendor/jquery-1.9.js"></script> <script src="/js/vendor/bootstrap.min.js"></script> <script src="https://usocial.pro/build/js/ui.js?v=1611930957"></script> <script src="https://usocial.pro/build/js/ui.pages.js?v=1634201608"></script> <script> document.addEventListener("DOMContentLoaded", function() { PagesUI.init('index'); window.Laravel = {csrfToken: 'JPaTtxJZgoCwGdFRzvD70votQxwuXNwmNL1VSifA'}; }); </script>  </body> </html>

CINXE.COM

uSocial.pro | Social media buttons for your website