{
    "componentChunkName": "component---src-templates-article-page-template-js",
    "path": "/ftw/how-to-change-ftw-ui-texts/",
    "result": {"data":{"markdownRemark":{"frontmatter":{"title":"How to change FTW UI texts","slug":"how-to-change-ftw-ui-texts","updated":"2022-06-14T00:00:00.000Z","category":"ftw-content","ingress":"This guide gives an overview how to change the User Interface (UI) texts in Flex Template for Web (FTW).","skills":null},"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The FTW templates have several types of texts that can be read in the\nuser interface. The most extensive group of UI texts is microcopy, but\nFTW templates also have content pages, as well as some other groups of\ncontent that can be configured in the code base."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"microcopy","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#microcopy","ariaLabel":"microcopy permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Microcopy"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In the FTW templates, most user-facing content is not written directly\ninto the source code. Instead, the source code uses\n"},{"type":"element","tagName":"a","properties":{"href":"https://formatjs.io/docs/intl#formatmessage","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"React Intl message formatting"}]},{"type":"text","value":"\nthat defines keys for each meaningful piece of content, and a translator\nor a content creator can then define the message (i.e. the value) for\neach key in their language. Read more about how\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/concepts/microcopy/"},"children":[{"type":"text","value":"Flex handles microcopy"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"By default, FTW templates use built-in language-specific microcopy files\nto show microcopy messages in the UI. However, starting in 2022-05,\noperators can also modify microcopy in Flex Console using hosted\nmicrocopy assets. The built-in microcopy is merged with the hosted\nmicrocopy in the template, so you can use both ways of managing\nmicrocopy. Read more about how to\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/ftw/how-to-change-ftw-bundled-microcopy/"},"children":[{"type":"text","value":"modify built-in microcopy in FTW templates"}]},{"type":"text","value":"\nand\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/ftw/hosted-microcopy/"},"children":[{"type":"text","value":"how hosted microcopy work in the FTW templates"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You may also want to change the language of the user interface entirely.\nRead more about\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/ftw/how-to-change-ftw-language/"},"children":[{"type":"text","value":"changing the language used in FTW"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In addition to microcopy, there are other forms of content in the FTW\napplications that operators may need to manage."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"content-pages","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#content-pages","ariaLabel":"content pages permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Content pages"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Your marketplace also has some content pages that can be modified\nthrough Flex Console. The default content pages include"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"About"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Landing page"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Privacy Policy"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Terms of Service"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"These pages are rendered by the\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/ftw/page-builder/"},"children":[{"type":"text","value":"PageBuilder component"}]},{"type":"text","value":" in the FTW template. In\naddition to these default pages, you can create your own content pages\nthrough Flex Console, and\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/concepts/content-management/"},"children":[{"type":"text","value":"fully manage their content"}]},{"type":"text","value":" without code\nchanges. On the template side, you can modify\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/how-to/options-prop/"},"children":[{"type":"text","value":"how that content is displayed"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"static-pages","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#static-pages","ariaLabel":"static pages permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Static pages"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It is possible to create fully static pages in the FTW templates. You\nmight want to do this if you e.g. want to create static content pages\nfor performance reasons."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"More information about adding static content to the application can be\nfound in the\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/ftw/how-to-add-static-pages-in-ftw/"},"children":[{"type":"text","value":"How to add static pages in FTW"}]},{"type":"text","value":"\nguide."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"other-cases-labels-and-countries","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#other-cases-labels-and-countries","ariaLabel":"other cases labels and countries permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Other cases: labels and countries"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"There are few other cases where we haven't added microcopy directly to\nthe microcopy files."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Labels for filters (e.g. "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"categories"}]},{"type":"text","value":" and "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"amenities"}]},{"type":"text","value":" in FTW-daily) can\nbe found in "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"src/marketplace-custom-config.js."}]},{"type":"text","value":" By default,\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/how-to/change-search-filters-in-ftw/#adding-a-new-search-filter"},"children":[{"type":"text","value":"these filters are not in use"}]},{"type":"text","value":",\nsince every marketplace has its own extended data and search filters for\nthem."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"extrainfo","properties":{"title":"FTW-product has moved the location of some components"},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"shell"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-shell"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-shell"]},"children":[{"type":"text","value":"└── src\n    └── config\n        └── marketplace-custom-config.js"}]}]}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://github.com/sharetribe/ftw-daily/blob/master/src/translations/countryCodes.js","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Country codes"}]},{"type":"text","value":"\nare in a separate file as well. Stripe API requires country information\nas\n"},{"type":"element","tagName":"a","properties":{"href":"https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"ISO 3166-1 alpha-2"}]},{"type":"text","value":"\ncodes. These are used when billing address is asked in\n"},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"StripePaymentForm"}]},{"type":"text","value":" on "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"CheckoutPage"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"shell"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-shell"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-shell"]},"children":[{"type":"text","value":"└── src\n    └── translations\n        └── countryCodes.js"}]}]}]}],"data":{"quirksMode":false}},"headings":[{"value":"Microcopy","depth":2},{"value":"Content pages","depth":2},{"value":"Static pages","depth":2},{"value":"Other cases: labels and countries","depth":2}]}},"pageContext":{"slug":"how-to-change-ftw-ui-texts","category":"ftw-content"}},
    "staticQueryHashes": ["3794076007","439097193","717698143"]}