-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
1054 lines (1028 loc) · 72.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" i18next-key="description" content="As a localization and translation management platform, locize enables you to separate your development and translation process.">
<meta name="author" content="inweso GmbH">
<meta name="copyright" content="inweso GmbH">
<meta name="keywords" content="localization,internationalization,localize,translate,locize,l10n,i18n,javascript,nodejs,localization as a service,saas translation,saas localization,laas,continuous localization,DevOps,process,free,website localization,service,software,web app,web,mobile,desktop,game,translation management,online,automate,process of localization,localization process,translation service,localization service,translation software,landing page,javascript localize,localization tool,localizing a website,localization solution,cloud localization,cloud translation,serverless,cloud,cdn,react,react.js,reactjs,next,next.js,nextjs,angular,vue,vue-js,jquery,nodejs,i18next,json,api,react-native,localization api,translation api,app localization services,localization management platform,localization platform,professional translation and localization services,website translation management,app localization service,online translation management,i18next translation management,i18next translation,manage translations,manage translation files">
<style id="antiClickjack">
body {
display:none !important;
}
</style>
<script type="text/javascript">
if (self === top) {
var antiClickjack = document.getElementById("antiClickjack");
if (antiClickjack && antiClickjack.parentNode) antiClickjack.parentNode.removeChild(antiClickjack);
} else {
top.location = self.location;
}
</script>
<link rel="alternate" href="https://locize.com/de.html" hreflang="de">
<link rel="alternate" href="https://locize.com/it.html" hreflang="it">
<link rel="alternate" href="https://locize.com/?lng=en" hreflang="en">
<link rel="alternate" href="https://locize.com/" hreflang="x-default">
<meta property="og:type" content="website">
<meta property="og:title" content="locize - continuous localization as a service">
<meta property="og:url" content="https://locize.com">
<meta property="og:site_name" content="locize - continuous localization as a service">
<meta property="og:description" content="locize - Bridging the gap between translation and development. With locize we remove the pain in the translation process. No more delays in shipping your software because of missing translations. Translator could keep up with changes from day one. The continuous localization process keeps up with your demanding business. Stop waiting - start localizing.">
<meta property="og:locale" content="en">
<meta property="og:image" content="img/locize_color.svg">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="locize - continuous localization as a service">
<meta name="twitter:description" content="locize - Bridging the gap between translation and development. With locize we remove the pain in the translation process. No more delays in shipping your software because of missing translations. Translator could keep up with changes from day one. The continuous localization process keeps up with your demanding business. Stop waiting - start localizing.">
<meta name="twitter:creator" content="@locize">
<meta name="slack-app-id" content="A71NM84Q6">
<title i18next-key="title">localization & translation management platform | locize</title>
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="lib/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="lib/fontawesome/css/brands.min.css">
<link rel="stylesheet" href="lib/fontawesome/css/solid.min.css">
<link rel="stylesheet" href="lib/fontawesome/css/regular.min.css">
<link rel="stylesheet" href="lib/simple-line-icons/css/simple-line-icons.css">
<link rel="stylesheet" href="lib/device-mockups/device-mockups.min.css">
<link href="css/main.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
<!--if lt IE 9
script(src='https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js')
script(src='https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js')
-->
<!-- LOCIZIFY-->
<script src="https://cdn.jsdelivr.net/npm/locizify@6.0.9"></script>
<script>
window.locizifySSG = function () {
document.querySelector('meta[property="og:title"]').setAttribute("content", locizify.i18next.t('title'));
document.querySelector('meta[property="og:site_name"]').setAttribute("content", locizify.i18next.t('title'));
document.querySelector('meta[property="og:description"]').setAttribute("content", locizify.i18next.t('description'));
document.querySelector('meta[property="og:locale"]').setAttribute("content", locizify.i18next.resolvedLanguage);
}
locizify.i18next.on('initialized', window.locizifySSG);
locizify.init({
//- saveMissing: true,
fallbackLng: 'en',
load: 'languageOnly',
//- debug: true,
backend: {
projectId: '3d0aa5aa-4660-4154-b6d9-907dbef10bb2',
apiKey: 'key', // only needed if you like to add missing segments
referenceLng: 'en',
version: 'production',
autoPilot: true
},
editor: {
bodyStyle: 'width: calc(100% - 505px);'
},
namespace: 'landingpage'
});
</script>
<link href="//cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" rel="stylesheet" type="text/css">
</head>
<body id="page-top">
<nav class="navbar navbar-default navbar-fixed-top" id="mainNav">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"><span class="sr-only">Toggle navigation</span><i class="fa-solid fa-bars"></i></button><a class="navbar-brand page-scroll" href="/#page-top"></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown" id="featuresd"><a class="dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Features<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/#features">Characteristics</a></li>
<li><a href="/#process">What is the software localization process?</a></li>
<li><a href="/#platform">What can our localization platform do?</a></li>
<li><a href="/how-it-works.html">How it works</a></li>
<li><a href="/for-your-team.html">For your team</a></li>
</ul>
</li>
<li><a href="/pricing.html">Pricing</a></li>
<li><a href="/customers.html">Success Stories</a></li>
<li class="dropdown" id="featuresd"><a class="dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">More<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="https://docs.locize.com/">Documentation</a></li>
<li><a href="/services.html">Additional services</a></li>
<li> <a href="/blog/">Blog</a></li>
<li><a class="closeOnClick" href="/#contact">Contact</a></li>
</ul>
</li>
<li><a href="https://www.locize.app/login" target="_blank">Login<i class="fa-solid fa-lock" aria-hidden="true" style="margin-left: 5px;"></i></a></li>
<li><a class="btn btn-outline btn-xl" href="https://www.locize.app/register" style="background-color: #4caf50; color: white; border: none;">Start your free trial</a></li>
<li class="dropdown" translated=""><a class="dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span id="selectedLng"></span><span class="caret" style="margin-top: -3px;"></span></a>
<ul class="dropdown-menu" id="lngSelectDropDown"></ul>
</li>
</ul>
</div>
</div>
</nav>
<header>
<div class="header-overlay">
<div id="particles-js"></div>
<div class="container">
<div class="row">
<div class="col-sm-8">
<div class="header-content">
<div class="header-content-inner"><img id="brand-logo" src="img/locize_white.svg" style="max-width: 300px; margin-bottom: 30px;" alt="locize logo" loading="lazy">
<h1>The continuous localization management platform that powers up your development and translation</h1>
<h3 i18next-key="whatIsLocize">Bridging the gap between translation and development with locize, a modern and affordable localization-management-platform. It makes your website, app, game or whatever your project is, global, vibrant, and more engaging especially when unleashing the continuous localization capabilities.</h3><br><a class="btn btn-outline btn-xl page-scroll" href="https://www.locize.app/register" style="background-color: #4caf50; color: white; border: none;">Start your free trial</a><a class="btn btn-outline btn-second-outline btn-xl page-scroll" id="link-video-btn" href="https://youtu.be/YQryHo1iHb8" target="_blank">Story</a><a class="btn btn-outline btn-second-outline btn-xl page-scroll" id="watch-video-btn" style="display: none;" href="#" data-toggle="modal" data-target="#videoModal" data-thevideo="https://www.youtube-nocookie.com/embed/YQryHo1iHb8?rel=0&controls=0&showinfo=0">Story</a><a class="btn btn-outline btn-second-outline btn-xl page-scroll" id="link-demo-video-btn" href="https://youtu.be/TFV_vhJs5DY" target="_blank">Demo</a><a class="btn btn-outline btn-second-outline btn-xl page-scroll" id="watch-demo-video-btn" style="display: none;" href="#" data-toggle="modal" data-target="#videoModal" data-thevideo="https://www.youtube-nocookie.com/embed/TFV_vhJs5DY?rel=0&controls=0&showinfo=0">Demo</a>
<h3 i18next-key="whatIsLocizeI18next" style="font-size: 18px; font-weight: bold;">The translation management system created by the creators of <a href="/i18next.html" style="color: white;">i18next</a>. Designed for every type of i18n framework.</h3><br>
<h3 style="font-size: 16px; font-weight: bold;">🇨🇭 Made available to you by a Swiss company.</h3><br><a id="capterra-badge" style="margin-right: 5px;" target="_blank" href="https://www.capterra.com/p/180753/Locize/?utm_source=vendor&utm_medium=badge&utm_campaign=capterra_reviews_badge"><img style="height: 60px;" border="0" src="https://assets.capterra.com/badge/e6c39eb5c72904eb7aa9a17d0c5f291f.svg?v=2126198&p=180753"></a><a id="capterra-badge" style="margin-right: 5px;" target="_blank" href="https://crozdesk.com/software/locize"><img style="height: 60px;" border="0" src="img/badges/crozdesk.webp"></a><br><br>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="device-wrapper">
<h3 id="typed-element" style="margin-top: -60px; height: 130px; padding-top: 20px; padding-bottom: 20px" data-locize-editor-ignore="true"> </h3>
<div class="device" data-device="iPhone15ProNoNotch" data-orientation="portrait" data-color="black">
<div class="screen"><img class="img-responsive" src="img/screenshots/iphone/localization-management-platform.png" alt="localization management platform" loading="lazy"></div>
<!-- .button-->
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="customers customers-logos" id="customers" translated="">
<div class="container" style="min-width: 100%;">
<div class="row">
<section class="col-lg-12 slider" id="customers-slider" data-arrows="true" style="padding: 0;" data-locize-editor-ignore="true">
<div class="slide"><img class="grayscale" data-lazy="img/customers/2captcha.png" alt="2captcha"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/abb.png" alt="abb"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/airtime.png" alt="airtime"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/airtm.png" alt="airtm"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/alchemist.png" alt="alchemist"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/appointedd.png" alt="appointedd"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/atroo.png" alt="atroo"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/barntools.png" alt="barntools"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/beelance.png" alt="beelance"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/bethesda.png" alt="bethesda"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/biteful.png" alt="biteful"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/bookingfactory.png" alt="bookingfactory"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/bookingmood.png" alt="bookingmood"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/carina.png" alt="carina"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/carvertical.png" alt="carvertical"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/catena.png" alt="catena"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/chax.png" alt="chax"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/chilldev.png" alt="chilldev"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/cirplus.png" alt="cirplus"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/classnet.png" alt="classnet"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/clevy.png" alt="clevy"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/coherent.png" alt="coherent"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/creadi.png" alt="creadi"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/czapp.jpg" alt="czapp"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/czarnikow.jpg" alt="czarnikow"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/dig-it-ally.png" alt="dig-it-ally"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/edzo.png" alt="edzo"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/elephantlearning.png" alt="elephantlearning"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/etranslate.png" alt="etranslate"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/fideli.jpg" alt="fideli"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/finfollow.png" alt="finfollow"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/finreg.png" alt="finreg"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/foratable.png" alt="foratable"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/frontdesk24.png" alt="frontdesk24"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/fubotv.png" alt="fubotv"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/gamerefinery.png" alt="gamerefinery"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/geoimpact.png" alt="geoimpact"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/gr8tech.png" alt="gr8tech"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/hipi.png" alt="hipi"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/hypertrend.png" alt="hypertrend"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/inmed.png" alt="inmed"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/iw_tech.png" alt="iw_tech"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/juicar.png" alt="juicar"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/ke-chain.png" alt="ke-chain"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/kleberli.png" alt="kleberli"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/lappeliten.png" alt="lappeliten"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/logiscool.png" alt="logiscool"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/ludwig.png" alt="ludwig"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/lynk.png" alt="lynk"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/maul.png" alt="maul"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/mergevr.png" alt="mergevr"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/nakipower.png" alt="nakipower"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/namelabels.png" alt="namelabels"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/networkme.png" alt="networkme"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/nfctron.png" alt="nfctron"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/ocasta.png" alt="ocasta"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/outscraper.png" alt="outscraper"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/packlink.png" alt="packlink"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/panelista.png" alt="panelista"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/phaver.png" alt="phaver"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/photogram.png" alt="photogram"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/pigknows.png" alt="pigknows"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/pilotene.png" alt="pilotene"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/pitchler.png" alt="pitchler"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/pool.png" alt="pool"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/powerapi.png" alt="powerapi"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/produal.png" alt="produal"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/psktr.png" alt="psktr"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/qool.rent.png" alt="qool.rent"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/quotepro.png" alt="quotepro"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/rduce.png" alt="rduce"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/realadvisor.png" alt="realadvisor"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/rebill.png" alt="rebill"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/redcross.png" alt="redcross"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/retraced.png" alt="retraced"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/richland.jpeg" alt="richland"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/schoolparrot.png" alt="schoolparrot"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/scouty.png" alt="scouty"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/shiftcrypto.png" alt="shiftcrypto"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/shoprepublic.png" alt="shoprepublic"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/simbase.png" alt="simbase"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/skodel.png" alt="skodel"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/span.png" alt="span"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/spiff3d.png" alt="spiff3d"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/spt.png" alt="spt"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/syarah.png" alt="syarah"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/tegoly.png" alt="tegoly"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/tontine.png" alt="tontine"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/vgpro.png" alt="vgpro"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/watchduty.png" alt="watchduty"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/wavy.png" alt="wavy"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/willskill.png" alt="willskill"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/withlocals.png" alt="withlocals"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/wonderbox.png" alt="wonderbox"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/worldshopping.png" alt="worldshopping"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/wusoma.png" alt="wusoma"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/wuxus.png" alt="wuxus"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/zinsli.png" alt="zinsli"></div>
<div class="slide"><img class="grayscale" data-lazy="img/customers/zkb.png" alt="zkb"></div>
</section>
</div>
</div>
</section>
<section class="testimonials" id="testimonials">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="section-heading" style="margin-bottom: 50px">
<h2>Customer Testimonials</h2>
<p class="text-muted"><a href="/customers.html">Hear</a> what our customers have to say!</p>
<hr>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="testimonial-container" translated="">
<div class="row">
<div class="col-lg-5 col-md-4 col-sm-12">
<div class="testimonial testimonial-fullwidth">
<div class="testimonial-title"><img class="grayscale" style="max-height: 50px; max-width: 100%;" src="img/customers/zkb.png" alt="ZKB" loading="lazy"></div>
<div class="testimonial-content">
<p style="font-size: 19px;">With the introduction of Locize, we had an overview of the status of translations or which text content still needed to be translated from the very beginning.</p>
<p style="font-size: 19px;">Thanks to the very flexible API, the current texts are integrated in every build (for technical reasons, ZKB cannot use an external CDN).</p>
<p style="font-size: 19px;">The handling is self-explanatory for translators.</p>
<p style="font-size: 19px;">Locize also has excellent support and very reasonable conditions.</p>
</div>
<div class="author">
<hr>Severin Dietschi, Product Owner<br><a href="https://www.zkb.ch" target="_blank">ZKB (Zürcher Kantonalbank)</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="testimonial testimonial-fullwidth">
<div class="testimonial-title"><img class="grayscale" style="max-height: 50px; max-width: 100%;" src="img/customers/redcross.svg" alt="redcross" loading="lazy"></div>
<div class="testimonial-content">
<p style="font-size: 26px;">Thanks to the generous support and the features of Locize, the headless websites of the Swiss Red Cross can be translated into different languages within a short time!</p>
</div>
<div class="author">
<hr>Thomas Imboden, Head of Web Office<br><a href="https://support.redcross.ch" target="_blank">Swiss Red Cross</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-12">
<div class="testimonial testimonial-fullwidth">
<div class="testimonial-title"><img style="max-height: 50px; max-width: 100%;" src="img/customers/abb.png" loading="lazy"></div>
<div class="testimonial-content">
<p style="font-size: 20px;">We're using Locize for several projects, which offers different services for our international partners in the whole world.</p>
<p style="font-size: 20px;">Thanks to Locize our localization workflow is faster, more efficient and modern.</p>
</div>
<div class="author">
<hr>Davide Mora, Digital Product Owner & Project Leader<br><a href="https://abb.com" target="_blank">ABB</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" id="usps" style="margin-top: 50px;">
<div class="col-lg-12 text-center">
<div class="section-heading" style="margin-bottom: 50px;">
<h3 style="font-size: 40px;">Why did our customers chose locize?</h3>
<p class="text-muted">Discover the 9 most important reasons why our customers chose locize.</p>
<hr>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="feature-item" style="margin-bottom: 30px;"><i class="fas fa-clock" style="color: #f76d57; font-size: 48px;"></i>
<h4>Efficiency and Time Savings</h4>
<p style="font-size: 18px; margin-bottom: 0;">Save time and streamline your translation and localization processes.</p>
<p class="collapsible" style="font-size: 12px;">This was given the highest priority because many customers specifically highlighted how locize helped them save time and streamline their translation and localization processes. Efficiency is often a primary concern for businesses.</p>
</div>
</div>
<div class="col-lg-4">
<div class="feature-item" style="margin-bottom: 30px;"><i class="fas fa-user" style="color: #f76d57; font-size: 48px;"></i>
<h4>User-Friendly Interface</h4>
<p style="font-size: 18px; margin-bottom: 0;">Accessible and practical interface for users of all technical backgrounds.</p>
<p class="collapsible" style="font-size: 12px;">The ease of use of locize's interface was ranked next because it directly impacts how accessible and practical the platform is for users, regardless of their technical background.</p>
</div>
</div>
<div class="col-lg-4">
<div class="feature-item" style="margin-bottom: 30px;"><i class="fas fa-dollar-sign" style="color: #f76d57; font-size: 48px;"></i>
<h4>Cost-Effective Translation Management</h4>
<p style="font-size: 18px; margin-bottom: 0;">Save money and efficiently manage translations to get value for your investment.</p>
<p class="collapsible" style="font-size: 12px;">Effective translation management is a core function of locize, and customers frequently mentioned it as a key benefit. The value provided by the locize justifies the cost.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="feature-item" style="margin-bottom: 30px;"><i class="fas fa-puzzle-piece" style="color: #f76d57; font-size: 48px;"></i>
<h4>Integration and Compatibility</h4>
<p style="font-size: 18px; margin-bottom: 0;">Seamlessly integrate with popular frameworks and libraries.</p>
<p class="collapsible" style="font-size: 12px;">The ability to seamlessly integrate with popular frameworks and libraries is highly valued by developers and businesses, making it an important aspect. The excellent relationship with i18next is particularly important.</p>
</div>
</div>
<div class="col-lg-4">
<div class="feature-item" style="margin-bottom: 30px;"><i class="fas fa-globe" style="color: #f76d57; font-size: 48px;"></i>
<h4>Localization Across Platforms</h4>
<p style="font-size: 18px; margin-bottom: 0;">Extend the usefulness with versatile localization across various platforms.</p>
<p class="collapsible" style="font-size: 12px;">This was prioritized because locize's versatility across various platforms extends its usefulness to a wider range of projects and industries.</p>
</div>
</div>
<div class="col-lg-4">
<div class="feature-item" style="margin-bottom: 30px;"><i class="fas fa-language" style="color: #f76d57; font-size: 48px;"></i>
<h4>High Quality Translations</h4>
<p style="font-size: 18px; margin-bottom: 0;"><span>Trust in high-quality translations by professional translators.</span><span> </span><a href="/ai.html" style="font-size: 14px;">Or use generative AI translations.</a></p>
<p class="collapsible" style="font-size: 12px;">Machine or generative AI translation was noted as a valuable feature. For customers requiring high-quality human translations, it ranked slightly lower because it's not their primary focus.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="feature-item" style="margin-bottom: 30px;"><i class="fas fa-sync" style="color: #f76d57; font-size: 48px;"></i>
<h4>Real-time Updates</h4>
<p style="font-size: 18px; margin-bottom: 0;">Stay current with real-time content updates.</p>
<p class="collapsible" style="font-size: 12px;">Real-time updates were seen as a valuable feature, particularly for content that needs to remain current.</p>
</div>
</div>
<div class="col-lg-4">
<div class="feature-item" style="margin-bottom: 30px;"><i class="fas fa-hands-helping" style="color: #f76d57; font-size: 48px;"></i>
<h4>Responsive Support</h4>
<p style="font-size: 18px; margin-bottom: 0;">Enjoy responsive support for your needs.</p>
<p class="collapsible" style="font-size: 12px;">Good customer support is always appreciated and is often taken for granted as an expected service, but locize is exceptionally responsive.</p>
</div>
</div>
<div class="col-lg-4">
<div class="feature-item" style="margin-bottom: 30px;"><i class="fas fa-cogs" style="color: #f76d57; font-size: 48px;"></i>
<h4>Scalability</h4>
<p style="font-size: 18px; margin-bottom: 0;">Scale your localization as your business grows.</p>
<p class="collapsible" style="font-size: 12px;">Scalability is important and it's assumed that any software tool should be able to scale with business needs. Locize is not only technically scalable, but thanks to the pricing model it also scales with your business model.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 text-center">
<div style="padding: 50px 0 0"><a class="btn btn-outline btn-xl" href="/customers.html">More customer voices!</a></div>
</div>
</div>
</div>
</section>
<section class="section-tertiary" style="padding: 50px 0; display: none;">
<div class="container">
<div class="row">
<div class="values-box">
<div class="value">
<h3>Speed up your development cycles.<span> 🚀</span></h3>
</div>
<div class="value">
<h3>Decouple software releases from the translation work.<span> ✂️</span></h3>
</div>
<div class="value">
<h3>Enable the agility also in your localization process.<span> 🩰</span></h3>
</div>
<div class="value">
<h3>Find all translations in one central place.<span> 🔍</span></h3>
</div>
<div class="value">
<h3>Keep always the overview of your progress.<span> 🔄</span></h3>
</div>
<div class="value">
<h3>Let developers and translators work well together in harmony.<span> 🤲</span></h3>
</div>
<div class="value">
<h3>Trust the makers of i18next and enjoy the support from a single source.<span> 🪪</span></h3>
</div>
</div>
</div>
</div>
</section>
<section class="features bg-primary text-center" id="features">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="section-heading">
<h2>Features to grow global – get locized</h2>
<p class="head">You're in need of a <strong>localization management platform</strong> that keeps up with your vibrant business environment?</p>
<p class="head">Does your current process break your agile development or continuous deployment process?</p>
<p style="margin-top: 20px;">Find out what locize can offer to make your localization experience a success story.</p>
<hr>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<div class="feature-item">
<div class="device-wrapper">
<div class="device" data-device="MacbookPro" data-orientation="portrait" data-color="black" style="z-index: 0;">
<div class="screen"><img class="img-responsive modalify" src="img/screenshots/screen/integrate_s.jpg" full="img/screenshots/screen/integrate.png" alt="locize integration" loading="lazy"></div>
<div class="button"></div>
</div>
</div>
<h3>Time saving over 60%</h3>
<p>Adding one line of code to your website is all needed to get started. All your content gets extracted and sent to your locize project ready to be translated.</p>
<p>Every change to your translations gets instantly reflected on your website and vice versa.</p>
<p>Never again copy/paste translations from a to b.</p>
</div>
</div>
<div class="col-md-6">
<div class="feature-item">
<div class="device-wrapper">
<div class="device" data-device="MacbookPro" data-orientation="portrait" data-color="black" style="z-index: 0;">
<div class="screen"><img class="img-responsive modalify" src="img/screenshots/screen/dashboard_s.jpg" full="img/screenshots/screen/dashboard.png" alt="locize statistics" loading="lazy"></div>
</div>
</div>
<h3>Continuous Localization Lifecycle</h3>
<p>locize enables you to separate your development and translation process. Keep translating while your development team adds new features to your project.</p>
<p>Update translations anytime, anywhere. No longer depend on your development team adding the new translation files to the codebase.</p>
<p>Keep track of newly added segments. Never lose the overview over your translation progress.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="feature-item">
<div class="device-wrapper">
<div class="device" data-device="MacbookPro" data-orientation="portrait" data-color="black" style="z-index: 0;">
<div class="screen"><img class="img-responsive modalify" src="img/screenshots/screen/incontext_editor_s.jpg" full="img/screenshots/screen/incontext_editor.png" alt="locize in-context editor" loading="lazy"></div>
</div>
</div>
<h3><a href="https://docs.locize.com/whats-inside/context" style="color: white;">Context Matters — InContext Editing</a></h3>
<p>Doing proper translations needs more information by providing the context. The best context is always the place where the content is used – your website!</p>
<p>Our incontext editor enables you to directly update your translations from within your website.</p>
<p>Every text segment is one click away! Stop wasting time searching...</p>
<p>Alternatively, there's the possibility to upload some <a href="https://docs.locize.com/whats-inside/context#screenshots" style="color: white;" target="_blank">screenshots</a> and assign them to your translations.</p>
</div>
</div>
<div class="col-md-6">
<div class="feature-item">
<div class="device-wrapper">
<div class="device" data-device="MacbookPro" data-orientation="portrait" data-color="black" style="z-index: 0;">
<div class="screen"><img class="img-responsive modalify" src="img/screenshots/screen/editor_s.jpg" full="img/screenshots/screen/editor.png" alt="locize translation editor" loading="lazy"></div>
</div>
</div>
<h3>Translation Management</h3>
<p>You can translate your content using our powerful editor.</p>
<p>Invite your inhouse translators giving them the rights for the languages needed.</p>
<p>Got a language not covered? Need extra help or prefer to completely outsource the job? Choose one of our <a href="/services.html#translationservices" style="color: white;">translation service partners</a>.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="feature-item">
<div class="device-wrapper">
<div class="device" data-device="MacbookPro" data-orientation="portrait" data-color="black" style="z-index: 0;">
<div class="screen"><img class="img-responsive modalify" src="img/screenshots/screen/translationmemory_s.jpg" full="img/screenshots/screen/translationmemory.png" alt="locize translation memory" loading="lazy"></div>
</div>
</div>
<h3><a href="https://docs.locize.com/whats-inside/translation-memory" style="color: white;">The smart translation memory</a></h3>
<p>With our translation memory you never have to translate the same text again. Simply reuse your exiting translatins over and over again.</p>
<p>By using the translation memory you not only save time but also increase the consistency of your translations.</p>
</div>
</div>
<div class="col-md-6">
<div class="feature-item">
<div class="device-wrapper">
<div class="device" data-device="MacbookPro" data-orientation="portrait" data-color="black" style="z-index: 0;">
<div class="screen"><img class="img-responsive modalify" src="img/screenshots/screen/history_s.jpg" alt="locize history" full="img/screenshots/screen/history.png" loading="lazy"></div>
</div>
</div>
<h3><a href="https://docs.locize.com/whats-inside/history" style="color: white;">History</a></h3>
<p>Keep track over all changes done to your project's translations. The last translation changes are audited per key.</p>
<p>Need to provide those information - who did when change which segment? We get you covered.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="feature-item">
<div class="device-wrapper">
<div class="device" data-device="MacbookPro" data-orientation="portrait" data-color="black" style="z-index: 0;">
<div class="screen"><img class="img-responsive modalify" src="img/screenshots/screen/review_s.jpg" full="img/screenshots/screen/review.png" alt="locize review workflow" loading="lazy"></div>
</div>
</div>
<h3><a href="https://docs.locize.com/whats-inside/review-workflow" style="color: white;">Review workflow</a></h3>
<p>You can enable the review workflow for specific languages.</p>
<p>This way each time someone changes a translation, it will start a review workflow. The actual value will not be changed until someone will accept one of the translation proposals.</p>
</div>
</div>
<div class="col-md-6">
<div class="feature-item">
<div class="device-wrapper">
<div class="device" data-device="MacbookPro" data-orientation="portrait" data-color="black" style="z-index: 0;">
<div class="screen"><img class="img-responsive modalify" src="img/screenshots/screen/multitenant_s.jpg" alt="locize multitenant" full="img/screenshots/screen/multitenant.png" loading="lazy"></div>
</div>
</div>
<h3><a href="https://docs.locize.com/more/multi-tenant" style="color: white;">Multi-Tenant</a></h3>
<p>You can create tenant projects based on your main project. All translations are anticipated for the tenant project and can be overridden, if necessary.</p>
<p>But the anticipated translations are not just copied, so in case you need to correct a translation in your main project, it will be automatically populated to your tenants, if not overridden.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="integration">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>Easy integration for your operating tools</h2>
<p>There is an integration option for all tools. Start to reduce manual processes and everyday tasks with easy integration of locize for busy people. We are your cost-effective translation management platform and help move your software automation to a new level. This includes <a href="/javascript-localization.html" title="">JavaScript-localization</a> for apps built with <a href="/blog/react-i18next/">React.js</a>, <a href="/blog/angular-i18next/">Angular</a>, <a href="/blog/give-vue-i18n-more-superpowers/">Vue.js</a>, <a href="/blog/next-i18next/">Next.js</a>, <a href="/blog/svelte-i18n/">Svelte</a> and <a href="/blog/jquery-i18next/">jQuery</a> but not limited to this only.</p>
</div>
<div class="col-md-6"><a href="/how-it-works.html"><img src="/img/howto/i18next-frameworks.png" style="width: 80%; margin: 10px 0 0;" alt="i18next frameworks" loading="lazy"></a></div>
</div>
<div class="row">
<div style="padding: 5rem 0 0 0">
<div class="col-md-6 text-center"><a href="/pricing.html"><img src="/img/pay-for-what-you-use.png" style="max-width:50%" alt="pay for what use localization pricing" loading="lazy"></a></div>
<div class="col-md-6">
<h2>Pay only for what you use</h2>
<p>A heavy save in cost for localization management with a varying pricing. <b>Save up to 40% of translation cost </b> compared to traditional services with fixed prices. Check out our <a href="/pricing.html" title="localization pricing">pricing details</a> for more information. There are also more software-localization-tools available on the locize platform for <a href="/services.html" title="">free usage</a>.</p><a class="btn btn-outline btn-xl" href="https://www.locize.app/register" style="background-color: #4caf50; color: white; border: none;">Start your free trial</a>
</div>
</div>
</div>
</div>
</section>
<section class="benefits" id="benefits">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="section-heading">
<h2>Get translated today. Effortless & riskfree.</h2>
<p class="text-muted">Got a small landing page or a big web application - locize gets you there!</p>
<hr>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="device-wrapper">
<div class="device" data-device="iPadAir2" data-orientation="portrait" data-color="white" style="z-index: 0;">
<div class="screen"><img class="img-responsive" src="img/screenshots/ipad/project_stat.jpg" alt="locize project overview" loading="lazy"></div>
</div>
</div>
</div>
<div class="col-md-8">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<div class="feature-item"><img style="width: 90px;max-height:90px" src="img/flexible-integration.png" alt="integration" loading="lazy">
<h3>Flexible Integration</h3>
<p class="text-muted">Choose between flexible integration options meeting your needs. From integration to wordpress or to your app built with <a href="/blog/react-i18next/">React.js</a>, <a href="/blog/angular-i18next/">Angular</a>, <a href="/blog/give-vue-i18n-more-superpowers/">Vue.js</a>, <a href="/blog/next-i18next/">Next.js</a>, <a href="/blog/svelte-i18n/">Svelte</a>...</p>
<p class="text-muted">From our one liner script enabling localization even for non developers to instrumenting your code using <a href="/i18next.html">i18next</a>, formatjs, polyglot, ...</p>
<p class="text-muted">Profit from our experience. We will help you to decide for the best solution.</p>
</div>
</div>
<div class="col-md-6">
<div class="feature-item"><img style="width: 90px;max-height:90px" src="img/risk-free.png" alt="risk free" loading="lazy">
<h3>Risk free</h3>
<p class="text-muted">In contrast to other solutions out there we built ours on most popular open source frameworks.</p>
<p class="text-muted">If you ever plan to stop using locize your translations could be used by <a href="/i18next.html">i18next</a>, formatjs or polyglot. Nothing lost. Zero risk.</p>
<p class="text-muted">We believe in the value of our product. No need to make you dependent by being incompatible with standards.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="feature-item"><img style="width: 90px;max-height:90px" src="img/project-progress.png" alt="project progress" loading="lazy">
<h3>Project progress</h3>
<p class="text-muted">We provide you with all analytics information needed to keep control over your localization progress!</p>
<p class="text-muted">Always keep the overview and keep up translating your website just in time.</p>
<p class="text-muted">Never fall behind in translating your project. Stop being the bottleneck in your agile prozess.</p>
</div>
</div>
<div class="col-md-6">
<div class="feature-item"><img style="width: 90px;max-height:90px" src="img/variable-pricing.png" alt="variable pricing" loading="lazy">
<h3>Variable pricing</h3>
<p class="text-muted">Pay for what you use. There are no intransparent plans forcing you to pay for stuff you do not need.</p>
<p class="text-muted" merge="">Costs are based on your usage. Learn more using our <a href="https://www.locize.com/pricing.html">price page</a>.</p>
<p class="text-muted">Find a detailed billing page and invoice history on your projects billing page.</p>
<p class="text-muted" merge="">Find out <a href="https://www.locize.com/pricing.html#worth">how much locize is worth</a> for you.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="process" id="process">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>What is the software localization process?</h2>
<p>Software-localization is the process of transforming the language of a web app, game or any web content to the end user's locale. A translation management platform helps tech companies and developers to increase the confidence for new potential customers, as localized products are best for local markets. The primary benefit of locize is <strong>to simplify the core process of localization</strong> with a very easy to use translation management platform. Starting with just one piece of code the translations can be managed with an easy interface and can be deployed separately with no delays.</p><a class="btn btn-outline btn-xl" href="https://www.locize.app/register" style="background-color: #4caf50; color: white; border: none;">Start your free trial</a><img style="max-width: 100%;" src="img/localization_process.png" alt="localization-process" loading="lazy">
</div>
</div>
</div>
</section>
<section class="platform" id="platform">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>What can our localization platform do?</h2>
<p>You and your team can manage the following types on our localization platform. We help you start your language localization on all apps, games and any other type of software. A localization-management-tool will improve the quality of your process management by store all your files in one place during the development. More about our offer can also be find under <a href="/software-localization-service.html">software-localization service</a>.</p>
<div class="col-md-4 text-center"><a href="/how-it-works.html#integrationforeveryone"><img style="width: 200px;max-height:180px" src="img/website.png" alt="website" loading="lazy"></a>
<h3><a href="/website-localization-services.html" title="Website localization">Website </a></h3>
<p>Use our tool for web applications of any kind. This can be frontend <small style="font-size: 13px;">(like <a href="/blog/react-i18next/">React.js</a>, <a href="/blog/angular-i18next/">Angular</a>, <a href="/blog/give-vue-i18n-more-superpowers/">Vue.js</a>, <a href="/blog/next-i18next/">Next.js</a>, <a href="/blog/svelte-i18n/">Svelte</a>, ...)</small>, <a href="/blog/how-does-server-side-internationalization-look-like/">backend</a>, <a href="https://docs.locize.com/integration/instrumenting-your-code#locizify">landingpage or blogs</a> - choose your fit. </p>
</div>
<div class="col-md-4 text-center"><a href="/how-it-works.html#integrationforeveryone"><img style="width: 200px;max-height:180px" src="img/mobile-app.png" alt="mobile apps" loading="lazy"></a>
<h3>Mobile App</h3>
<p>Take your mobile app to next level. Manage your mobile platform language easily and eliminate unnecessary communication in your team.</p>
</div>
<div class="col-md-4 text-center"><a href="/customers.html"><img style="width: 200px;max-height:180px" src="img/video-game.png" alt="video game" loading="lazy"></a>
<h3>Video game</h3>
<p>Automate your game translation management with locize and let your team save a lot of time during development process.</p>
</div>
</div>
<div class="col-md-12">
<div class="col-md-4 text-center"><a href="/customers.html"><img style="width: 200px;max-height:180px" src="img/platforms.png" alt="platforms" loading="lazy"></a>
<h3>Platforms</h3>
<p>We helped platforms to include multiple languages into their software solutions, that they can provide a more advanced service for their users and suppliers.</p>
<p>Check out some examples for server side integrations like with <a href="/blog/how-does-server-side-internationalization-look-like/">Node.js</a> or <a href="/blog/i18n-for-deno-with-i18next/">Deno</a>.</p>
</div>
<div class="col-md-4 text-center"><a href="/how-it-works.html#integrationforeveryone"><img style="width: 200px;max-height:180px" src="img/website-builder.png" alt="website builder" loading="lazy"></a>
<h3>Website builders</h3>
<p>We have built a <a href="https://github.com/locize/locizify" target="_blank">custom script</a> for Website Builders where flexible translation options are available. This can be used with Wordpress, Shopify and other Website Builders.</p>
</div>
<div class="col-md-4 text-center"><a href="/how-it-works.html#integrationforeveryone"><img style="width: 200px;max-height:180px" src="img/any-software.png" alt="any software" loading="lazy"></a>
<h3>Any software</h3>
<p>Thanks to our <a href="https://docs.locize.com/integration/api" target="_blank">API</a>, <a href="https://github.com/locize/locize-cli" target="_blank">CLI</a> and our <a href="https://github.com/marketplace/actions/locize-download" target="_blank">GitHub Action</a>, locize can be integrated by any type of software.</p>
<p>By using our <a href="https://github.com/locize/locize-cli#synchronize-locize-with-your-repository-or-any-other-local-directory">CLI sync command</a> for example, you can keep your existing code setup and synchronize the translations with locize.<br>An example on how this could look like can be seen in <a href="https://github.com/locize/react-tutorial#step-1---keep-existing-code-setup-but-synchronize-with-locize">this tutorial</a>.</p>
</div>
</div>
</div>
</div>
</section>
<section class="section-tertiary" id="video" style="display: none; padding: 0;" translated="">
<div class="video-background embed-responsive embed-responsive-16by9">
<iframe src="https://www.youtube-nocookie.com/embed/YQryHo1iHb8?controls=1&showinfo=0&rel=0&autoplay=1&loop=1&playlist=YQryHo1iHb8&mute=1" frameborder="0" allowfullscreen="" allow="autoplay;"></iframe>
</div>
</section>
<section class="cta">
<div class="cta-content">
<div class="container">
<h2>Stop waiting.<br>Start localizing.</h2>
<h3>Start by creating a new project and translate your application.</h3><a class="btn btn-outline btn-xl page-scroll" href="https://www.locize.app/register" style="background-color: #4caf50; color: white; border: none;">Start your free trial</a>
<p class="hint">* 14d free trial. No credit card needed! No obligations!</p>
</div>
</div>
<div class="overlay"></div>
</section>
<section class="contact bg-tertiary" id="contact">
<div class="container">
<h2>Have questions?</h2>
<p>Building a global business can be challenging. We will help you getting there.</p><a class="btn btn-outline btn-xl page-scroll" href="mailto:support@locize.com">Send us an email</a>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-4"><img src="img/locize_color.svg" style="max-width: 120px; margin-left: -5px;" alt="locize logo" loading="lazy">
<p><a href="https://tg.chregister.ch/cr-portal/auszug/auszug.xhtml?uid=CHE-412.131.272" target="_blank" style="color: #ffffff4d;" rel="nofollow">inweso GmbH</a></p>
<p>Switzerland<span style="color: white; font-size: 20px; position: relative; top: 3px; left: 5px;">🇨🇭</span></p>
<ul class="list-unstyled">
<li><a href="mailto:support@locize.com">support@locize.com</a></li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-unstyled">
<li><a href="https://docs.locize.com">Technical Documentation</a></li>
<li><a href="https://docs.locize.com/integration/api">API</a></li>
<li><a href="/services.html">Services</a></li>
<li><a href="/pricing.html">Pricing</a></li>
<li><a href="/blog/">Blog</a></li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-unstyled">
<li>
<ul class="list-inline list-social">
<li class="social-twitter"><a href="https://x.com/locize" target="_blank"><i class="fa-brands fa-x-twitter"></i></a></li>
<li class="social-facebook"><a href="https://www.facebook.com/locize" target="_blank"><i class="fa-brands fa-facebook"></i></a></li>
<li class="social-youtube"><a href="https://www.youtube.com/channel/UCPYQjBbbXojUcB8qjeIB3uA" target="_blank"><i class="fa-brands fa-youtube"></i></a></li>
</ul>
</li>
<li><a href="/privacy.html">Privacy</a></li>
<li><a href="/terms.html">Terms</a></li>
<li><a href="/security.html">Security</a></li>
</ul>
</div>
</div>
<div class="text-center footer-copyright">
<p><span class="translated">© 2024 </span><span>inweso GmbH. All Rights Reserved.</span></p>
</div>
</div>
</footer>
<!-- MODAL-->
<div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="videoModal" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document"></div>
<div class="modal-content">
<div class="modal-header">
<button class="close" type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<div class="modal-video">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" width="1280" height="720" src="" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="modalify-modal" id="modalify-modal">
<div class="modal-header">
<button class="close modalify-close" type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div><img class="modal-content" id="img-in-modal" loading="lazy">
<div id="caption-in-modal"></div>
</div>
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="js/main.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script type="text/javascript">
$.fn.randomize = function(selector){
var $elems = selector ? $(this).find(selector) : $(this).children(),
$parents = $elems.parent();
$parents.each(function(){
$(this).children(selector).sort(function(){
return Math.round(Math.random()) - 0.5;
}).detach().appendTo(this);
});
return this;
};
$(document).ready(function() {
// randomize the slides and then call slick
$('#customers-slider').randomize('.slide');
$('#customers-slider').slick({
lazyLoad: 'ondemand',
slidesToShow: 12,
slidesToScroll: 2,
autoplay: true,
autoplaySpeed: 1500,
arrows: false,
dots: false,
infinite: true,
variableWidth: true,
pauseOnHover: false,
responsive: [{
breakpoint: 768,
settings: {
slidesToShow: 8
}
}, {
breakpoint: 520,
settings: {
slidesToShow: 6,
slidesToScroll: 1
}
}]
});
});
</script>
<script type="text/javascript">
$(document).ready(function () {
var modal = document.getElementById("modalify-modal");
// Get the image and insert it inside the modal - use its "alt" text as a caption
var imgs = document.getElementsByClassName("modalify");
var modalImg = document.getElementById("img-in-modal");
var captionText = document.getElementById("caption-in-modal");
for (var i = 0; i < imgs.length; i++) {
var img = imgs[i];
img.onclick = function(){
modal.style.display = "block";
modalImg.src = this.getAttribute('full');
if (this.alt) captionText.innerHTML = this.alt;
}
}
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("modalify-close")[0];
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
};
modal.onclick = function() {
modal.style.display = "none";
};
});
</script>
<script type="text/javascript">
$(document).ready(function() {
//FUNCTION TO GET AND AUTO PLAY YOUTUBE VIDEO FROM DATATAG
(function () {
var trigger = $("body").find('[data-toggle="modal"]');
trigger.click(function() {
var theModal = $(this).data( "target" ),
videoSRC = $(this).attr( "data-theVideo" ),
videoSRCauto = videoSRC+"&autoplay=1" ;
$(theModal+' iframe').attr('src', videoSRCauto);
$(theModal+' button.close').click(function () {
$(theModal+' iframe').attr('src', videoSRC);
});
});
})();
});
</script>
<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
<script>
function enableCookies() {
var e = document.createElement("script");
e.type = "text/javascript";
e.async = true;
e.src = "https://www.googletagmanager.com/gtag/js?id=G-X50E21BGKG";
var a = document.getElementsByTagName("script")[0];
a.parentNode.insertBefore(e, a);
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-X50E21BGKG', { 'anonymize_ip': true });
//- gtag('config', 'UA-78143856-1', { 'anonymize_ip': true });
$('#watch-video-btn').show();
$('#link-video-btn').hide();
$('#watch-demo-video-btn').show();
$('#link-demo-video-btn').hide();
$('#video').show();
$('#capterra-badge').show();
}
function disableCookies() {
var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i];
var eqPos = cookie.indexOf("=");
var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
}
$('#watch-video-btn').hide();
$('#link-video-btn').show();
$('#watch-demo-video-btn').hide();
$('#link-demo-video-btn').show();
$('#video').hide();
$('#capterra-badge').hide();
}
window.cookieconsent.initialise({
palette: {
popup: {
background: "#2196f3",
text: "#ffffff"
},
button: {
background: "#1976d2",
text: "#ffffff"
}
},
theme: "edgeless",
type: "opt-in",
content: {
message: "This website uses cookies to ensure you get the best experience on our website.",
allow: "Accept",
dismiss: "Decline",
link: "learn",
href: "https://locize.com/privacy.html"
},
elements: {
deny: '<a style="font-weight: 100; color: #ffffffa8; font-size: smaller;" aria-label="deny cookies" role="button" tabindex="0" class="cc-btn cc-deny">Decline</a>'
},
onInitialise: function (status) {
var type = this.options.type;
var didConsent = this.hasConsented();
if (type == 'opt-in' && didConsent) {
// enable cookies
enableCookies();
}
if (type == 'opt-out' && !didConsent) {
// disable cookies
disableCookies();
}
},
onStatusChange: function(status, chosenBefore) {
var type = this.options.type;
var didConsent = this.hasConsented();
if (type == 'opt-in' && didConsent) {
// enable cookies
enableCookies();
}
if (type == 'opt-out' && !didConsent) {
// disable cookies
disableCookies();
}
},
onRevokeChoice: function() {
var type = this.options.type;
if (type == 'opt-in') {
// disable cookies
disableCookies();
}
if (type == 'opt-out') {
// enable cookies
enableCookies();
}
}
});
</script>
<script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
<script>
locizify.i18next.on('initialized', function () {
var typed = new Typed('#typed-element', {
strings: [
`🚀 ` + locizify.i18next.t('Speed up your development cycles.'),
`✂️ ` + locizify.i18next.t('Decouple software releases from the translation work.'),
`🩰 ` + locizify.i18next.t('Enable the agility also in your localization process.'),
`🔍 ` + locizify.i18next.t('Find all translations in one central place.'),
`🔄 ` + locizify.i18next.t('Keep always the overview of your progress.'),
`🤲 ` + locizify.i18next.t('Let developers and translators work well together in harmony.'),
`🪪 ` + locizify.i18next.t('Trust the makers of i18next and enjoy the support from a single source.')
],
typeSpeed: 50,
shuffle: true,
loop: true,
showCursor: false
});
});
</script>
<script>
// Add JavaScript to make paragraphs collapsible
document.addEventListener('DOMContentLoaded', function() {
const collapsibleParagraphs = document.querySelectorAll('p.collapsible');
collapsibleParagraphs.forEach(function(paragraph) {