Crowdin | Translation and Localization Management Software

<!DOCTYPE html> <html lang="en" prefix="og: https://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta property="og:locale" content="en_US" /> <meta property="og:locale:alternate" content="ar_SA" /> <meta property="og:locale:alternate" content="pt_PT" /> <meta property="og:locale:alternate" content="pt_BR" /> <meta property="og:locale:alternate" content="cs_CZ" /> <meta property="og:locale:alternate" content="de_DE" /> <meta property="og:locale:alternate" content="es_ES" /> <meta property="og:locale:alternate" content="fr_FR" /> <meta property="og:locale:alternate" content="it_IT" /> <meta property="og:locale:alternate" content="pl_PL" /> <meta property="og:locale:alternate" content="sk_SK" /> <meta property="og:locale:alternate" content="ru_RU" /> <meta property="og:locale:alternate" content="uk_UA" /> <meta property="og:locale:alternate" content="ja_JP" /> <meta property="og:locale:alternate" content="be_BY" /> <meta property="og:locale:alternate" content="hu_HU" /> <meta property="og:locale:alternate" content="da_DK" /> <meta property="og:locale:alternate" content="tr_TR" /> <meta property="og:locale:alternate" content="zh_CN" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" /> <title>Crowdin | Translation and Localization Management Software</title> <meta name="robots" content="index, follow" /> <meta name="description" content="Release to multiple languages faster with Crowdin. Translate branches while you develop. Bring your own translators, choose a translation vendor, or invite the community." /> <meta name="keywords" content="Modern localization management, Crowdin, localization, management, platform, collaborative, internationalization, translation tool" /> <meta property="og:title" content="Crowdin | Translation and Localization Management Software" /> <meta property="og:image" content="https://crowdin.com/images/content/crowdin-share.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="628" /> <meta property="og:url" content="https://crowdin.com/features" /> <meta property="og:site_name" content="Crowdin" /> <meta property="og:description" content="Release to multiple languages faster with Crowdin. Translate branches while you develop. Bring your own translators, choose a translation vendor, or invite the community." /> <meta property="og:type" content="website" /> <meta property="fb:admins" content="1322494837" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Crowdin | Translation and Localization Management Software" /> <meta name="twitter:image" content="https://crowdin.com/images/content/crowdin-share.png" /> <meta name="twitter:url" content="https://crowdin.com/features" /> <meta name="twitter:description" content="Release to multiple languages faster with Crowdin. Translate branches while you develop. Bring your own translators, choose a translation vendor, or invite the community." /> <meta name="twitter:site" content="@crowdin" /> <link rel="canonical" href="https://crowdin.com/features" /> <script src="https://browser.sentry-cdn.com/7.60.0/bundle.replay.min.js" integrity="sha384-N+VZps2PwFdv9LugkPA8nw+SMI1mGJG7IDe49jaxZlWDDJhHQ+SHakMpwhLQLAka" crossorigin="anonymous" ></script> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/2dabfbbec8b71e267115f6a5/script.js"></script> <script type="text/javascript">var CDN = "https://d2gma3rgtloi6d.cloudfront.net/81febbc6", CROWDIN_VERSION = "9", WEBSOCKETS_HOST = "wss://ws-lb.crowdin.com", AUTH_SERVICE_URL = "https://accounts.crowdin.com", SITE_URL = "https://crowdin.com", DESKTOP_VIEW = 1, TABLET_VIEW = 0, MOBILE_VIEW = 0, CURRENT_LOCALE = "en_US", CUSTOM_LANGUAGES_FLAG_TEMPLATES = '{"big":"https:\/\/crowdin-static.downloads.crowdin.com\/images\/custom_flags\/big\/%d_%s.png","small":"https:\/\/crowdin-static.downloads.crowdin.com\/images\/custom_flags\/small\/%d_%s.png"}';</script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/src/core.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/src/browser.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/src/logger.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/lib/crowdin-localizer.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/lib/icu/messageformatLight.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/lib/icu/Intl.complete.min.js?1732270693" crossorigin="anonymous"></script> <meta http-equiv="X-UA-Compatible" content="chrome=1" /> <link href="https://crowdin.com/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#2e3340"> <meta name="theme-color" content="#ffffff"> <link rel="alternate" hreflang="x-default" href="https://crowdin.com/features" /> <link rel="alternate" hreflang="en" href="https://crowdin.com/features" /> <link rel="alternate" hreflang="ar" href="https://ar.crowdin.com/features" /> <link rel="alternate" hreflang="pt" href="https://pt.crowdin.com/features" /> <link rel="alternate" hreflang="pt-BR" href="https://br.crowdin.com/features" /> <link rel="alternate" hreflang="cs" href="https://cs.crowdin.com/features" /> <link rel="alternate" hreflang="de" href="https://de.crowdin.com/features" /> <link rel="alternate" hreflang="es" href="https://es.crowdin.com/features" /> <link rel="alternate" hreflang="fr" href="https://fr.crowdin.com/features" /> <link rel="alternate" hreflang="it" href="https://it.crowdin.com/features" /> <link rel="alternate" hreflang="pl" href="https://pl.crowdin.com/features" /> <link rel="alternate" hreflang="sk" href="https://sk.crowdin.com/features" /> <link rel="alternate" hreflang="ru" href="https://ru.crowdin.com/features" /> <link rel="alternate" hreflang="uk" href="https://uk.crowdin.com/features" /> <link rel="alternate" hreflang="ja" href="https://ja.crowdin.com/features" /> <link rel="alternate" hreflang="be" href="https://be.crowdin.com/features" /> <link rel="alternate" hreflang="hu" href="https://hu.crowdin.com/features" /> <link rel="alternate" hreflang="da" href="https://da.crowdin.com/features" /> <link rel="alternate" hreflang="tr" href="https://tr.crowdin.com/features" /> <link rel="alternate" hreflang="zh" href="https://zh.crowdin.com/features" /> <link rel="search" href="//crowdin.com/xml/osd.xml" title="Search projects on Crowdin" type="application/opensearchdescription+xml" /> <meta name="msapplication-TileColor" content="#00aba9"> <meta name="msapplication-TileImage" content="/mstile-144x144.png"> <script type="text/javascript"> var debug = false; window.onerror = function(msg, url, line, col, error_obj) { return !debug; }; </script> <script type="text/javascript" id="tag-manager-script" async defer src="/js/lib/tagmanager/tag-manager.js"></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-W87XVT8'); </script>  <script> function trackUserByGoogle(cookieName, eventName) { var cookie = getCookie(cookieName); if (cookie) { window.dataLayer && window.dataLayer.push({event: eventName, method: cookie}); setCookie(cookieName, null, -1); } } trackUserByGoogle("user.logIn", "logIn"); trackUserByGoogle("user.signUp", "signUp"); trackUserByGoogle("user.logOut", "logOut"); </script> <script> !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split('.');2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement('script')).type='text/javascript',p.async=!0,p.src=s.api_host.replace('.i.posthog.com','-assets.i.posthog.com')+'/static/array.js',(r=t.getElementsByTagName('script')[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a='posthog',u.people=u.people||[],u.toString=function(t){var e='posthog';return'posthog'!==a&&(e+='.'+a),t||(e+=' (stub)'),e},u.people.toString=function(){return u.toString(1)+'.people (stub)'},o='capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys getNextSurveyStep onSessionId setPersonProperties'.split(' '),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); posthog.init( 'phc_14SWLen9KrmOgEyG0IBxnHJjggvNt9tQCFO1W2Vzpyx', { api_host: 'https://hog.crowdin.com', persistence: 'localStorage', loaded: () => { ; } } ) </script> <script type="text/javascript">var USER_IS_LOGGED_IN = 0;</script> <script type="text/javascript">var KB_URL = "https:\/\/support.crowdin.com"</script> <script type="text/javascript">var DP_URL = "https:\/\/developer.crowdin.com"</script> <script type="text/javascript"> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("consent", "default", { ad_storage: "denied", ad_user_data: "denied", ad_personalization: "denied", analytics_storage: "denied", functionality_storage: "denied", personalization_storage: "denied", security_storage: "granted", wait_for_update: 2000, }); gtag("set", "ads_data_redaction", true); gtag("set", "url_passthrough", true); </script> <link href="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/css/crowdin-website-new.min.css?1732270694" media="screen" rel="stylesheet" type="text/css"/> <link href="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/css/localization-switcher.css?1732270692" media="screen" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/l10n_cache/cache.dynamic.en_US.js?1732270694" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/lib/jquery-new.min.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/lib/crowdin-vendor.min.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/lib/jquery.cookie.min.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/front/header.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/lib/md5.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/lib/jquery.scrollTo.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/front/tour.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/lib/jquery-validation/jquery.validate.min.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/lib/jquery-validation/jquery.validate.i18n.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/lib/jquery-validation/jquery.validate.setup.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/lib/jquery-validation/additional-methods.min.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/application_header/content_header.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/lib/lodash.min.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/src/common_functions.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/lib/magic/content-code.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/lib/magic/content-focus.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/js/front/appearance.js?1732270693" crossorigin="anonymous"></script> <script type="text/javascript" src="/backend/tracker/member_status"></script> <script type="text/javascript">CrowdinLocalizer.setLocale("en");</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://gtm-sst.crowdin.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MW5LV72');</script> <script> Sentry.init({ dsn: 'https://476192f57fb74aa7a0d8d0e522e1eacb@sentry.io/3048813', environment: "production", replaysSessionSampleRate: 0, replaysOnErrorSampleRate: 1.0, integrations: [new Sentry.Replay()], // ignore exceptions from Chrome extensions whitelistUrls: [/.*cloudfront\.net\/.*/], beforeSend(event, hint) { // skip logs from Japanese bot - https://udger.com/resources/ua-list/bot-detail?bot=NaverBot if (window.navigator.userAgent.includes('Yeti')) { return null; } return event; } }); (function setSentryScopes() { var userId = typeof GLOBAL_CURRENT_USER_ID != 'undefined' ? GLOBAL_CURRENT_USER_ID : null; Sentry.configureScope(function(scope) { scope.setUser({ id: userId }); }); })(); </script> </head> <body class="features">  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W87XVT8" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>   <noscript> <iframe src="https://gtm-sst.crowdin.com/ns.html?id=GTM-MW5LV72" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <header id="header" class="navbar navbar-expand-lg fixed-top crowdin-navbar"> <div class="container-md"> <a itemprop="url" class="navbar-brand crowdin-navbar__logo" href="https://crowdin.com" title="Crowdin — Localization Management Platform"> <svg xmlns="http://www.w3.org/2000/svg" width="116" height="24" viewBox="0 0 116 24"><path d="M85.47 17.26c-.92-1.09-1.39-2.48-1.39-4.18v-.35c0-1.7.49-3.09 1.46-4.17.98-1.08 2.26-1.63 3.87-1.63.85 0 1.58.14 2.17.43.6.28 1.08.67 1.44 1.18V1.91h2.85v16.75h-2.71l-.29-1.25c-.31.29-.87.78-1.3 1-.62.31-1.37.47-2.23.47-1.65 0-2.95-.54-3.88-1.62h.01Zm1.39-4.64v.57h.01c0 .82.24 1.49.71 2.01s1.25.78 2.33.78c.74 0 1.38-.18 1.94-.52h.02c.73-.48 1.16-1.3 1.16-2.17v-.79c0-.85-.41-1.65-1.11-2.12-.52-.35-1.16-.52-1.91-.52-1.07 0-1.86.26-2.37.78-.51.51-.76 1.18-.76 2.01l-.02-.03ZM30 13.08c0 1.78.54 3.21 1.63 4.29s2.55 1.62 4.4 1.62 3.09-.46 4.02-1.37c.92-.92 1.39-1.98 1.39-3.19v-.11h-2.68v.1c0 .49-.21.91-.63 1.26-.42.35-1.13.52-2.12.52-1.11 0-1.93-.27-2.45-.82-.52-.55-.78-1.27-.78-2.18v-.59c0-.91.26-1.64.79-2.18.52-.55 1.34-.82 2.44-.82.96 0 1.66.17 2.1.5s.67.76.67 1.27v.11h2.68v-.14c-.06-1.22-.53-2.27-1.43-3.17-.9-.9-2.23-1.35-3.99-1.35-1.85 0-3.32.54-4.4 1.62-1.09 1.07-1.63 2.5-1.63 4.29v.35Zm13.69 5.58h2.73v-5.67c0-1.24.6-1.88 1.09-2.24.5-.36 1.06-.53 1.69-.53.2 0 .38.01.53.03.17.02.32.05.47.08V6.99c-.07-.03-.2-.06-.38-.1s-.35-.05-.51-.05c-.65 0-1.23.18-1.74.52-.46.31-.83.69-1.11 1.11-.03.04-.1.03-.1-.03l-.24-1.29h-2.44v11.51h.01Zm9.33-1.29c-1.13-1.08-1.69-2.51-1.69-4.29v-.35c0-1.79.56-3.22 1.69-4.29 1.13-1.08 2.62-1.62 4.46-1.62s3.32.54 4.45 1.62c1.14 1.07 1.7 2.5 1.7 4.29v.35c0 1.78-.57 3.22-1.7 4.29-1.13 1.08-2.6 1.62-4.45 1.62s-3.33-.54-4.46-1.62Zm1.97-6.95c-.58.46-.87 1.19-.87 2.18v.59c0 1.03.29 1.77.86 2.22.58.44 1.42.66 2.5.66s1.91-.22 2.49-.66.87-1.18.87-2.22v-.59c0-1-.3-1.73-.89-2.18-.58-.46-1.4-.69-2.48-.69s-1.91.23-2.49.69Zm9.88-3.28 3.43 11.51h3.11l2.44-8.36c.03-.09.15-.09.18 0l2.63 8.36h3.1l3.45-11.51h-3.38l-1.7 6.41c-.07.29-.14.58-.21.86l-.14.64c0 .04-.07.04-.07 0-.05-.21-.1-.42-.16-.64-.07-.29-.15-.58-.24-.86l-1.9-6.41h-3.23s-1.91 6.54-2.26 7.84c-.01.06-.1.06-.11 0l-1.98-7.84h-2.96Zm34.25 11.51h2.72V7.14h-2.72v11.51Zm-.58-14.66c0 .5.17.9.5 1.22.34.31.82.47 1.44.47s1.09-.16 1.42-.48c.34-.32.51-.72.51-1.21s-.17-.88-.5-1.2c-.34-.32-.81-.48-1.44-.48s-1.09.16-1.43.48c-.33.32-.5.72-.5 1.2Zm9.32 14.66h-2.72V7.14h2.58s.18 1.21.21 1.39c.39-.5.91-.89 1.54-1.16.7-.31 1.46-.46 2.28-.46 1.25 0 2.27.33 3.07.99.8.65 1.2 1.96 1.2 3.92v6.83h-2.72v-6.14c0-1.66-.43-2.85-2.47-2.85s-2.97 1.68-2.97 4.32v4.67Z" shape-rendering="geometricPrecision" style="fill:var(--crowdin-website-logo-dark-color, #263238);fill-rule:evenodd;stroke-width:0"/><path d="M17 0H6.92C4.84 0 3.11.69 1.9 1.9.69 3.11 0 4.84 0 6.92V17c0 2.12.69 3.88 1.91 5.09S4.88 24 7 24h10c2.12 0 3.87-.69 5.09-1.91S24 19.12 24 17V7c0-2.13-.69-3.88-1.91-5.09S19.12 0 17 0Z" shape-rendering="geometricPrecision" style="fill:var(--crowdin-website-logo-dark-color, #263238);stroke-width:0"/><g shape-rendering="geometricPrecision"><path d="M14.85 14.78c-.01-.09-.08-.43-.32-.43h-.72s-.3 0-.29.28c.01.56.33 1.04.72 1.36.33.27.73.41 1.18.41.4-.01.45-.3.26-.39-.32-.15-.74-.48-.83-1.25v.02ZM17 7.06c-2.02 0-4.03.49-5.35 1.28-.7.42-1.24.94-1.62 1.53-.3.48-.5 1-.58 1.56-.03.19-.04.76.57.92.38.1.97.14 1.36.19.64.07.82-.64.87-.76.51-1.39 1.25-2.33 2.33-2.95 1.09-.63 2.55-.92 4.61-.92.27 0 .9.03.9-.28 0-.56-2.72-.56-3.1-.56H17ZM14.2 17.64c-.73-.17-1.95-.96-2.23-2.97-.05-.38-.27-.56-.58-.63-.43-.09-1.17-.13-1.41-.15-.35-.04-.6.17-.56.77.07.91.44 1.63 1.06 2.33.73.83 1.69 1.31 2.71 1.29 1.13-.03 1.21-.23 1.22-.37 0-.15-.07-.24-.2-.27h-.01ZM11.12 19.31c-1.12 0-3.5-1.81-3.5-4.64 0-.5-.3-1-.93-1.18-.51-.15-1.22-.38-1.68-.4-1.1-.07-1.04.84-1.01 1.32.11 2.01.99 3.71 2.45 4.67.61.4 1.32.67 2.18.83.2.04.91.19 1.63.16 1.11-.05 1.23-.37 1.23-.5 0-.17-.12-.25-.37-.25Z" style="fill:var(--crowdin-website-logo-white-color, #fff);stroke-width:0"/><path d="M20.38 5.11c-2.69-.78-5.58-1-8.34-.71-2.93.31-6.57 1.48-7.71 4.97-.12.36-.33 1.68.93 2 .41.1.82.29 1.25.37 1.24.23 1.5-.94 1.57-1.17.07-.22.15-.44.25-.66.39-.84.97-1.55 1.64-2.1 1.38-1.15 3.09-1.69 4.75-1.96.97-.15 1.94-.22 2.91-.2 2.94.07 3.26.29 3.37-.03s-.42-.45-.61-.51h-.01ZM17.88 9.69c-3.25 0-4.1 1.63-4.34 2.72-.11.53.21.57.5.62.42.07.75.01.9-.39.46-1.24 1.08-2.45 3.06-2.45.2 0 .38-.12.38-.25s-.13-.25-.5-.25Z" style="fill:var(--crowdin-website-logo-white-color, #fff);stroke-width:0"/></g></svg> </a> <button id="crowdin-toggle-header-menu" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="true" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="nav navbar-nav mr-auto main-menu mt-3 mt-lg-0 flex-lg-nowrap"> <li class="crowdin-navbar__nav-link dropdown megamenu__link active"> <a href="#" id="product" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="submenu-title" > Product </a> <div class="dropdown-menu megamenu" aria-labelledby="product" id="product-dropdown"> <div class="container"> <div class="megamenu__wrapper"> <ul class="list-unstyled megamenu__content teams-solutions order-1"> <li class="border-0"> <h4 class="dropdown-header">Solution for Teams</h4> <ul class="list-unstyled megamenu__content__wrapper"> <li class="megamenu__content__item"> <span class="megamenu__icon"></span> <a href="/teams/engineering" class="" > <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="currentColor" d="m8 18-6-6 6-6 1.425 1.425-4.6 4.6L9.4 16.6 8 18Zm8 0-1.425-1.425 4.6-4.6L14.6 7.4 16 6l6 6-6 6Z"/></g></svg> </span> <span>Engineering</span> </p> <p class="text-muted mb-0 subtitle">Localize your apps, websites, and games with automated content updates by integrating with your repo</p> </a> </li> <li class="megamenu__content__item"> <a href="/teams/marketing" class="" > <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none"><mask id="a" width="25" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M.5 0h24v24H.5z"/></mask><g mask="url(#a)"><path fill="currentColor" d="M3.125 18.175 1.5 17l5-8 3 3.5 4-6.5 2.725 4.075a6.36 6.36 0 0 0-1.088.138c-.341.075-.679.179-1.012.312l-.55-.825-3.8 6.175L6.75 12.35l-3.625 5.825ZM22.075 23l-3.125-3.125a3.695 3.695 0 0 1-1.113.525c-.408.117-.829.175-1.262.175-1.25 0-2.313-.438-3.188-1.313s-1.312-1.937-1.312-3.187c0-1.25.438-2.313 1.313-3.188.874-.875 1.937-1.312 3.187-1.312 1.25 0 2.313.438 3.188 1.313.874.874 1.312 1.937 1.312 3.187 0 .433-.058.854-.175 1.262a4.04 4.04 0 0 1-.525 1.138l3.125 3.1L22.075 23Zm-5.5-4.425c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775c-.483-.483-1.075-.725-1.775-.725s-1.292.242-1.775.725c-.483.483-.725 1.075-.725 1.775s.242 1.292.725 1.775c.483.483 1.075.725 1.775.725Zm2.225-8a6.524 6.524 0 0 0-.988-.325 5.54 5.54 0 0 0-1.062-.15L21.875 2 23.5 3.175l-4.7 7.4Z"/></g></svg> </span> <span>Marketing</span> </p> <p class="text-muted mb-0 subtitle">Scale your marketing efforts through localization. Connect your marketing tools to automate the process</p> </a> </li> <li class="megamenu__content__item"> <a href="/teams/support" class="" > <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="currentColor" d="M11 21v-2h8v-7.1c0-.967-.183-1.875-.55-2.725a7.078 7.078 0 0 0-1.5-2.225 7.077 7.077 0 0 0-2.225-1.5A6.805 6.805 0 0 0 12 4.9c-.967 0-1.875.183-2.725.55a7.077 7.077 0 0 0-2.225 1.5 7.077 7.077 0 0 0-1.5 2.225A6.805 6.805 0 0 0 5 11.9V18H4c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 16v-2c0-.383.092-.72.275-1.012.183-.292.425-.53.725-.713l.075-1.325c.15-1.217.496-2.317 1.037-3.3a8.784 8.784 0 0 1 2.026-2.5 9.1 9.1 0 0 1 2.725-1.588A8.93 8.93 0 0 1 12 3c1.1 0 2.154.188 3.162.563a8.803 8.803 0 0 1 2.713 1.6c.8.691 1.47 1.524 2.012 2.5.542.974.888 2.062 1.038 3.262l.075 1.3c.3.15.542.37.725.662.183.292.275.613.275.963v2.3c0 .367-.092.692-.275.975-.183.283-.425.5-.725.65V19c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21h-8Zm-2-7a.967.967 0 0 1-.713-.287A.968.968 0 0 1 8 13c0-.283.096-.52.287-.713A.967.967 0 0 1 9 12c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.967.967 0 0 1 9 14Zm6 0a.968.968 0 0 1-.713-.287A.968.968 0 0 1 14 13c0-.283.096-.52.287-.713A.968.968 0 0 1 15 12c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 15 14Zm-8.975-1.55c-.067-.983.07-1.875.412-2.675.342-.8.8-1.48 1.375-2.038A6.05 6.05 0 0 1 9.8 6.45c.75-.3 1.5-.45 2.25-.45 1.517 0 2.83.48 3.938 1.438S17.767 9.591 18 11.024c-1.567-.017-2.983-.438-4.25-1.263s-2.225-1.895-2.875-3.212a7.985 7.985 0 0 1-1.688 3.587 7.78 7.78 0 0 1-3.162 2.313Z"/></g></svg> </span> <span>Support</span> </p> <p class="text-muted mb-0 subtitle">Create and maintain multilingual support docs and other important content</p> </a> </li> <li class="megamenu__content__item"> <a href="/teams/designers" class="" > <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none"><mask id="a" width="25" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M.5 0h24v24H.5z"/></mask><g mask="url(#a)"><path fill="currentColor" d="M19.35 9.4 15.1 5.15l1.425-1.425a1.92 1.92 0 0 1 1.413-.575c.558 0 1.029.192 1.412.575l1.425 1.425c.383.383.575.854.575 1.412a1.92 1.92 0 0 1-.575 1.413L19.35 9.4ZM3.5 21v-4.25l4.5-4.5-5.275-5.325L7.45 2.2l5.3 5.325L15.1 5.15l4.25 4.25L17 11.75l5.275 5.325-4.7 4.7-5.325-5.3L7.75 21H3.5Zm5.925-10.175 1.9-1.9-1.2-1.2-1.2 1.175-1.4-1.4L8.7 6.3 7.425 5.05 5.55 6.95l3.875 3.875Zm8.125 8.125 1.9-1.9-1.275-1.25L17 16.975l-1.425-1.4 1.2-1.2-1.225-1.2-1.9 1.9 3.9 3.875ZM5.5 19h1.4l9.625-9.6L15.1 7.975 5.5 17.6V19Z"/></g></svg> </span> <span>Designers</span> </p> <p class="text-muted mb-0 subtitle">Preview multilingual content, customize translations before implementation</p> </a> </li> <li class="megamenu__content__item"> <a href="/page/freelance-translators" class=""> <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="currentColor" d="m11.9 22 4.55-12h2.1l4.55 12H21l-1.05-3.05H15.1L14 22h-2.1Zm3.8-4.8h3.6l-1.75-4.95h-.1L15.7 17.2ZM4 19l-1.4-1.4 5.05-5.05a16.024 16.024 0 0 1-1.663-2.175A16.034 16.034 0 0 1 4.75 8h2.1c.3.6.62 1.142.963 1.625.341.483.754.992 1.237 1.525.733-.8 1.342-1.62 1.825-2.463A16.06 16.06 0 0 0 12.1 6H1V4h7V2h2v2h7v2h-2.9a18.153 18.153 0 0 1-1.425 3.45 16.134 16.134 0 0 1-2.225 3.15l2.4 2.45-.75 2.05L9 14l-5 5Z"/></g></svg> </span> <span>Translators</span> </p> <p class="text-muted mb-0 subtitle">Translate online with all the benefits of a desktop CAT tool</p> </a> </li> </ul> </li> </ul> <ul class="megamenu__content list-unstyled teams-solutions order-1"> <li class="border-0"> <h4 class="dropdown-header">Use Cases</h4> <ul class="list-unstyled megamenu__content__wrapper"> <li class="megamenu__content__item"> <a href="/software-localization" class="" > <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="currentColor" d="m8 18-6-6 6-6 1.425 1.425-4.6 4.6L9.4 16.6 8 18Zm8 0-1.425-1.425 4.6-4.6L14.6 7.4 16 6l6 6-6 6Z"/></g></svg> </span> <span>Software Localization</span> </p> <p class="text-muted mb-0 subtitle">Set an automated process once and receive continuous localization in parallel with development</p> </a> </li> <li class="megamenu__content__item"> <a href="/mobile-app-localization" class=""> <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="currentColor" d="M9 14.5V13h6v1.5H9Zm-1-3V10h8v1.5H8ZM7 23c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 21V3c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 7 1h10c.55 0 1.02.196 1.413.587C18.803 1.98 19 2.45 19 3v18c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 23H7Zm0-3v1h10v-1H7Zm0-2h10V6H7v12ZM7 4h10V3H7v1Z"/></g></svg> </span> <span>Mobile App Localization</span> </p> <p class="text-muted mb-0 subtitle">Localize Android or iOS apps into any language and reach new markets</p> </a> </li> <li class="megamenu__content__item"> <a href="/multilingual-user-interface" class=""> <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="currentColor" d="M11.625 1c1.517 0 2.813.53 3.888 1.587 1.075 1.059 1.612 2.346 1.612 3.863 0 .8-.179 1.587-.537 2.362a5.483 5.483 0 0 1-1.613 2.013h-.85V8.9c.3-.333.542-.704.725-1.113.184-.408.275-.854.275-1.337 0-.95-.346-1.763-1.037-2.438C13.396 3.339 12.575 3 11.625 3c-.983 0-1.812.337-2.487 1.013A3.323 3.323 0 0 0 8.125 6.45c0 .483.088.942.263 1.375.175.433.42.808.737 1.125v2.45a5.577 5.577 0 0 1-2.175-2c-.55-.867-.825-1.85-.825-2.95 0-1.517.534-2.804 1.6-3.863C8.792 1.53 10.092 1 11.625 1Zm-.95 21a1.99 1.99 0 0 1-.8-.163 2.076 2.076 0 0 1-.65-.437l-5.15-5.15 1.4-1.45a2.5 2.5 0 0 1 .788-.538 1.37 1.37 0 0 1 .912-.062l1.95.45V6.5c0-.7.242-1.292.725-1.775.484-.483 1.075-.725 1.775-.725s1.292.242 1.775.725c.483.483.725 1.075.725 1.775v4.3h.65a.746.746 0 0 1 .45.15l3.7 1.8c.4.183.696.48.888.887.191.409.245.83.162 1.263l-.9 5.45c-.083.483-.316.88-.7 1.188a2.02 2.02 0 0 1-1.3.462h-6.4Zm0-2h6.4l.95-5.45-4.15-2.05h-1.75v-6a.49.49 0 0 0-.137-.362.49.49 0 0 0-.363-.138.49.49 0 0 0-.362.138.49.49 0 0 0-.138.362v10.6l-4.25-.9 3.8 3.8Z"/></g></svg> </span> <span>UI Localization</span> </p> <p class="text-muted mb-0 subtitle">Localize your product's user interface and create global design</p> </a> </li> <li class="megamenu__content__item"> <a href="/website-translation" class="" > <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="currentColor" d="M9.4 19.55c-.3-.55-.563-1.12-.787-1.713A14.688 14.688 0 0 1 8.05 16H5.1a8.3 8.3 0 0 0 1.813 2.175A7.195 7.195 0 0 0 9.4 19.55ZM4.25 14h3.4a13.208 13.208 0 0 1-.15-2 13.208 13.208 0 0 1 .15-2h-3.4A7.959 7.959 0 0 0 4 12a7.959 7.959 0 0 0 .25 2Zm.85-6h2.95c.15-.633.337-1.246.563-1.838C8.838 5.571 9.1 5 9.4 4.45c-.933.3-1.763.758-2.488 1.375A8.298 8.298 0 0 0 5.1 8Zm5 0h3.8c-.2-.733-.458-1.425-.775-2.075A12.701 12.701 0 0 0 12 4.05c-.433.6-.808 1.225-1.125 1.875-.317.65-.575 1.342-.775 2.075Zm5.85 0h2.95a8.298 8.298 0 0 0-1.813-2.175A7.196 7.196 0 0 0 14.6 4.45c.3.55.563 1.12.787 1.712.226.592.413 1.205.563 1.838ZM12 22a9.676 9.676 0 0 1-3.875-.788 10.144 10.144 0 0 1-3.188-2.15 10.142 10.142 0 0 1-2.15-3.187A9.676 9.676 0 0 1 2 12c0-1.383.263-2.68.788-3.887a10.183 10.183 0 0 1 2.15-3.175 10.143 10.143 0 0 1 3.187-2.15A9.676 9.676 0 0 1 12 2c1.383 0 2.68.263 3.887.788a10.183 10.183 0 0 1 3.175 2.15 10.184 10.184 0 0 1 2.15 3.175A9.649 9.649 0 0 1 22 12a10.051 10.051 0 0 1-.05 1h-2.025c.033-.167.054-.33.063-.488.008-.158.012-.329.012-.512a7.953 7.953 0 0 0-.25-2h-3.4a13.208 13.208 0 0 1 .15 2v.512c0 .159-.008.321-.025.488h-2a4.89 4.89 0 0 0 .025-.488V12a13.208 13.208 0 0 0-.15-2h-4.7a13.208 13.208 0 0 0-.15 2 13.208 13.208 0 0 0 .15 2H13v2h-2.9c.2.733.458 1.425.775 2.075.317.65.692 1.275 1.125 1.875a16.913 16.913 0 0 0 1-1.65v3.65a10.307 10.307 0 0 1-1 .05Zm7.95-.625L17 18.425v2.225h-2V15h5.65v2H18.4l2.95 2.95-1.4 1.425Z"/></g></svg> </span> <span>Website Localization</span> </p> <p class="text-muted mb-0 subtitle">Create a multilingual website by integrating Crowdin and your website’s CMS.</p> </a> </li> <li class="megamenu__content__item"> <a href="/multilingual-support" class=""> <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="currentColor" d="M12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12c0-1.383.263-2.683.788-3.9a10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2c1.383 0 2.683.263 3.9.788a10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Zm-2.9-2.55 1.2-2.75a4.677 4.677 0 0 1-1.813-1.162A5.672 5.672 0 0 1 7.3 13.7l-2.75 1.15c.383 1.067.975 2 1.775 2.8.8.8 1.725 1.4 2.775 1.8ZM7.3 10.3c.283-.7.68-1.313 1.188-1.838A4.677 4.677 0 0 1 10.3 7.3L9.15 4.55c-1.067.4-2 1-2.8 1.8-.8.8-1.4 1.733-1.8 2.8L7.3 10.3ZM12 15c.833 0 1.542-.292 2.125-.875A2.893 2.893 0 0 0 15 12c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0 0 12 9c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9 12c0 .833.292 1.542.875 2.125A2.893 2.893 0 0 0 12 15Zm2.9 4.45a7.78 7.78 0 0 0 2.763-1.787A7.78 7.78 0 0 0 19.45 14.9l-2.75-1.2c-.25.7-.633 1.304-1.15 1.813a5.597 5.597 0 0 1-1.8 1.187l1.15 2.75Zm1.8-9.2 2.75-1.15a7.78 7.78 0 0 0-1.787-2.762A7.78 7.78 0 0 0 14.9 4.55l-1.15 2.8c.683.25 1.275.63 1.775 1.138.5.508.892 1.095 1.175 1.762Z"/></g></svg> </span> <span>Multilingual Support</span> </p> <p class="text-muted mb-0 subtitle">Translate customer service chatbots, emails, and documentation</p> </a> </li> <li class="megamenu__content__item"> <a href="/game-localization" class=""> <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="#81C784" d="M4.725 20c-1 0-1.854-.358-2.563-1.075a3.748 3.748 0 0 1-1.112-2.6 4.074 4.074 0 0 1 .1-.9l2.1-8.4c.233-.9.708-1.63 1.425-2.188A3.88 3.88 0 0 1 7.125 4h9.75c.916 0 1.733.28 2.45.838a3.952 3.952 0 0 1 1.425 2.187l2.1 8.4c.033.15.062.304.087.462.025.159.038.313.038.463 0 1.017-.363 1.88-1.088 2.587A3.605 3.605 0 0 1 19.275 20c-.7 0-1.35-.183-1.95-.55a3.458 3.458 0 0 1-1.35-1.5l-.7-1.45a.817.817 0 0 0-.375-.375 1.16 1.16 0 0 0-.525-.125h-4.75a1.16 1.16 0 0 0-.525.125.817.817 0 0 0-.375.375l-.7 1.45c-.3.633-.75 1.133-1.35 1.5-.6.367-1.25.55-1.95.55Zm.075-2a1.594 1.594 0 0 0 1.45-.925l.7-1.425c.25-.517.616-.92 1.1-1.213A2.993 2.993 0 0 1 9.625 14h4.75c.566 0 1.091.15 1.575.45.483.3.858.7 1.125 1.2l.7 1.425a1.594 1.594 0 0 0 1.45.925c.466 0 .866-.154 1.2-.462a1.6 1.6 0 0 0 .525-1.163c0 .017-.017-.142-.05-.475l-2.1-8.375a2.033 2.033 0 0 0-.7-1.1A1.889 1.889 0 0 0 16.875 6h-9.75c-.467 0-.88.142-1.238.425-.358.283-.587.65-.687 1.1L3.1 15.9c-.034.1-.05.25-.05.45 0 .467.17.858.512 1.175.342.317.754.475 1.238.475Zm8.7-7c.283 0 .52-.096.712-.287A.968.968 0 0 0 14.5 10a.967.967 0 0 0-.288-.713A.968.968 0 0 0 13.5 9a.968.968 0 0 0-.713.287.967.967 0 0 0-.287.713c0 .283.096.52.287.713.192.191.43.287.713.287Zm2-2c.283 0 .52-.096.712-.287A.967.967 0 0 0 16.5 8a.967.967 0 0 0-.288-.713A.968.968 0 0 0 15.5 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 14.5 8c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 4c.283 0 .52-.096.712-.287A.968.968 0 0 0 16.5 12a.968.968 0 0 0-.288-.713A.968.968 0 0 0 15.5 11a.968.968 0 0 0-.713.287.968.968 0 0 0-.287.713c0 .283.096.52.287.713.192.191.43.287.713.287Zm2-2c.283 0 .52-.096.712-.287A.968.968 0 0 0 18.5 10a.967.967 0 0 0-.288-.713A.968.968 0 0 0 17.5 9a.968.968 0 0 0-.713.287.967.967 0 0 0-.287.713c0 .283.096.52.287.713.192.191.43.287.713.287Zm-9 1.5a.728.728 0 0 0 .75-.75v-1h1A.728.728 0 0 0 11 10a.728.728 0 0 0-.75-.75h-1v-1a.729.729 0 0 0-.75-.75.728.728 0 0 0-.75.75v1h-1A.728.728 0 0 0 6 10a.728.728 0 0 0 .75.75h1v1a.728.728 0 0 0 .75.75Z"/></g></svg> </span> <span>Game Localization</span> </p> <p class="text-muted mb-0 subtitle">Translate your game and enter the international market</p> </a> </li> <li class="megamenu__content__item"> <a href="/e-commerce-localization" class=""> <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none" viewBox="0 0 25 24"><mask id="mask0_12943_33343" width="25" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M.5 0h24v24H.5z"/></mask><g mask="url(#mask0_12943_33343)"><path fill="#81C784" d="M7.5 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5.5 20c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 7.5 18c.55 0 1.02.196 1.412.587.392.392.588.863.588 1.413s-.196 1.02-.588 1.413A1.926 1.926 0 0 1 7.5 22Zm10 0c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 15.5 20c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 17.5 18c.55 0 1.02.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17.5 22ZM6.65 6l2.4 5h7l2.75-5H6.65ZM5.7 4h14.75c.383 0 .675.17.875.513.2.341.208.687.025 1.037l-3.55 6.4c-.183.333-.43.592-.738.775A1.945 1.945 0 0 1 16.05 13H8.6l-1.1 2h12v2h-12c-.75 0-1.317-.33-1.7-.988-.383-.658-.4-1.312-.05-1.962L7.1 11.6 3.5 4h-2V2h3.25l.95 2Z"/></g></svg> </span> <span>E-commerce Localization</span> </p> <p class="text-muted mb-0 subtitle">Automate localization of your e-commerce website and reach global customers.</p> </a> </li> </ul> </li> </ul> <div class="megamenu__content megamenu__content--fill-row-lg megamenu__content megamenu__content--bento order-0 order-xl-1 mt-lg-2 pb-0"> <a href="https://crowdin.com/features" class="megamenu__content__item megamenu__content__item--gray d-flex active"> <span class="title">Why Crowdin?</span> </a> <a class="megamenu__content__item megamenu__content__item--gray d-flex megamenu__content__item--integrations" href="https://store.crowdin.com/"> <p class="title mb-1"> Apps & Integrations </p> <p class="text-muted mb-0 subtitle"> Browse 600+ integrations and plugins </p> </a> <a id="ai-localization-header-menu-card" href="/ai-localization" class="megamenu__content__item megamenu__content__item--gray d-flex megamenu__content__item--ai "> <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.2074 8.85194L14.9619 10.7382C15.096 11.0734 15.5706 11.0734 15.7047 10.7382L16.4592 8.85194C16.7133 8.21668 17.2167 7.71333 17.8519 7.45922L19.7382 6.70472C20.0734 6.57062 20.0734 6.09605 19.7382 5.96194L17.8519 5.20744C17.2167 4.95334 16.7133 4.44998 16.4592 3.81473L15.7047 1.92848C15.5706 1.59322 15.096 1.59322 14.9619 1.92848L14.2074 3.81473C13.9533 4.44998 13.45 4.95334 12.8147 5.20744L10.9285 5.96194C10.5932 6.09605 10.5932 6.57062 10.9285 6.70472L12.8147 7.45922C13.45 7.71333 13.9533 8.21668 14.2074 8.85194Z" fill="#6FC6A7"/> <path d="M18.3171 19.2927L18.8374 20.5935C18.8961 20.7403 19.1039 20.7403 19.1626 20.5935L19.6829 19.2927C19.7942 19.0146 20.0146 18.7942 20.2927 18.6829L21.5935 18.1626C21.7403 18.1039 21.7403 17.8961 21.5935 17.8374L20.2927 17.3171C20.0146 17.2058 19.7942 16.9854 19.6829 16.7073L19.1626 15.4065C19.1039 15.2597 18.8961 15.2597 18.8374 15.4065L18.3171 16.7073C18.2058 16.9854 17.9854 17.2058 17.7073 17.3171L16.4065 17.8374C16.2597 17.8961 16.2597 18.1039 16.4065 18.1626L17.7073 18.6829C17.9854 18.7942 18.2058 19.0146 18.3171 19.2927Z" fill="#6FC6A7"/> <path d="M7.26265 19.9691L8.00361 21.8215C8.13771 22.1568 8.61229 22.1568 8.74639 21.8215L9.48735 19.9691C10.1226 18.381 11.381 17.1226 12.9691 16.4873L14.8215 15.7464C15.1568 15.6123 15.1568 15.1377 14.8215 15.0036L12.9691 14.2627C11.381 13.6274 10.1226 12.369 9.48735 10.7809L8.74639 8.92848C8.61229 8.59322 8.13771 8.59322 8.00361 8.92848L7.26265 10.7809C6.6274 12.369 5.36901 13.6274 3.78087 14.2627L1.92848 15.0036C1.59322 15.1377 1.59322 15.6123 1.92848 15.7464L3.78087 16.4873C5.36901 17.1226 6.6274 18.381 7.26265 19.9691Z" fill="#6DB2AA"/> </svg> </span> <span class="text">AI Translation</span> </p> <p class="mb-0 subtitle">Empower your business with an AI translator fine-tuned to your company's needs and get 95% publishable translations</p> </a> <a href="/localization-best-practices" class="megamenu__content__item megamenu__content__item--gray d-flex "> <span class="title mb-1">Crowdin Resources</span> <span class="mb-1 subtitle">Resources on localization services, translation and localization tips</span> <div class="resources-badges-wrapper subtitle"> <span class="resources-badges-wrapper__item">📚 Free e-books</span> <span class="resources-badges-wrapper__item">📺 Webinars</span> <span class="resources-badges-wrapper__item">🎓 Courses</span> <span class="resources-badges-wrapper__item">✅ Checklists</span> </div> </a> </div> </div> </div> </div> </li> <li class="crowdin-navbar__nav-link dropdown megamenu__link "> <a title="Demo" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="submenu-title" id="demo">Demo</a> <div class="dropdown-menu megamenu" aria-labelledby="demo" id="demo-dropdown"> <div class="container"> <div class="megamenu__wrapper megamenu__wrapper--demo"> <div class="megamenu__content megamenu__content--demo"> <a href="https://crowdin.com/demo-request" class="megamenu__content__item live-demo "> <img class="megamenu__content__image" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/demo-request/live-demo-image.webp" alt="Book Demo Call"> <p class="text-nowrap title mb-1">Book Demo Call</p> <p class="text-muted mb-0 subtitle">Book a personalized demo call and talk to our experts.</p> </a> </div> <div class="megamenu__content megamenu__content--demo"> <a href="https://crowdin.com/on-demand-demo" class="megamenu__content__item on-demand-demo "> <img class="megamenu__content__image" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/demo-request/on-demand-demo-image.webp" alt="Watch Demo Recording"> <p class="text-nowrap title mb-1">Watch Demo Recording</p> <p class="text-muted mb-0 subtitle">Watch a pre-recorded 4-minute introduction to Crowdin.</p> </a> </div> <div class="megamenu__content megamenu__content--interactive-demo"> <a href="https://crowdin.com/interactive-demo" class="megamenu__content__item "> <img class="megamenu__content__image" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/demo-request/interactive-demo.webp" alt="Interactive Demo"> <p class="text-nowrap title mb-1">Interactive Demo</p> <p class="text-muted mb-0 subtitle">Guide on project setup, applying AI translation, and buying human review.</p> </a> </div> </div> </div> </div> </li> <li class="crowdin-navbar__nav-link crowdin-navbar__nav-link--ai "> <a id="ai-localization-header-menu" class="ai-link" title="AI" href="https://crowdin.com/ai-localization"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.2074 8.85194L14.9619 10.7382C15.096 11.0734 15.5706 11.0734 15.7047 10.7382L16.4592 8.85194C16.7133 8.21668 17.2167 7.71333 17.8519 7.45922L19.7382 6.70472C20.0734 6.57062 20.0734 6.09605 19.7382 5.96194L17.8519 5.20744C17.2167 4.95334 16.7133 4.44998 16.4592 3.81473L15.7047 1.92848C15.5706 1.59322 15.096 1.59322 14.9619 1.92848L14.2074 3.81473C13.9533 4.44998 13.45 4.95334 12.8147 5.20744L10.9285 5.96194C10.5932 6.09605 10.5932 6.57062 10.9285 6.70472L12.8147 7.45922C13.45 7.71333 13.9533 8.21668 14.2074 8.85194Z" fill="#6FC6A7"/> <path d="M18.3171 19.2927L18.8374 20.5935C18.8961 20.7403 19.1039 20.7403 19.1626 20.5935L19.6829 19.2927C19.7942 19.0146 20.0146 18.7942 20.2927 18.6829L21.5935 18.1626C21.7403 18.1039 21.7403 17.8961 21.5935 17.8374L20.2927 17.3171C20.0146 17.2058 19.7942 16.9854 19.6829 16.7073L19.1626 15.4065C19.1039 15.2597 18.8961 15.2597 18.8374 15.4065L18.3171 16.7073C18.2058 16.9854 17.9854 17.2058 17.7073 17.3171L16.4065 17.8374C16.2597 17.8961 16.2597 18.1039 16.4065 18.1626L17.7073 18.6829C17.9854 18.7942 18.2058 19.0146 18.3171 19.2927Z" fill="#6FC6A7"/> <path d="M7.26265 19.9691L8.00361 21.8215C8.13771 22.1568 8.61229 22.1568 8.74639 21.8215L9.48735 19.9691C10.1226 18.381 11.381 17.1226 12.9691 16.4873L14.8215 15.7464C15.1568 15.6123 15.1568 15.1377 14.8215 15.0036L12.9691 14.2627C11.381 13.6274 10.1226 12.369 9.48735 10.7809L8.74639 8.92848C8.61229 8.59322 8.13771 8.59322 8.00361 8.92848L7.26265 10.7809C6.6274 12.369 5.36901 13.6274 3.78087 14.2627L1.92848 15.0036C1.59322 15.1377 1.59322 15.6123 1.92848 15.7464L3.78087 16.4873C5.36901 17.1226 6.6274 18.381 7.26265 19.9691Z" fill="#6DB2AA"/> </svg> <span class="ml-1">AI</span> </a> </li> <li class="crowdin-navbar__nav-link "> <a title="Pricing" href="https://crowdin.com/pricing#annual"> Pricing </a> </li> <li class="hidden-sm crowdin-navbar__nav-link "> <a title="Customers" href="https://crowdin.com/page/customer-testimonials"> Customers </a> </li> <li class="crowdin-navbar__nav-link "> <a title="Enterprise" href="https://crowdin.com/enterprise">Enterprise</a> </li> </ul> <form class="form-inline flex-nowrap mb-2 my-lg-0 flex-column flex-lg-row justify-content-lg-end"> <div class="header-search d-none d-lg-block"> <div class="input-group input-group-sm header-search__input-group"> <div class="input-group-prepend"> <span class="input-group-text""><span class="material-icons">search</span></span> </div> <input type="text" class="form-control" placeholder="Search projects" aria-label="Search projects" /> </div> <span class="btn header-search__btn" title="Search projects"> <span class="material-icons">search</span> </span> </div> <span class="crowdin-navbar__nav-link mr-auto d-inline-flex d-lg-none"> <a title="Contact" href="https://crowdin.com/projects#advanced-search">Search projects </a> </span> <span class="crowdin-navbar__nav-link contact "> <a title="Contact" href="https://crowdin.com/contacts">Contact </a> </span> <div id="app-user" class="form-group mt-3 mt-lg-0"> <div class="shimmer shimmer-long" style="width: 188px; height: 24px"></div> </div> </form> </div> </div> </header> <main class="wrap"> <section class="crowdin-section-mobile crowdin-tour-jumbotron"> <div class="crowdin-tour-jumbotron__bg before"> <figure> <img decoding="async" loading="lazy" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/jumbotron/tour-main-left@1x.jpg" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/jumbotron/tour-main-left@1x.jpg 640w, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/jumbotron/tour-main-left@2x.jpg 1200w, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/jumbotron/tour-main-left@3x.jpg 1600w" sizes="(max-width: 640px) 50vw, (min-width: 1600px) 594px, 33vw" > </figure> </div> <div class="container"> <div class="row"> <div class="offset-lg-1 col-lg-10 offset-xl-2 col-xl-8 text-center crowdin-tour-jumbotron__title-holder"> <h1 class="crowdin-tour-jumbotron__title-holder__title display-1">Make your products multilingual and stay agile</h1> </div> </div> <div class="row"> <div class="offset-lg-1 col-lg-10 offset-xl-3 col-xl-6 text-center"> <p class="subtitle-h1">Deliver the same product to customers who speak different languages.</p> <p class="subtitle-h1">Streamline the localization of your product's user interface, website, marketing, and support content with Crowdin.</p> <div class="crowdin-tour-jumbotron__btn-wrapper d-flex flex-column flex-lg-row justify-content-center align-items-center mb-3"> <form method="post" action="/join"> <button type="submit" class="btn btn-primary btn-primary--on-dark">Get Started for Free</button> </form> <a class="btn btn-link mt-2 mt-lg-0 ml-0 ml-lg-2" href="/demo-request"> Request Demo </a> </div> </div> </div> </div> <div class="crowdin-tour-jumbotron__bg after"> <figure> <img decoding="async" loading="lazy" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/jumbotron/tour-main-right@1x.jpg" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/jumbotron/tour-main-right@1x.jpg 640w, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/jumbotron/tour-main-right@2x.jpg 1200w, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/jumbotron/tour-main-right@3x.jpg 1600w" sizes="(max-width: 640px) 50vw, (min-width: 1600px) 594px, 33vw" > </figure> </div> </section> <section class="crowdin-tour-content-together"> <div class="container"> <div class="row"> <div class="offset-lg-1 col-lg-5 text-center text-lg-left crowdin-tour-content-together__desc-wrapper"> <span class="helper-h2">Content</span> <h2 class="crowdin-tour-content-together__title display-3">Bring all your content together</h2> <p class="subtitle-h2">Add original text and assets for your apps, websites, games, emails, docs, blogs, and more - easily.</p> <p class="subtitle-h2">We support over 100 file formats, from JSON files to CSV and properties files.</p> </div> <div class="col-lg-6 crowdin-tour-content-together__img-wrapper"> <figure class="img-container"></figure> </div> </div> </div> </section> <section class="crowdin-section crowdin-tour-invite-to-translate"> <div class="container"> <div class="row"> <div class="order-1 order-lg-0 col-lg-6 crowdin-tour-invite-to-translate__img-wrapper"> <figure class="img-container"></figure> </div> <div class="order-0 order-lg-1 col-lg-6 col-xl-5 text-center text-lg-left crowdin-tour-invite-to-translate__desc-wrapper"> <span class="helper-h2">Translators</span> <h2 class="crowdin-tour-invite-to-translate__title display-3">Use an agency or your own translators</h2> <p class="subtitle-h2">Work exclusively with an agency you trust, find a vendor on Crowdin, or combine translations from different teams. Invite them all to your Crowdin project, give them access to specific languages, and receive simultaneous translations.</p> </div> </div> <div class="row mb-3"> <div class="offset-lg-1 col-lg-10"> <ul class="list-group list-group-horizontal-md justify-content-between crowdin-cards-inline__wrapper"> <li class="list-group-item p-0 border-0 crowdin-cards-inline__card"> <div class="media"> <span class="mr-2 icon-check icon icon--green"></span> <div class="media-body"> <h4 class="mb-2 mb-md-0"> Bring your own translators</h4> </div> </div> </li> <li class="list-group-item p-0 border-0 crowdin-cards-inline__card"> <div class="media"> <span class="mr-2 icon-check icon icon--green"></span> <div class="media-body"> <h4 class="mb-2 mb-md-0"> Find a translation vendor on Crowdin Store</h4> </div> </div> </li> <li class="list-group-item p-0 border-0 crowdin-cards-inline__card"> <div class="media"> <span class="mr-2 icon-check icon icon--green"></span> <div class="media-body"> <h4 class="mb-2 mb-md-0"> Invite your community to translate your project</h4> </div> </div> </li> </ul> </div> </div> </div> </section> <section class="crowdin-section crowdin-tour-strings-management"> <div class="container"> <div class="row"> <div class="offset-lg-2 col-lg-8 text-center crowdin-tour-strings-management__desc-wrapper"> <span class="helper-h2">Strings Management</span> <h2 class="crowdin-tour-invite-to-translate__title display-2">Edit text copy without coding</h2> <p class="subtitle-h2 mb-5">Search, add, and edit your product’s source strings in Crowdin.</p> </div> </div> <div class="row flex-wrap-reverse"> <div class="offset-lg-1 col-lg-5"> <div class="crowdin-tour-strings-management__item text-center text-lg-left"> <h4>Writers update source texts</h4> <div class="mb-3 mb-md-0"><p>No need to wait for developers to make the change. Add and edit the latest copy on your own.</p><p>View a list of <a target="_blank" href="https://support.crowdin.com/file-management/#string-editing">file formats that support source editing.</a></p></div> </div> <div class="crowdin-tour-strings-management__item text-center text-lg-left"> <h4>Developers approve the merge request</h4> <p class="mb-3 mb-md-0">Edit content in Crowdin push updates to your repo as a merge request. Developers simply approve it with no additional actions.</p> </div> <div class="crowdin-tour-strings-management__item text-center text-lg-left"> <h4>Designers use real content</h4> <p class="mb-0">Edit and create text copy using our design plugins for Figma, Sketch, and Adobe XD. In addition to using translations in designs, create new texts that will appear in Crowdin.</p> </div> </div> <div class="col-lg-6 crowdin-tour-strings-management__img-wrapper align-self-center"> <figure class="img"> <img loading="eager" decoding="async" alt="Edit text copy without coding<" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/tour-strings-management@1x.png" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/tour-strings-management@1x.png 640w, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/tour-strings-management@2x.png 1200w, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/tour-strings-management@3x.png 1600w" sizes="100vw" > </figure> </div> </div> </div> </section> <section class="crowdin-section crowdin-tour-integrations-automation"> <div class="container"> <div class="row"> <div class="offset-lg-1 col-lg-5 text-center text-lg-left crowdin-tour-integrations-automation__desc-wrapper"> <span class="helper-h2">Integrations and automation</span> <h2 class="crowdin-tour-invite-to-translate__title">Flexible workflow with integrated tools</h2> <p class="subtitle-h2">Automate source content updates for translation. Receive translations, then make decisions about merging and publication.</p> </div> <div class="col-lg-6 crowdin-tour-integrations-automation__img-wrapper"> <figure class="img"> <img loading="lazy" width="660" height="392" class="img-fluid" decoding="async" alt="Flexible workflow with integrated tools" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/custom-workflows/tour-custom-workflows@1x.png" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/custom-workflows/tour-custom-workflows@1x.png 640w, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/custom-workflows/tour-custom-workflows@2x.png 1200w, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/custom-workflows/tour-custom-workflows@2x.png 1600w" sizes="(max-width: 640px) 100vw, 660px" > </figure> </div> </div> <div class="row"> <div class="offset-lg-1 col-lg-10"> <ul class="list-group list-group-horizontal-lg justify-content-between crowdin-tour-integrations-automation__cards"> <li class="list-group-item border-0 crowdin-tour-integrations-automation__card crowdin-tour-integrations-automation__card--integrations mb-4 mb-lg-0"> <div class="media"> <div class="media-body"> <h4>Integrations </h4> <p class="">Integrate Crowdin with your repository, help desk, and other systems. Source content is always up to date for your translators, and previously-translated content is returned automatically.</p> <div class="crowdin-tour-integrations-automation__cards__logos d-flex flex-row align-items-center flex-wrap mb-3"> <figure class="logo logo--intercom"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/logo/svg/intercom.svg" alt=""> </figure> <figure class="logo logo--freshdesk"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/logo/svg/freshdesk.svg" alt=""> </figure> <figure class="logo logo--googleplay"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/logo/svg/googleplay.svg" alt=""> </figure> <figure class="logo logo--jira"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/logo/svg/jira.svg" alt=""> </figure> <figure class="logo logo--slack"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/logo/svg/slack.svg" alt=""> </figure> <figure class="logo logo--github"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/logo/svg/github.svg" alt=""> </figure> <figure class="logo logo--gitlab"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/logo/svg/gitlab.svg" alt=""> </figure> <figure class="logo logo--zendesk"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/logo/svg/zendesk.svg" alt=""> </figure> <figure class="logo logo--bitbucket"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/logo/svg/bitbucket.svg" alt=""> </figure> <figure class="logo logo--contentful"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/logo/svg/contentful.svg" alt=""> </figure> <figure class="logo logo--figma"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/logo/svg/figma.svg" alt=""> </figure> <figure style="opacity: 80%" class="logo logo--sketch"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/logo/svg/sketch.svg" alt=""> </figure> <figure style="opacity: 60%" class="logo logo--mailchimp"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/logo/svg/mailchimp.svg" alt=""> </figure> <figure style="opacity: 40%" class="logo logo--azure"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/logo/svg/azure.svg" alt=""> </figure> <figure style="opacity: 20%" class="logo logo--sendgrid"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/logo/svg/sendgrid.svg" alt=""> </figure> </div> <a href="https://store.crowdin.com" class="btn btn-outline-primary">View Integrations</a> </div> </div> </li> <li class="list-group-item border-0 crowdin-tour-integrations-automation__card"> <div class="media"> <div class="media-body"> <h4>API, CLI, SDKs, and Webhooks</h4> <p>Customize your experience and automate localization to meet the specific needs of your workflow.</p> <a href="/teams/engineering" class="btn btn-outline-primary">Learn More</a> </div> </div> </li> </ul> </div> </div> </div> </section> <blockquote class="crowdin-section crowdin-quote-section"> <div class="container"> <div class="row"> <div class="offset-lg-2 col-lg-8 crowdin-quote-section__quotes-wrapper"> <h4 class="text-center crowdin-quote-section__quote">"When we evaluated localization options for the Electron project, Crowdin stood apart from the competition. It’s free for open source projects, it integrates well with GitHub, and has moderation controls for managing large translator communities. Crowdin’s support and engineering staff are also friendly and helpful."</h4> <div class="offset-md-1 col-md-10 d-flex flex-row justify-content-center align-items-center"> <div class="d-flex flex-row crowdin-quote-section__author"> <figure class="crowdin-quote-section__author__avatar"> <img class="rounded-circle" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/content/customers/github/zeke.jpg" alt="Zeke Sikelianos"> </figure> <div class="d-flex flex-column crowdin-quote-section__author__name"> <span class="name">Zeke Sikelianos</span> <span class="title">Senior Engineer</span> </div> </div> <figure class="crowdin-quote-section__company"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/content/customers/github/GitHub_Logo.png" alt="GitHub"> </figure> </div> <figure class='crowdin-quote-section__double-quotes crowdin-quote-section__double-quotes--top-right'> <img class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/main/crowdin-double-quote.svg"> </figure> <figure class='crowdin-quote-section__double-quotes crowdin-quote-section__double-quotes--rotate crowdin-quote-section__double-quotes--bottom-left'> <img class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/main/crowdin-double-quote.svg"> </figure> <figure class='crowdin-quote-section__double-quotes crowdin-quote-section__double-quotes--rotate crowdin-quote-section__double-quotes--top-left'> <img class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/main/crowdin-double-quote-green.svg"> </figure> <figure class='crowdin-quote-section__double-quotes crowdin-quote-section__double-quotes--bottom-right'> <img class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/main/crowdin-double-quote-green.svg"> </figure> </div> </div> </div> </blockquote> <section class="crowdin-section crowdin-tour-optimization-control crowdin-tab-img"> <div class="container"> <div class="row"> <div class="offset-lg-1 col-xl-5 text-lg-left text-center"> <span class="helper-h2">Optimization and monitoring</span> <h2 class="display-2">View progress in real time and get detailed reports</h2> </div> </div> <div class="row"> <div class="offset-lg-1 col-lg-5 order-1 order-lg-0"> <div class="pl-3 pl-sm-0 nav flex-column nav-pills crowdin-tab-img__desc-wrapper" id="v-pills-tab" role="tablist" aria-orientation="vertical" > <a class="nav-link active" id="v-pills-tab-1" data-toggle="pill" href="#v-pills-1" role="tab" aria-controls="v-pills-1" aria-selected="true">Translation status and project activity</a> <a class="nav-link" id="v-pills-tab-2" data-toggle="pill" href="#v-pills-2" role="tab" aria-controls="v-pills-2" aria-selected="false">Budget planning</a> <a class="nav-link" id="v-pills-tab-3" data-toggle="pill" href="#v-pills-3" role="tab" aria-controls="v-pills-3" aria-selected="false">Manage costs</a> <a class="nav-link" id="v-pills-tab-4" data-toggle="pill" href="#v-pills-4" role="tab" aria-controls="v-pills-4" aria-selected="false">Top translators and proofreaders</a> </div> </div> <div class="crowdin-tour-optimization-control__tab-content tab-content offset-1 col-lg-5 align-self-end order-0 order-lg-1 mb-4 mb-lg-0" id="v-pills-tabContent"> <div class="tab-pane fade show active" id="v-pills-1" role="tabpanel" aria-labelledby="v-pills-tab-1"> <figure class="img"> <img decoding="async" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/project-status-image@1x.png" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/project-status-image@1x.png 1x, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/project-status-image@2x.png 2x" > </figure> </div> <div class="tab-pane fade" id="v-pills-2" role="tabpanel" aria-labelledby="v-pills-tab-2"> <figure class="img"> <img decoding="async" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/budget-planning-image@1x.png" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/budget-planning-image@1x.png 1x, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/budget-planning-image@2x.png 2x" > </figure> </div> <div class="tab-pane fade" id="v-pills-3" role="tabpanel" aria-labelledby="v-pills-tab-3"> <figure class="img"> <img decoding="async" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/spent-control-image@1x.png" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/spent-control-image@1x.png 1x, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/spent-control-image@2x.png 2x" > </figure> </div> <div class="tab-pane fade" id="v-pills-4" role="tabpanel" aria-labelledby="v-pills-tab-4"> <figure class="img"> <img decoding="async" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/top-contributors-image@1x.png" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/top-contributors-image@1x.png 1x, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/top-contributors-image@2x.png 2x" > </figure> </div> </div> </div> </div> </section> <section id="crowdin-tour-online-editor" class="crowdin-section crowdin-tour-online-editor"> <div class="d-flex flex-column align-items-center crowdin-tour-online-editor__header"> <span class="helper-h2">Productivity for translators</span> <h2 class="text-center display-2">Online translation editor</h2> <p class="col-lg-6 subtitle-h2 text-center crowdin-tour-online-editor__header__title"> With Crowdin, translators and proofreaders become more efficient and provide better translations. They can collaborate online with other translators and managers or work independently offline, accessing the translation editor from any location or device and getting access to cutting-edge tools. </p> <div class="switch-button__wrapper"> <div class="switch-button__container"> <label for='cb1'> <span class="icon-sunny day-icon"></span> </label> <input class='switch-button__toggle' id='cb1' type='checkbox'> <label class='switch-button__toggle-button' for='cb1'></label> <label for='cb1'> <span class="icon-moon night-icon"></span> </label> </div> </div> </div> <div class="crowdin-tour-online-editor__body pb-5 pb-sm-0"> <div class="container crowdin-tour-online-editor__slide-wrapper"> <div class="row"> <div class="col-lg-12 crowdin-tour-online-editor__slide crowdin-tour-online-editor__slide--day"> <div class="col-md-11 desktop"> <div class="browser"> <div class="browser-header"> <div class="dots"><span></span><span></span><span></span></div> <div class="search-bar"></div> </div> <img width="100%" alt="Online translation editor" decoding="async" loading="lazy" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/editor-desktop/editor-comfortable-light-new.webp" > </div> </div> <figure class="col-md-3 col-sm-3 phone d-none d-sm-block px-0"> <img alt="Online translation editor" loading="lazy" class="img-fluid position-relative" decoding="async" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/editor-phone/editor_phone_light.webp" > </figure> </div> <div class="col-lg-12 crowdin-tour-online-editor__slide"> <div class="col-md-11 desktop"> <div class="browser"> <div class="browser-header"> <div class="dots"><span></span><span></span><span></span></div> <div class="search-bar"></div> </div> <img width="100%" alt="Online translation editor" decoding="async" loading="lazy" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/editor-desktop/editor-comfortable-dark-new.webp" > </div> </div> <figure class="col-md-3 col-sm-3 phone d-none d-sm-block px-0"> <img alt="Online translation editor" decoding="async" loading="lazy" class="img-fluid position-relative" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/editor-phone/editor_phone_dark.webp" > </figure> </div> </div> <figure class="crowdin-tour-online-editor__slide-wrapper__bg--left"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/editor-bg/editor-bg-2.png"> </figure> <figure class="crowdin-tour-online-editor__slide-wrapper__bg--right"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/editor-bg/editor-bg-1.png"> </figure> </div> </div> <div class="crowdin-tour-online-editor__footer"> <div class="container"> <div class="row"> <ul class="offset-lg-1 col-lg-10 list-group list-group-horizontal-md justify-content-between crowdin-tour-online-editor__cards"> <li class="col list-group-item border-0 crowdin-tour-online-editor__card"> <div class="media"> <div class="media-body text-center text-md-left"> <span class="icon-proofread icon icon--green icon--xl"></span> <h4>Voting and proofreading </h4> <p>Invite proofreaders to review completed translations. Allow trusted professionals to help you choose the best translations collaboratively by voting on suggestions.</p> </div> </div> </li> <li class="col list-group-item border-0 crowdin-tour-online-editor__card"> <div class="media"> <div class="media-body text-center text-md-left"> <span class="icon-qa icon icon--green icon--xl"></span> <h4>Automated quality assurance</h4> <p>Crowdin detects and manages elements such as placeholders, punctuation, translation length, and more.</p> </div> </div> </li> <li class="col list-group-item border-0 crowdin-tour-online-editor__card"> <div class="media"> <div class="media-body text-center text-md-left"> <span class="icon-comments-issues icon icon--green icon--xl"></span> <h4>Comments and issues</h4> <p>Give your translators a way to discuss translations, ask questions, mark irrelevant translations, and request more context.</p> </div> </div> </li> </ul> </div> </div> </div> </section> <blockquote class="crowdin-section crowdin-quote-section"> <div class="container"> <div class="row"> <div class="offset-lg-2 col-lg-8 crowdin-quote-section__quotes-wrapper"> <h4 class="text-center crowdin-quote-section__quote">"It’s the best translation tool for us to localize our user interface with a global community of volunteers. Both volunteers and in-house proofreaders can interact on the same platform, ask questions and exchange opinions about the best possible translation. Crowdin also makes it very easy for new translators to join our project to empower people to fix their stuff and save money while keeping electronics out of landfills."</h4> <div class="offset-md-1 col-md-10 d-flex flex-row justify-content-center align-items-center"> <div class="d-flex flex-row crowdin-quote-section__author"> <figure class="crowdin-quote-section__author__avatar"> <img class="rounded-circle" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/content/customers/ifixit/yDYtDmXty5NZ2p2C.large.jpg" alt="Sandra Hiller" > </figure> <div class="d-flex flex-column crowdin-quote-section__author__name"> <span class="name">Sandra Hiller</span> <span class="title">Head of Translations</span> </div> </div> <figure class="crowdin-quote-section__company"> <img src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/content/customers/ifixit/2000px-IFixit_logo.svg.png" alt="iFixit"> </figure> </div> <figure class='crowdin-quote-section__double-quotes crowdin-quote-section__double-quotes--top-right'> <img class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/main/crowdin-double-quote.svg"> </figure> <figure class='crowdin-quote-section__double-quotes crowdin-quote-section__double-quotes--rotate crowdin-quote-section__double-quotes--bottom-left'> <img class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/main/crowdin-double-quote.svg"> </figure> <figure class='crowdin-quote-section__double-quotes crowdin-quote-section__double-quotes--rotate crowdin-quote-section__double-quotes--top-left'> <img class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/main/crowdin-double-quote-green.svg"> </figure> <figure class='crowdin-quote-section__double-quotes crowdin-quote-section__double-quotes--bottom-right'> <img class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/main/crowdin-double-quote-green.svg"> </figure> </div> </div> </div> </blockquote> <section class="crowdin-section crowdin-tour-technology-resources crowdin-tab-img"> <div class="container"> <div class="row"> <header class="offset-lg-1 col-xl-5 text-lg-left text-center"> <span class="helper-h2 text-center text-lg-left">Technology and resources</span> <h2 class="text-center text-lg-left display-2">Save time by using the latest technology and providing context</h2> </header> </div> <div class="row"> <div class="offset-lg-1 col-lg-5"> <div class="pl-3 pl-sm-0 nav flex-column nav-pills crowdin-tab-img__desc-wrapper" id="c-pills-tab" role="tablist" aria-orientation="vertical"> <div class="accordion crowdin-tab-img__accordion" id="accordion-tour"> <div class="card crowdin-tab-img__accordion__card"> <div class="card-header border-0 crowdin-tab-img__accordion__card__header active-acc"> <h4 class="mb-0" data-toggle="collapse" data-target=".collapse-1" aria-expanded="true"> In-Context </h4> </div> <div class="crowdin-tab-img__accordion__card__body collapse-1 collapse show mb-3" data-parent="#accordion-tour"> <span class="icon-chevron-right icon"></span> <p>The more context you provide for translators, the better and more relevant their translations will be. Crowdin's interactive overview of your web application helps linguists preview and adjust their translations in real time.</p> <a class="link" href="/page/in-context-localization">Learn More</a> </div> </div> <div class="card crowdin-tab-img__accordion__card"> <div class="card-header border-0 crowdin-tab-img__accordion__card__header"> <h4 class="mb-0 collapsed" data-toggle="collapse" data-target=".collapse-2" aria-expanded="false"> Machine Translation </h4> </div> <div class="crowdin-tab-img__accordion__card__body collapse-2 collapse" data-parent="#accordion-tour"> <span class="icon-chevron-right icon"></span> <p>Machine Translation is an excellent assistance for human translators. Work goes faster with translators post-editing translations suggested by machine. Crowdin connects with the most popular Machine Translation engines.</p> </div> </div> <div class="card crowdin-tab-img__accordion__card"> <div class="card-header border-0 crowdin-tab-img__accordion__card__header" id="collapse-3"> <h4 class="mb-0 collapsed" data-toggle="collapse" data-target=".collapse-3" aria-expanded="false"> Translation Memories </h4> </div> <div class="crowdin-tab-img__accordion__card__body collapse-3 collapse" data-parent="#accordion-tour"> <span class="icon-chevron-right icon"></span> <p>Translate the same text used in different versions and parts of your product only once. Leverage translations and hide duplicate strings.</p> <p><a target="_blank" href="https://crowdin.com/blog/2021/08/25/translation-memory">Read more about Translation Memory</a></p> </div> </div> <div class="card crowdin-tab-img__accordion__card"> <div class="card-header border-0 crowdin-tab-img__accordion__card__header" id="collapse-4"> <h4 class="mb-0 collapsed" data-toggle="collapse" data-target=".collapse-4" aria-expanded="false"> Screenshots </h4> </div> <div class="crowdin-tab-img__accordion__card__body collapse-4 collapse" data-parent="#accordion-tour"> <span class="icon-chevron-right icon"></span> <p>Provide meaningful contextual information for translators to get better translations.</p> </div> </div> <div class="card crowdin-tab-img__accordion__card"> <div class="card-header border-0 crowdin-tab-img__accordion__card__header" id="collapse-5"> <h4 class="mb-0 collapsed" data-toggle="collapse" data-target=".collapse-5" aria-expanded="false"> Glossaries </h4> </div> <div class="crowdin-tab-img__accordion__card__body collapse-5 collapse" data-parent="#accordion-tour"> <span class="icon-chevron-right icon"></span> <p>Make sure your product terminology is translated correctly and used consistently across all languages.</p> </div> </div> </div> </div> </div> <div id="accordion-tour-tabs" class="crowdin-tab-img__accordion__tabs col-lg-6"> <div class="collapse-image__1 collapse-image show"> <figure> <img decoding="async" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/in-context/tour-in-context@1x.png" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/in-context/tour-in-context@1x.png 1x, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/in-context/tour-in-context@2x.png 2x" > </figure> <figure class="crowdin-tour-technology-resources__jipt-window"> <img decoding="async" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/in-context/tour-jipt@1x.png" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/in-context/tour-jipt@1x.png 1x, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/in-context/tour-jipt@2x.png 2x" > </figure> </div> <div class="collapse-image__2 collapse-image"> <figure> <img decoding="async" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/tour-mt-engines@1x.png" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/tour-mt-engines@1x.png 1x, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/tour-mt-engines@2x.png 2x" > </figure> </div> <div class="collapse-image__3 collapse-image"> <figure> <img decoding="async" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/tour-translation-memory@1x.png" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/tour-translation-memory@1x.png 1x, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/tour-translation-memory@2x.png 2x" > </figure> </div> <div class="collapse-image__4 collapse-image"> <figure> <img decoding="async" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/tour-screenshots@1x.png" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/tour-screenshots@1x.png 1x, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/tour-screenshots@2x.png 2x" > </figure> </div> <div class="collapse-image__5 collapse-image"> <figure> <img decoding="async" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/tour-glossary@1x.png" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/tour-glossary@1x.png 1x, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/accordion/tour-glossary@2x.png 2x" > </figure> </div> </div> </div> </div> </section> <section class="crowdin-section crowdin-tour-reliability-security"> <div class="container"> <div class="row"> <div class="offset-lg-1 col-lg-5 text-center text-lg-left crowdin-tour-reliability-security__desc-wrapper"> <span class="helper-h2">Reliability and security</span> <h2 class="display-2">Keep your data secure</h2> <p class="subtitle-h2">We respect your privacy and offer protection for your projects, files, and translations with Crowdin's security features.</p> </div> <div class="col-lg-6 crowdin-tour-reliability-security__img-wrapper"> <figure class="img"> <img class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/secure/tour-secure-data@1x.png" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/secure/tour-secure-data@1x.png 1x, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/secure/tour-secure-data@2x.png 2x" > </figure> </div> </div> <div class="row"> <div class="offset-lg-1 col-lg-10"> <ul class="flex-wrap list-group list-group-horizontal-md justify-content-between crowdin-cards-inline__wrapper"> <li class="col-md-4 list-group-item p-0 border-0 mb-2 crowdin-cards-inline__card"> <div class="media"> <span class="mr-2 icon-check icon icon--green"></span> <div class="media-body"> <h4 class="mb-2 mb-md-0">ISO/IEC 27001 certified</h4> </div> </div> </li> <li class="col-md-4 list-group-item p-0 border-0 mb-2 crowdin-cards-inline__card"> <div class="media"> <span class="mr-2 icon-check icon icon--green"></span> <div class="media-body"> <h4 class="mb-2 mb-md-0">99.9% uptime</h4> </div> </div> </li> <li class="col-md-4 list-group-item p-0 border-0 mb-2 crowdin-cards-inline__card"> <div class="media"> <span class="mr-2 icon-check icon icon--green"></span> <div class="media-body"> <h4 class="mb-2 mb-md-0">Single Sign-On (SSO)</h4> </div> </div> </li> <li class="col-md-4 list-group-item p-0 border-0 mb-2 crowdin-cards-inline__card"> <div class="media"> <span class="mr-2 icon-check icon icon--green"></span> <div class="media-body"> <h4 class="mb-2 mb-md-0">Two-factor authentication</h4> </div> </div> </li> <li class="col-md-4 list-group-item p-0 border-0 mb-2 crowdin-cards-inline__card"> <div class="media"> <span class="mr-2 icon-check icon icon--green"></span> <div class="media-body"> <h4 class="mb-2 mb-md-0">EU GDPR compliant</h4> </div> </div> </li> <li class="col-md-4 list-group-item p-0 border-0 mb-2 crowdin-cards-inline__card"> <div class="media"> <span class="mr-2 icon-check icon icon--green"></span> <div class="media-body"> <h4 class="mb-2 mb-md-0">OAuth2-OpenID Connect</h4> </div> </div> </li> <li class="col-md-4 list-group-item p-0 border-0 mb-2 crowdin-cards-inline__card"> <div class="media"> <span class="mr-2 icon-check icon icon--green"></span> <div class="media-body"> <h4 class="mb-0">Private projects, access permissions, and user roles</h4> </div> </div> </li> </ul> </div> </div> </div> </section> <section class="crowdin-section crowdin-tour-helpful-support"> <div class="container"> <div class="row"> <div class="col-md-5 crowdin-tour-helpful-support__img-wrapper order-1 order-md-0"> <figure class="img"> <img class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/tour/support/tour-support-section@2x.png"> </figure> <figure class="img__photo"> <img decoding="async" loading="lazy" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/support/image_4@1x.png" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/support/image_4@1x.webp 640w, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/support/image_4@2x.webp 1200w" sizes="100vw" > </figure> <figure class="img__photo"> <img decoding="async" loading="lazy" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/support/image_3@1x.png" srcset="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/support/image_3@1x.webp 640w, https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/support/image_3@2x.webp 1200w" sizes="100vw" > </figure> </div> <div class="offset-md-1 col-md-5 text-md-left text-center crowdin-tour-helpful-support__desc-wrapper mb-5 mb-md-0 order-0 order-md-1"> <span class="helper-h2">Technical Support</span> <h2 class="crowdin-tour-helpful-support__title display-2">We're there to guide you whenever you need us</h2> <p class="subtitle-h2">Our team is ready to help via chat, email, or phone. If you have questions, we're always just a few clicks away.</p> </div> </div> </div> </section> <section class="crowdin-home-try-today"> <div class="container"> <div class="row"> <div class="offset-xl-1 col-xl-10"> <div class="crowdin-home-try-today__wrapper px-4"> <div class="shine-ellipse shine-ellipse--1"></div> <div class="shine-ellipse shine-ellipse--2"></div> <div class="container" style="position: relative; z-index: 10;"> <div class="row align-items-center"> <div class=" offset-xl-2 col-xl-8 col-md-12" > <form class="d-flex flex-column justify-content-center text-center" id="main_bottom_form" method="post" action="/join"> <h2>Try Crowdin for free today</h2> <p class="subtitle-h2">Join thousands of people already making their products multilingual</p> <div class="crowdin-home-try-today__btn-wrapper"> <button type="submit" class="btn btn-primary btn-primary--on-dark">Sign Up for Free</button> </div> </form> <figure class="text-center crowdin-home-try-today__logos show"> <img alt="Crowdin Customers" width="696" height="70" class="img-fluid" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/try-today/crowdin-try-today-logos.webp"> </figure> </div> </div> </div> </div> </div> </div> </div> </section> <div id="push"></div> </main> <footer class="crowdin-footer"> <section class="crowdin-footer__body"> <div class="container"> <div class="row"> <div class="col-xl-3 col-lg-3 mb-3 mb-lg-0"> <a class="mb-3 d-inline-flex" href="/"> <svg class="default-logo" width="116" height="24"> <image class="" xlink:href="/images/crowdin-logo-white.svg" href="/images/crowdin-logo-white.svg" src="/images/crowdin-logo-white.png" width="116" height="24" alt="Crowdin"/> </svg> </a> <div class="d-flex flex-row align-items-center justify-content-start"> <img style="opacity: .54" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/footer/iso.svg" alt="ISO/IEC 27001 certified" width="48" height="48"> <img style="opacity: .54" class="ml-2" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/footer/gdpr.svg" alt="EU General Data Protection Regulation (GDPR) compliance" width="41" height="60"> <div class="position-relative"> <span id="hipaa-help-footer" data-toggle="tooltip" data-placement="top" title="Customers that are subject to HIPAA and want to utilize Crowdin in connection with Protected Health Information (PHI) must sign Crowdin's Business Associate Agreement" class="hipaa-logo__info"> <span class="icon icon-info"></span> </span> <img style="opacity: .54" class="ml-2" src="https://d2gma3rgtloi6d.cloudfront.net/81febbc6/images/footer/hipaa.svg" alt="HIPAA Compliant" width="40" height="50"> </div> </div> </div> <div class="col-lg-9 footer-grid"> <div class="footer-grid__column mb-4 mb-lg-0"> <h4 class="footer-grid__column__title">Crowdin</h4> <a class="footer-grid__column__link" href="https://support.crowdin.com/introduction/"> Why Crowdin? </a> <a class="footer-grid__column__link" target="_blank" href="https://support.crowdin.com/introduction/"> Crowdin Features </a> <a class="footer-grid__column__link" href="/demo-request"> Request Demo </a> <a class="footer-grid__column__link" href="https://store.crowdin.com"> Apps & Integrations </a> <a class="footer-grid__column__link" href="/projects"> Explore public projects </a> <a class="footer-grid__column__link" href="/pricing"> Pricing </a> <a class="footer-grid__column__link" href="/enterprise"> Enterprise </a> </div> <div class="footer-grid__column"> <h4 class="footer-grid__column__title">Support</h4> <a class="footer-grid__column__link" href="/contacts"> Contact us </a> <a class="footer-grid__column__link" href="https://support.crowdin.com" target="_blank"> Help center </a> <a class="footer-grid__column__link" target="_blank" href="https://support.crowdin.com/developer/crowdin-apps-about/"> Developer Portal </a> <a class="footer-grid__column__link" href="https://crowdin.com/blog/tag/monthly-updates"> Changelog </a> <a class="footer-grid__column__link" href="https://community.crowdin.com/" target="_blank"> Community </a> <a class="footer-grid__column__link" href="https://status.crowdin.com/" target="_blank"> Status </a> </div> <div class="footer-grid__column"> <h4 class="footer-grid__column__title">Company</h4> <a class="footer-grid__column__link" href="/page/about-crowdin"> About us </a> <a class="footer-grid__column__link" href="https://crowdin.com/blog" target="_blank"> Blog </a> <a class="footer-grid__column__link" href="/page/customer-testimonials"> Customers </a> <a class="footer-grid__column__link" href="https://crowdin.com/page/security"> Security </a> </div> <div class="footer-grid__column"> <h4 class="footer-grid__column__title">Legal</h4> <a class="footer-grid__column__link" href="https://support.crowdin.com/terms/" target="_blank" title="Terms of Service"> Terms and Conditions </a> <a class="footer-grid__column__link" href="https://support.crowdin.com/cookies/" target="_blank" title="Cookies Statement"> Cookies Statement </a> <a class="footer-grid__column__link"" href="https://support.crowdin.com/privacy-policy/" target="_blank" title="Your privacy matters"> Privacy Policy </a> </div> <div class="footer-grid__column"></div> </div> </div> </div> </section> <section class="crowdin-footer__bottom"> <div class="container"> <div class="row"> <div class="col d-flex flex-row justify-content-between"> <div class="d-flex flex-row footer-soc-icons"> <a class="footer-grid__column__link d-inline-flex align-items-center mb-0" target="_blank" href="https://github.com/crowdin"> <i class="soc-icon d-inline-flex mr-2"> <svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path d="M9 .375c-4.973 0-9 3.96-9 8.844 0 3.908 2.579 7.223 6.154 8.391.45.083.615-.19.615-.425 0-.21-.008-.767-.011-1.504-2.504.533-3.032-1.186-3.032-1.186-.41-1.021-1.001-1.294-1.001-1.294-.816-.549.063-.537.063-.537.904.061 1.378.911 1.378.911.803 1.352 2.107.962 2.621.736.082-.572.313-.962.57-1.183-1.998-.221-4.099-.982-4.099-4.37 0-.965.349-1.754.926-2.373-.101-.224-.405-1.123.079-2.341 0 0 .754-.237 2.475.907a8.786 8.786 0 0 1 2.25-.299c.765.005 1.53.102 2.25.299 1.71-1.144 2.464-.907 2.464-.907.483 1.218.18 2.117.09 2.34.574.62.922 1.409.922 2.374 0 3.397-2.104 4.145-4.106 4.363.315.265.607.807.607 1.636 0 1.184-.01 2.135-.01 2.422 0 .232.157.508.618.42C15.423 16.438 18 13.12 18 9.219 18 4.335 13.97.375 9 .375Z" fill="currentColor"/></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h18v18H0z"/></clipPath></defs></svg> </i> </a> <a class="footer-grid__column__link d-inline-flex align-items-center mb-0" target="_blank" href="https://x.com/crowdin"> <i class="soc-icon d-inline-flex mr-2"> <svg width="17" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path d="M10.117 7.694 16.446.499h-1.5L9.451 6.746 5.062.499H0l6.637 9.447L0 17.49h1.5l5.803-6.597 4.635 6.597H17l-6.883-9.796Zm-2.054 2.335-.672-.94-5.35-7.486h2.303l4.318 6.04.672.941 5.613 7.852h-2.304l-4.58-6.407Z" fill="currentColor"/></g><defs><clipPath id="a"><path fill="currentColor" transform="translate(0 .5)" d="M0 0h17v17H0z"/></clipPath></defs></svg> </i> </a> <a class="footer-grid__column__link d-inline-flex align-items-center mb-0" target="_blank" href="https://www.linkedin.com/company/crowdin/"> <i class="soc-icon d-inline-flex mr-2"> <svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path d="M15.546 0H2.455A2.455 2.455 0 0 0 0 2.455v13.09A2.455 2.455 0 0 0 2.455 18h13.09A2.455 2.455 0 0 0 18 15.546V2.455A2.455 2.455 0 0 0 15.546 0Zm-9.41 14.245a.38.38 0 0 1-.38.38H4.14a.38.38 0 0 1-.38-.38v-6.78a.38.38 0 0 1 .38-.38h1.617a.38.38 0 0 1 .38.38v6.78ZM4.948 6.443a1.534 1.534 0 1 1 0-3.068 1.534 1.534 0 0 1 0 3.068Zm9.64 7.828a.348.348 0 0 1-.35.35H12.5a.35.35 0 0 1-.35-.35v-3.175c0-.475.14-2.079-1.24-2.079-1.07 0-1.287 1.098-1.33 1.59v3.668a.35.35 0 0 1-.345.35h-1.68a.35.35 0 0 1-.348-.35V7.436a.349.349 0 0 1 .349-.35h1.68a.35.35 0 0 1 .349.35v.591c.397-.596.985-1.054 2.24-1.054 2.78 0 2.761 2.596 2.761 4.021l.002 3.277Z" fill="currentColor"/></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h18v18H0z"/></clipPath></defs></svg> </i> </a> <a class="footer-grid__column__link d-inline-flex align-items-center mb-0" target="_blank" href="https://www.youtube.com/@crowdin-localization"> <i class="soc-icon d-inline-flex mr-2"> <svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.082 4.782a2.114 2.114 0 0 0-1.487-1.487c-1.32-.361-6.603-.361-6.603-.361s-5.282 0-6.603.347A2.157 2.157 0 0 0 .902 4.782c-.347 1.32-.347 4.06-.347 4.06s0 2.751.347 4.058a2.115 2.115 0 0 0 1.488 1.487c1.334.362 6.602.362 6.602.362s5.282 0 6.603-.348a2.115 2.115 0 0 0 1.487-1.487c.348-1.32.348-4.059.348-4.059s.014-2.752-.348-4.073ZM7.31 11.371v-5.06l4.393 2.53-4.393 2.53Z" fill="currentColor"/></svg> </i> </a> </div> <div class="d-flex flex-row flex-nowrap text-right text-lg-right crowdin-footer__bottom__language"> <a class="crowdin-footer__bottom__link" href="https://crowdin.com">crowdin.com</a> <a href="javascript:void(0)" data-toggle="modal" data-target="#localization-dialog" class="lang-switcher hidden crowdin-footer__bottom__link dropdown-toggle localization-switcher localization-switcher-text ml-3"> <b class="caret"></b> </a> </div> </div> </div> </div> </section> </footer>  <div class="modal fade localization-dialog" style="display: none" id="localization-dialog" tabindex="-1" role="dialog" aria-labelledby="localization-dialog" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content localization-dialog"> <div class="modal-header"> <h5 class="modal-title">Language</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <div class="modal-body localization-dialog-settings"> <div class="alert alert-warning"> <div class="localization-dialog__alert"> <p class="alert-warning__col"> Crowdin has been translated by volunteers, and some translations might be incomplete. You can help us translate Crowdin into your language by adding new translations or voting for existing ones. </p> <a href="https://translate.crowdin.com/" target="_blank" class="btn btn-primary btn-sm alert-warning__col"> Contribute </a> <a href="#" id="global-website-btn" class="btn btn-sm btn-icon-left alert-warning__col color-primary"> <span class="material-icons mr-1">language</span> Global website </a> </div> </div> <div class="localization-dialog__languages"> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language localization-dialog__languages__language-checked"> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> English <span class="material-icons body--18 language-icon ml-1 color-primary" title="Global website">language</span> </div> <div class="localization-dialog__languages__language__bottom text-overflow"> English (Great Britain) </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" style="visibility: visible;" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="English" data-internal-code="en_US" value="en" checked > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> 简体中文 </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Chinese, Simplified </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="简体中文" data-internal-code="zh_CN" value="zh" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Dansk </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Danish </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Dansk" data-internal-code="da_DK" value="da" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Magyar </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Hungarian </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Magyar" data-internal-code="hu_HU" value="hu" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Italiano </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Italian </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Italiano" data-internal-code="it_IT" value="it" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Português </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Portuguese </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Português" data-internal-code="pt_PT" value="pt" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Português brasileiro </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Portuguese (Brazil) </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Português brasileiro" data-internal-code="pt_BR" value="br" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Русский </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Russian </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Русский" data-internal-code="ru_RU" value="ru" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Türkçe </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Turkish </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Türkçe" data-internal-code="tr_TR" value="tr" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Українська </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Ukrainian </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Українська" data-internal-code="uk_UA" value="uk" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Español </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Spanish </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Español" data-internal-code="es_ES" value="es" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Français </div> <div class="localization-dialog__languages__language__bottom text-overflow"> French </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Français" data-internal-code="fr_FR" value="fr" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Беларуская </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Belarusian </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Беларуская" data-internal-code="be_BY" value="be" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> عربي </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Arabic </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="عربي" data-internal-code="ar_SA" value="ar" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> čeština </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Czech </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="čeština" data-internal-code="cs_CZ" value="cs" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Deutsch </div> <div class="localization-dialog__languages__language__bottom text-overflow"> German </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Deutsch" data-internal-code="de_DE" value="de" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Polskie </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Polish </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Polskie" data-internal-code="pl_PL" value="pl" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Slovenský </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Slovak </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Slovenský" data-internal-code="sk_SK" value="sk" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> 日本 </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Japanese </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="日本" data-internal-code="ja_JP" value="ja" > </div> </div> </div> </div> </div> <div class="modal-footer"> <div> <button type="button" class="btn btn-sm btn-link localization-btn-auto-detect">Auto detect</button> </div> <div> <button type="button" class="btn btn-sm btn-outline-primary localization-btn-change">Change</button> <button type="button" class="btn btn-sm btn-link localization-btn-cancel" data-dismiss="modal">Cancel</button> </div> </div> </div> </div> </div> <script> (function () { let DEFAULT_LOCALIZATION_CODE = 'en'; let currentLocalizationCode = DEFAULT_LOCALIZATION_CODE; let defaultLocalHost = window.location.host; $(document).ready(function() { currentLocalizationCode = getCurrentLanguageUrlCode(); if(currentLocalizationCode !== DEFAULT_LOCALIZATION_CODE) { $('.crowdin-footer__bottom__language .lang-switcher').removeClass('hidden'); } initDialogData(); $('.localization-btn-auto-detect').on('click', function () { autoDetectLanguage(); }); $('.localization-btn-change').on('click', function () { changeLanguage(); }); }); function getCurrentLanguage() { return $('.localization-dialog__languages input[name="language"]:checked'); } function getCurrentLanguageUrlCode() { return getCurrentLanguage().val(); } function selectLanguageBtn($btn) { let classChecked = 'localization-dialog__languages__language-checked'; let $languages = $('.localization-dialog__languages'); $languages.find('input[name="language"]:checked').prop('checked', false); $('.' + classChecked).removeClass(classChecked); $languages.find('.check-icon').css('visibility','hidden'); $languages.find('.language-icon').removeClass('color-primary').addClass('text-muted'); $btn.find('input').prop('checked', true); $btn.addClass('localization-dialog__languages__language-checked') $btn.find('.check-icon').css('visibility', 'visible'); $btn.find('.language-icon').removeClass('text-muted').addClass('color-primary'); } function initDialogData() { const currentLanguageUrlCode = getCurrentLanguageUrlCode(); if (currentLanguageUrlCode && currentLanguageUrlCode !== DEFAULT_LOCALIZATION_CODE) { defaultLocalHost = window.location.host.slice(currentLanguageUrlCode.length + 1); } $('.localization-switcher-text').html(getCurrentLanguage().data('selected-name')) $('.localization-dialog__languages__language').click(function (e) { e.preventDefault(); let $languageBtn = $(this); selectLanguageBtn($languageBtn); }); $('#global-website-btn').click(function (e) { e.preventDefault(); let newLocation = window.location.protocol + '//' + defaultLocalHost + window.location.pathname + window.location.search + window.location.hash; if(window.location.href !== newLocation) { window.location.href = newLocation; } }); } function initSettingLocalizationDialog() { const $dialog = $(".localization-dialog-settings").dialog({ resizable: false, autoOpen: false, width: 'auto', zIndex: 100000, modal: true, title: "Language", buttons: [{ text: _l('generic.cancel'), click: function() { $(this).dialog('close'); setCurrentLanguage(); }, class : 'btn localization-btn-cancel' },{ text: "Change", click: function() { changeLanguage(); $(this).dialog('close'); }, class : 'btn btn-primary localization-btn-change' }], close: function() { $(this).dialog('destroy'); }, dialogClass: 'localization-dialog-container' }); $dialog.parent().find('.ui-dialog-buttonpane') .append('<a href="javascript:void(0)" class="btn localization-btn-auto-detect">' + "Auto detect" + '</a>'); return $dialog; } function setCurrentLanguage() { let $btn = $('.localization-dialog__languages').find('input[name="language"][value="' + currentLocalizationCode + '"]') .closest('.localization-dialog__languages__language'); selectLanguageBtn($btn); } function changeLanguage() { let toLettersCode = getCurrentLanguageUrlCode(), newLocation ; if (toLettersCode === DEFAULT_LOCALIZATION_CODE) { newLocation = window.location.protocol + '//' + defaultLocalHost + window.location.pathname + window.location.search + window.location.hash; } else { newLocation = window.location.protocol + '//' + toLettersCode + '.' + defaultLocalHost + window.location.pathname + window.location.search + window.location.hash; } if (window.location.href !== newLocation) { window.location.href = newLocation; } $('#localization-dialog').modal('hide') } function autoDetectLanguage() { let browserLanguages = window.navigator.languages; let languageInputs = $('.localization-dialog__languages input[name="language"]'); let nextLanguage = true; browserLanguages.every(function (browserLanguage) { languageInputs.each(function () { let $languageInput = $(this); if( browserLanguage.toLocaleLowerCase().replace('-', '_') === $languageInput.data('internal-code').toLowerCase() || browserLanguage.toLocaleLowerCase().split('-')[0] === $languageInput.val() ) { selectLanguageBtn($languageInput.parent().parent()); nextLanguage = false; return false; } }); return nextLanguage; }); } $('#localization-dialog').on('hidden.bs.modal', function (e) { setCurrentLanguage(); }) $('.localization-settings-switcher').mousedown(function (e) { e.preventDefault(); $dialog = initSettingLocalizationDialog(); $dialog && $dialog.dialog('open'); }); })(); </script> <script> $(document).ready(function() { $.getJSON('/webinar/show?from=blog', function(data) { if (data.success) { var storageKey = 'ebook-mobile-app-l10n'; var storageData = localStorage.getItem(storageKey); var showBanner = storageData === null; if (showBanner) { $('#webinar-banner').removeClass('hidden'); } $('#close_banner').on('click', function() { $('.webinar-page--banner').fadeOut('slow', function(){ $('.webinar-page--banner').addClass('hidden'); localStorage.setItem(storageKey, 'hide'); }); }) } }); }); </script> </body> </html>

CINXE.COM

Crowdin | Translation and Localization Management Software