-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.pug
1104 lines (1016 loc) · 60.1 KB
/
index.pug
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')
//-- client side X-Frame-Options alternative
style#antiClickjack.
body {
display:none !important;
}
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;
}
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
link(href='lib/bootstrap/css/bootstrap.min.css', rel='stylesheet')
//- link(rel='stylesheet', href='lib/font-awesome/css/font-awesome.min.css')
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.
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'
});
link(href='//cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css', rel='stylesheet', type="text/css")
//- link(href='https://www.unpkg.com/stick-to-me@1.0.1/src/stick-to-me.css', rel='stylesheet', type="text/css")
//- body#page-top(style='display: none;')
body#page-top
nav#mainNav.navbar.navbar-default.navbar-fixed-top
.container
.navbar-header
button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#bs-example-navbar-collapse-1')
span.sr-only Toggle navigation
i.fa-solid.fa-bars
a.navbar-brand.page-scroll(href='/#page-top')
#bs-example-navbar-collapse-1.collapse.navbar-collapse
ul.nav.navbar-nav.navbar-right
li#featuresd.dropdown
a.dropdown-toggle(href='#' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false') Features
b.caret
ul.dropdown-menu
li
a(href='/#features') Characteristics
li
a(href='/#process') What is the software localization process?
li
a(href='/#platform') What can our localization platform do?
li
a(href='/how-it-works.html') How it works
li
a(href='/for-your-team.html') For your team
li
a(href='/pricing.html') Pricing
li
a(href='/customers.html') Success Stories
li#featuresd.dropdown
a.dropdown-toggle(href='#' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false') More
b.caret
ul.dropdown-menu
li
a(href='https://docs.locize.com/') Documentation
li
a(href='/services.html') Additional services
li
a(href='/blog/') Blog
li
a.closeOnClick(href='/#contact') Contact
li
a(href='https://www.locize.app/login', target='_blank') Login
i.fa-solid.fa-lock(aria-hidden='true', style="margin-left: 5px;")
li
a.btn.btn-outline.btn-xl(href='https://www.locize.app/register', style='background-color: #4caf50; color: white; border: none;') Start your free trial
li.dropdown(translated="")
a.dropdown-toggle(href='#' data-toggle='dropdown' role='button' aria-haspopup='true' aria-expanded='false')
span#selectedLng
span.caret(style="margin-top: -3px;")
ul#lngSelectDropDown.dropdown-menu
header
.header-overlay
#particles-js
.container
.row
.col-sm-8
.header-content
.header-content-inner
img#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
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.
br
a.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.btn.btn-outline.btn-second-outline.btn-xl.page-scroll#link-video-btn(href='https://youtu.be/YQryHo1iHb8', target='_blank') Story
a.btn.btn-outline.btn-second-outline.btn-xl.page-scroll#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.btn.btn-outline.btn-second-outline.btn-xl.page-scroll#link-demo-video-btn(href='https://youtu.be/TFV_vhJs5DY', target='_blank') Demo
a.btn.btn-outline.btn-second-outline.btn-xl.page-scroll#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
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.
br
h3(style="font-size: 16px; font-weight: bold;") 🇨🇭 Made available to you by a Swiss company.
br
a#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#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')
br
br
.col-sm-4
.device-wrapper
h3#typed-element(style="margin-top: -60px; height: 130px; padding-top: 20px; padding-bottom: 20px", data-locize-editor-ignore="true")
.device(data-device="iPhone15ProNoNotch", data-orientation="portrait", data-color="black")
.screen
img.img-responsive(src='img/screenshots/iphone/localization-management-platform.png', alt='localization management platform', loading='lazy')
// .button
section#customers.customers.customers-logos(translated="")
.container(style="min-width: 100%;")
.row
section.col-lg-12#customers-slider.slider(data-arrows="true", style="padding: 0;", data-locize-editor-ignore="true")
each image in customerLogos
.slide
img.grayscale(data-lazy='img/customers/' + image, alt=image.split('.').slice(0,-1).join('.'))
section#testimonials.testimonials
.container
.row
.col-lg-12.text-center
.section-heading(style="margin-bottom: 50px")
h2 Customer Testimonials
p.text-muted
a(href="/customers.html") Hear
| what our customers have to say!
hr
.row
.col-lg-12
.testimonial-container(translated="")
.row
.col-lg-5.col-md-4.col-sm-12
.testimonial.testimonial-fullwidth
.testimonial-title
img.grayscale(style='max-height: 50px; max-width: 100%;', src='img/customers/zkb.png' alt="ZKB" loading="lazy")
.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(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(style="font-size: 19px;") The handling is self-explanatory for translators.
p(style="font-size: 19px;") Locize also has excellent support and very reasonable conditions.
.author
hr
| Severin Dietschi, Product Owner
br
a(href='https://www.zkb.ch' target='_blank') ZKB (Zürcher Kantonalbank)
.col-lg-4.col-md-4.col-sm-12
.testimonial.testimonial-fullwidth
.testimonial-title
img.grayscale(style='max-height: 50px; max-width: 100%;', src='img/customers/redcross.svg' alt="redcross" loading="lazy")
.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!
.author
hr
| Thomas Imboden, Head of Web Office
br
a(href='https://support.redcross.ch' target='_blank') Swiss Red Cross
.col-lg-3.col-md-4.col-sm-12
.testimonial.testimonial-fullwidth
.testimonial-title
img(style='max-height: 50px; max-width: 100%;', src='img/customers/abb.png', loading='lazy')
.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(style="font-size: 20px;") Thanks to Locize our localization workflow is faster, more efficient and modern.
.author
hr
| Davide Mora, Digital Product Owner & Project Leader
br
a(href='https://abb.com' target='_blank') ABB
.row#usps(style="margin-top: 50px;")
.col-lg-12.text-center
.section-heading(style="margin-bottom: 50px;")
h3(style="font-size: 40px;") Why did our customers chose locize?
p.text-muted
| Discover the 9 most important reasons why our customers chose locize.
hr
.row
.col-lg-4
.feature-item(style="margin-bottom: 30px;")
i.fas.fa-clock(style='color: #f76d57; font-size: 48px;')
h4 Efficiency and Time Savings
p(style='font-size: 18px; margin-bottom: 0;') Save time and streamline your translation and localization processes.
p.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.
.col-lg-4
.feature-item(style="margin-bottom: 30px;")
i.fas.fa-user(style='color: #f76d57; font-size: 48px;')
h4 User-Friendly Interface
p(style='font-size: 18px; margin-bottom: 0;') Accessible and practical interface for users of all technical backgrounds.
p.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.
.col-lg-4
.feature-item(style="margin-bottom: 30px;")
i.fas.fa-dollar-sign(style='color: #f76d57; font-size: 48px;')
h4 Cost-Effective Translation Management
p(style='font-size: 18px; margin-bottom: 0;') Save money and efficiently manage translations to get value for your investment.
p.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.
.row
.col-lg-4
.feature-item(style="margin-bottom: 30px;")
i.fas.fa-puzzle-piece(style='color: #f76d57; font-size: 48px;')
h4 Integration and Compatibility
p(style='font-size: 18px; margin-bottom: 0;') Seamlessly integrate with popular frameworks and libraries.
p.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.
.col-lg-4
.feature-item(style="margin-bottom: 30px;")
i.fas.fa-globe(style='color: #f76d57; font-size: 48px;')
h4 Localization Across Platforms
p(style='font-size: 18px; margin-bottom: 0;') Extend the usefulness with versatile localization across various platforms.
p.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.
.col-lg-4
.feature-item(style="margin-bottom: 30px;")
i.fas.fa-language(style='color: #f76d57; font-size: 48px;')
h4 High Quality Translations
p(style='font-size: 18px; margin-bottom: 0;')
span Trust in high-quality translations by professional translators.
span
a(href='/ai.html' style='font-size: 14px;') Or use generative AI translations.
p.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.
.row
.col-lg-4
.feature-item(style="margin-bottom: 30px;")
i.fas.fa-sync(style='color: #f76d57; font-size: 48px;')
h4 Real-time Updates
p(style='font-size: 18px; margin-bottom: 0;') Stay current with real-time content updates.
p.collapsible(style='font-size: 12px;') Real-time updates were seen as a valuable feature, particularly for content that needs to remain current.
.col-lg-4
.feature-item(style="margin-bottom: 30px;")
i.fas.fa-hands-helping(style='color: #f76d57; font-size: 48px;')
h4 Responsive Support
p(style='font-size: 18px; margin-bottom: 0;') Enjoy responsive support for your needs.
p.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.
.col-lg-4
.feature-item(style="margin-bottom: 30px;")
i.fas.fa-cogs(style='color: #f76d57; font-size: 48px;')
h4 Scalability
p(style='font-size: 18px; margin-bottom: 0;') Scale your localization as your business grows.
p.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.
.row
.col-lg-12.text-center
div(style="padding: 50px 0 0")
a.btn.btn-outline.btn-xl(href='/customers.html') More customer voices!
section.section-tertiary(style="padding: 50px 0; display: none;")
.container
.row
.values-box
.value
h3
| Speed up your development cycles.
span 🚀
.value
h3
| Decouple software releases from the translation work.
span ✂️
.value
h3
| Enable the agility also in your localization process.
span 🩰
.value
h3
| Find all translations in one central place.
span 🔍
.value
h3
| Keep always the overview of your progress.
span 🔄
.value
h3
| Let developers and translators work well together in harmony.
span 🤲
.value
h3
| Trust the makers of i18next and enjoy the support from a single source.
span 🪪
section#features.features.bg-primary.text-center
.container
.row
.col-lg-12.text-center
.section-heading
h2 Features to grow global – get locized
p.head
| You're in need of a #[strong localization management platform] that keeps up with your vibrant business environment?
p.head
| Does your current process break your agile development or continuous deployment process?
p(style='margin-top: 20px;')
| Find out what locize can offer to make your localization experience a success story.
hr
.row
.col-md-12
.container-fluid
.row
.col-md-6
.feature-item
.device-wrapper
.device(data-device="MacbookPro", data-orientation="portrait", data-color="black", style="z-index: 0;")
.screen
img.img-responsive.modalify(src='img/screenshots/screen/integrate_s.jpg', full='img/screenshots/screen/integrate.png', alt='locize integration', loading='lazy')
.button
h3 Time saving over 60%
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
| Every change to your translations gets instantly reflected on your website and vice versa.
p
| Never again copy/paste translations from a to b.
.col-md-6
.feature-item
.device-wrapper
.device(data-device="MacbookPro", data-orientation="portrait", data-color="black", style="z-index: 0;")
.screen
img.img-responsive.modalify(src='img/screenshots/screen/dashboard_s.jpg', full='img/screenshots/screen/dashboard.png', alt='locize statistics', loading='lazy')
h3 Continuous Localization Lifecycle
p
| locize enables you to separate your development and translation process. Keep translating while your development team adds new features to your project.
p
| Update translations anytime, anywhere. No longer depend on your development team adding the new translation files to the codebase.
p
| Keep track of newly added segments. Never lose the overview over your translation progress.
.row
.col-md-6
.feature-item
.device-wrapper
.device(data-device="MacbookPro", data-orientation="portrait", data-color="black", style="z-index: 0;")
.screen
img.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')
h3
a(href='https://docs.locize.com/whats-inside/context', style='color: white;') Context Matters — InContext Editing
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
| Our incontext editor enables you to directly update your translations from within your website.
p
| Every text segment is one click away! Stop wasting time searching...
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
| and assign them to your translations.
.col-md-6
.feature-item
.device-wrapper
.device(data-device="MacbookPro", data-orientation="portrait", data-color="black", style="z-index: 0;")
.screen
img.img-responsive.modalify(src='img/screenshots/screen/editor_s.jpg', full='img/screenshots/screen/editor.png', alt='locize translation editor', loading='lazy')
h3 Translation Management
p
| You can translate your content using our powerful editor.
p
| Invite your inhouse translators giving them the rights for the languages needed.
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
| .
//- p
//- | We suggest to use
//- a(href="https://www.localistars.com", style="color: white;") localistars
//- | . With localistars you're in direct contact with the translator, no middleman – it's your project, you hold the reins. You choose the translator for your projects yourself, it's your contractor.
.row
.col-md-6
.feature-item
.device-wrapper
.device(data-device="MacbookPro", data-orientation="portrait", data-color="black", style="z-index: 0;")
.screen
img.img-responsive.modalify(src='img/screenshots/screen/translationmemory_s.jpg', full='img/screenshots/screen/translationmemory.png', alt='locize translation memory', loading='lazy')
h3
a(href='https://docs.locize.com/whats-inside/translation-memory', style='color: white;') The smart translation memory
p
| With our translation memory you never have to translate the same text again. Simply reuse your exiting translatins over and over again.
p
| By using the translation memory you not only save time but also increase the consistency of your translations.
.col-md-6
.feature-item
.device-wrapper
.device(data-device="MacbookPro", data-orientation="portrait", data-color="black", style="z-index: 0;")
.screen
img.img-responsive.modalify(src='img/screenshots/screen/history_s.jpg', alt='locize history', full='img/screenshots/screen/history.png', loading='lazy')
h3
a(href='https://docs.locize.com/whats-inside/history', style='color: white;') History
p
| Keep track over all changes done to your project's translations. The last translation changes are audited per key.
p
| Need to provide those information - who did when change which segment? We get you covered.
.row
.col-md-6
.feature-item
.device-wrapper
.device(data-device="MacbookPro", data-orientation="portrait", data-color="black", style="z-index: 0;")
.screen
img.img-responsive.modalify(src='img/screenshots/screen/review_s.jpg', full='img/screenshots/screen/review.png', alt='locize review workflow', loading='lazy')
h3
a(href='https://docs.locize.com/whats-inside/review-workflow', style='color: white;') Review workflow
p
| You can enable the review workflow for specific languages.
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.
.col-md-6
.feature-item
.device-wrapper
.device(data-device="MacbookPro", data-orientation="portrait", data-color="black", style="z-index: 0;")
.screen
img.img-responsive.modalify(src='img/screenshots/screen/multitenant_s.jpg', alt='locize multitenant', full='img/screenshots/screen/multitenant.png', loading='lazy')
h3
a(href='https://docs.locize.com/more/multi-tenant', style='color: white;') Multi-Tenant
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
| 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.
section.integration
.container
.row
.col-md-6
h2 Easy integration for your operating tools
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.
.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')
.row
div(style="padding: 5rem 0 0 0")
.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')
.col-md-6
h2 Pay only for what you use
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>.
a.btn.btn-outline.btn-xl(href='https://www.locize.app/register', style='background-color: #4caf50; color: white; border: none;') Start your free trial
section#benefits.benefits
.container
.row
.col-lg-12.text-center
.section-heading
h2 Get translated today. Effortless & riskfree.
p.text-muted Got a small landing page or a big web application - locize gets you there!
hr
.row
.col-md-4
.device-wrapper
.device(data-device="iPadAir2", data-orientation="portrait", data-color="white", style="z-index: 0;")
.screen
img.img-responsive(src='img/screenshots/ipad/project_stat.jpg', alt='locize project overview', loading='lazy')
.col-md-8
.container-fluid
.row
.col-md-6
.feature-item
img(style='width: 90px;max-height:90px', src='img/flexible-integration.png', alt='integration', loading='lazy')
h3 Flexible Integration
p.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(href="/blog/angular-i18next/") Angular
| ,
a(href="/blog/give-vue-i18n-more-superpowers/") Vue.js
| ,
a(href="/blog/next-i18next/") Next.js
| ,
a(href="/blog/svelte-i18n/") Svelte
| ...
p.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.text-muted
| Profit from our experience. We will help you to decide for the best solution.
.col-md-6
.feature-item
img(style='width: 90px;max-height:90px', src='img/risk-free.png', alt='risk free', loading='lazy')
h3 Risk free
p.text-muted
| In contrast to other solutions out there we built ours on most popular open source frameworks.
p.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.text-muted
| We believe in the value of our product. No need to make you dependent by being incompatible with standards.
.row
.col-md-6
.feature-item
img(style='width: 90px;max-height:90px', src='img/project-progress.png', alt='project progress', loading='lazy')
h3 Project progress
p.text-muted
| We provide you with all analytics information needed to keep control over your localization progress!
p.text-muted
| Always keep the overview and keep up translating your website just in time.
p.text-muted
| Never fall behind in translating your project. Stop being the bottleneck in your agile prozess.
.col-md-6
.feature-item
img(style='width: 90px;max-height:90px', src='img/variable-pricing.png', alt='variable pricing', loading='lazy')
h3 Variable pricing
p.text-muted
| Pay for what you use. There are no intransparent plans forcing you to pay for stuff you do not need.
p.text-muted(merge='')
| Costs are based on your usage. Learn more using our
a(href='https://www.locize.com/pricing.html') price page
| .
p.text-muted
| Find a detailed billing page and invoice history on your projects billing page.
p.text-muted(merge='')
| Find out
a(href='https://www.locize.com/pricing.html#worth') how much locize is worth
| for you.
section#process.process
.container
.row
.col-md-12
h2 What is the software localization process?
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] 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.
a.btn.btn-outline.btn-xl(href='https://www.locize.app/register', style='background-color: #4caf50; color: white; border: none;') Start your free trial
img(style='max-width: 100%;', src='img/localization_process.png', alt='localization-process', loading='lazy')
section#platform.platform
.container
.row
.col-md-12
h2 What can our localization platform do?
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
| .
.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')
h3 <a href="/website-localization-services.html" title="Website localization">Website </a>
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(href="/blog/angular-i18next/") Angular
| ,
a(href="/blog/give-vue-i18n-more-superpowers/") Vue.js
| ,
a(href="/blog/next-i18next/") Next.js
| ,
a(href="/blog/svelte-i18n/") Svelte
| , ...)
| ,
a(href="/blog/how-does-server-side-internationalization-look-like/") backend
| ,
a(href="https://docs.locize.com/integration/instrumenting-your-code#locizify") landingpage or blogs
| - choose your fit.
.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')
h3 Mobile App
p Take your mobile app to next level. Manage your mobile platform language easily and eliminate unnecessary communication in your team.
.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')
h3 Video game
p Automate your game translation management with locize and let your team save a lot of time during development process.
.col-md-12
.col-md-4.text-center
a(href='/customers.html')
img(style='width: 200px;max-height:180px', src='img/platforms.png', alt='platforms', loading='lazy')
h3 Platforms
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
| Check out some examples for server side integrations like with
a(href="/blog/how-does-server-side-internationalization-look-like/") Node.js
| or
a(href="/blog/i18n-for-deno-with-i18next/") Deno
| .
.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')
h3 Website builders
p
| We have built a
a(href='https://github.com/locize/locizify', target='_blank') custom script
| for Website Builders where flexible translation options are available. This can be used with Wordpress, Shopify and other Website Builders.
.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')
h3 Any software
p
| Thanks to our
a(href='https://docs.locize.com/integration/api', target='_blank') API
| ,
a(href='https://github.com/locize/locize-cli', target='_blank') CLI
| and our
a(href='https://github.com/marketplace/actions/locize-download', target='_blank') GitHub Action
| , locize can be integrated by any type of software.
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
| 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
| .
section.section-tertiary#video(style="display: none; padding: 0;", translated="")
.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;")
//- .container
//- .row
//- .col-xs-10.col-xs-offset-1
//- .embed-responsive.embed-responsive-16by9
//- iframe.embed-responsive-item(width='1280', height='720', src='https://www.youtube-nocookie.com/embed/YQryHo1iHb8?rel=0&controls=0&showinfo=0', frameborder='0', webkitallowfullscreen='', mozallowfullscreen='', allowfullscreen='')
section.cta
.cta-content
.container
h2
| Stop waiting.
br
| Start localizing.
h3
| Start by creating a new project and translate your application.
|
a.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
p.hint * 14d free trial. No credit card needed! No obligations!
.overlay
section#contact.contact.bg-tertiary
.container
h2 Have questions?
p Building a global business can be challenging. We will help you getting there.
|
a.btn.btn-outline.btn-xl.page-scroll(href='mailto:support@locize.com') Send us an email
footer
.container
.row
.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
p Switzerland
span(style='color: white; font-size: 20px; position: relative; top: 3px; left: 5px;') 🇨🇭
ul.list-unstyled
li
a(href='mailto:support@locize.com') support@locize.com
.col-md-4
ul.list-unstyled
li
a(href='https://docs.locize.com') Technical Documentation
li
a(href='https://docs.locize.com/integration/api') API
li
a(href='/services.html') Services
li
a(href='/pricing.html') Pricing
li
a(href='/blog/') Blog
.col-md-4
ul.list-unstyled
li
ul.list-inline.list-social
li.social-twitter
a(href='https://x.com/locize', target='_blank')
i.fa-brands.fa-x-twitter
li.social-facebook
a(href='https://www.facebook.com/locize', target='_blank')
i.fa-brands.fa-facebook
li.social-youtube
a(href='https://www.youtube.com/channel/UCPYQjBbbXojUcB8qjeIB3uA', target='_blank')
i.fa-brands.fa-youtube
li
a(href='/privacy.html') Privacy
li
a(href='/terms.html') Terms
li
a(href='/security.html') Security
.text-center.footer-copyright
p
span.translated © 2024
span inweso GmbH. All Rights Reserved.
// MODAL
#videoModal.modal.fade(tabindex='-1', role='dialog', aria-labelledby='videoModal', aria-hidden='true')
.modal-dialog.modal-lg(role='document')
.modal-content
.modal-header
button.close(type='button', data-dismiss='modal', aria-label='Close')
span(aria-hidden='true') ×
.modal-body
.modal-video
.embed-responsive.embed-responsive-16by9
iframe.embed-responsive-item(width='1280', height='720', src='', frameborder='0', webkitallowfullscreen='', mozallowfullscreen='', allowfullscreen='')
#modalify-modal.modalify-modal
//- span.modalify-close ×
.modal-header
button.close.modalify-close(type='button', data-dismiss='modal', aria-label='Close')
span(aria-hidden='true') ×
img.modal-content#img-in-modal(loading='lazy')
#caption-in-modal
//- #stickLayer.stick_popup(style='display:none;')
//- .stick_close(onclick='$.stick_close()') X
//- .stick_content
//- .container
//- .row
//- .col-sm-6(style="width: 49%; text-align: center;")
//- h3(style="height: 105px;")
//- | Why not experience a carefree way of localization?
//- br
//- i You can try it for free!
//- img(src="img/happy_localization.png", style="max-width: 100%;", loading='lazy')
//- a.btn.btn-outline.btn-xl(href='https://www.locize.app/register', target='_blank', style="background: #2196f3; font-size: 14px; margin-top: 10px;") Ok, I'll give it a try!
//- .col-sm-6(style="width: 49%; text-align: center;")
//- h3(style="height: 105px;")
//- | I don't want to improve my localization process!
//- br
//- i Let me go!
//- img(src="img/frustrating_localization.png", style="max-width: 100%;", loading='lazy')
//- a.btn.btn-outline.btn-second-outline.btn-xl(onclick="closeStick()", style="background: #646464; font-size: 14px; margin-top: 10px;") Good Bye!
script(src='lib/jquery/jquery.min.js')
script(src='lib/bootstrap/js/bootstrap.min.js')
script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js')
script(src='js/main.min.js')
script(src='https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js')
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(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(src='https://www.unpkg.com/stick-to-me@1.0.2/src/stick-to-me.js')
//- script(type="text/javascript").
//- function closeStick() {
//- $.stick_close();
//- }
//- $(document).ready(function() {
//- $.stickToMe({
//- layer: '#stickLayer',
//- //- trigger: ['all'],
//- cookie: true,
//- maxamount: 1,
//- cookieExpiration: 2 * 30 * 24 * 60 * 60 // 2 months
//- });
//- });
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(src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js", data-cfasync="false")
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