{
    "componentChunkName": "component---src-templates-article-page-template-js",
    "path": "/tutorial/working-with-microcopy/",
    "result": {"data":{"markdownRemark":{"frontmatter":{"title":"Working with microcopy","slug":"working-with-microcopy","updated":"2022-05-13T00:00:00.000Z","category":"tutorial-branding","ingress":"Change the UI copy-texts and implement new microcopy.","skills":null},"htmlAst":{"type":"root","children":[{"type":"element","tagName":"h2","properties":{"id":"where-to-find-copy-texts","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#where-to-find-copy-texts","ariaLabel":"where to find copy texts 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":"Where to find copy-texts"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"One of the biggest mandatory tasks for a customization project is to\nchange the UI texts. FTW-daily is a rental marketplace for saunas - so,\nthere are quite many components and pages that need to change the\ncopy-texts."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The easiest way to modify the copy texts is through Flex Console, in\nBuild > Content. This page helps you modify what in Flex is known as\n"},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"microcopy"}]},{"type":"text","value":" – button labels, help texts, and other small messages that\nhelp your user find their way around the marketplace."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/6d502ba1d1bd1d39177dc5ee630c7fe1/4a8b1/microcopy_start.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 67.9245283018868%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAABYlAAAWJQFJUiTwAAABrklEQVQ4y42Sb0/bMBDG80k3QQevEHQV0lAL2ut9yG0M0S5t0sT5Z/t8dp7JdlKyETQs/fTc2b5HF1+Sx6ctvv98wo/HX/i9z5AeMuyzPHIYmOaDpod/81ibfLy6w9n1GherB9x+/Rb00+d7LJYbnN+sA4ubDS5W9zFebrBYrk9nl6uHoB+uvsB7JUVZoRQNdmmG5+0ez7sDjkUFvz9lupcXFfLjQNivTyTMDtb26DqFLC9DgbN9wFp3imPu1UGRRasimiwsO/BAorWB1gRrLYwxYOZg5PM5nHPo+x7oezjXw7AL9Sr4mGhIxFBKQggRVEoJpVTQrusCY0xE8MubjujBzPsMhgZkGK0kdMrAGA6djh17HfFdTtfbhmTi+PcZiqJEXbdomhZ13UziSFU1AR8z21A7Y0jY7lKkaZyyEDWEqFCWMY467r/wpqGf1u6osM018sp/nv0vRHbe0MN2OKCXJ5jiC+P0/8ZPffYNtbGoOotaDkxjadEo94paOpBxkw79b0M8GDoUrYPoHMo52tf4+4pGQ44dSklQSkNqxrFmFM378fc7xbFeaihF+AOXAh5WXTIo+AAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/6d502ba1d1bd1d39177dc5ee630c7fe1/82e29/microcopy_start.webp 159w","/docs/legacy/static/6d502ba1d1bd1d39177dc5ee630c7fe1/ef33f/microcopy_start.webp 318w","/docs/legacy/static/6d502ba1d1bd1d39177dc5ee630c7fe1/f1837/microcopy_start.webp 635w","/docs/legacy/static/6d502ba1d1bd1d39177dc5ee630c7fe1/29549/microcopy_start.webp 953w","/docs/legacy/static/6d502ba1d1bd1d39177dc5ee630c7fe1/c5420/microcopy_start.webp 1270w","/docs/legacy/static/6d502ba1d1bd1d39177dc5ee630c7fe1/81f25/microcopy_start.webp 2002w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/6d502ba1d1bd1d39177dc5ee630c7fe1/8b9b5/microcopy_start.png 159w","/docs/legacy/static/6d502ba1d1bd1d39177dc5ee630c7fe1/fa108/microcopy_start.png 318w","/docs/legacy/static/6d502ba1d1bd1d39177dc5ee630c7fe1/53fb6/microcopy_start.png 635w","/docs/legacy/static/6d502ba1d1bd1d39177dc5ee630c7fe1/5a426/microcopy_start.png 953w","/docs/legacy/static/6d502ba1d1bd1d39177dc5ee630c7fe1/91155/microcopy_start.png 1270w","/docs/legacy/static/6d502ba1d1bd1d39177dc5ee630c7fe1/4a8b1/microcopy_start.png 2002w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/6d502ba1d1bd1d39177dc5ee630c7fe1/53fb6/microcopy_start.png","alt":"Modify marketplace texts","title":"Modify marketplace texts","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Note:"}]},{"type":"text","value":" Hosted assets are available in Flex and the FTW templates\nstarting from version v8.5. If you have an earlier version and want to\nimplement the feature in your template, you can see the necessary\nmodifications in the PR for\n"},{"type":"element","tagName":"a","properties":{"href":"https://github.com/sharetribe/ftw-daily/pull/1510","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"ftw-daily"}]},{"type":"text","value":"."}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"extrainfo","properties":{"title":"FTW-hourly and FTW-product versions with hosted microcopy"},"children":[{"type":"text","value":"\nIn FTW-hourly, hosted microcopy is available in v10.5. In FTW-product, it is available in v9.2.\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When you first start building your marketplace, the JSON field in the\nMicrocopy section is empty, and all microcopy comes from built-in\nmicrocopy files in the template. (We refer to these texts as microcopy,\nbut in the template they are in the "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"translations"}]},{"type":"text","value":" folder. In addition\nto the default "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"en.json"}]},{"type":"text","value":" file, there are other languages available,\nwhich is why the folder is titled "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"translations"}]},{"type":"text","value":".)"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In the Microcopy section, you can see links that lead to the microcopy\nfolders for each FTW template repository, if you want to\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/concepts/microcopy/#how-microcopy-are-handled-in-flex"},"children":[{"type":"text","value":"copy the relevant microcopy to Flex Console"}]},{"type":"text","value":".\nIn this tutorial, we will not copy the full texts – instead, we will\nenter only the microcopy we want to modify."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The built-in default microcopy for the FTW template can be found in this\n"},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"en.json"}]},{"type":"text","value":" file:"}]},{"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        └── en.json"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In addition to microcopy, your marketplace has content pages, such as\n"},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"AboutPage"}]},{"type":"text","value":", "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"PrivacyPolicy"}]},{"type":"text","value":", and "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"TermsOfService"}]},{"type":"text","value":". Those pages\nare managed in Flex Console under Content > Pages, and they can be\nmodified similarly to\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/tutorial/modify-landing-page/"},"children":[{"type":"text","value":"the landing page"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In this tutorial, we change the microcopy of Hero component, but we have\nanother document that dives deeper into this topic:\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/ftw/how-to-change-ftw-bundled-microcopy/"},"children":[{"type":"text","value":"How to change FTW bundled microcopy"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"change-the-microcopy-for-topbar-component","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#change-the-microcopy-for-topbar-component","ariaLabel":"change the microcopy for topbar component 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":"Change the microcopy for Topbar component"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The content of microcopy file has a format, where the \"key\" contains a\ndot notation:"},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"\n"},{"type":"element","tagName":"em","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"\"<ComponentName>.<microcopyKey>\": \"<microcopyMessage>\""}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"So, there are a couple of ways to find the correct microcopy key for UI\ncomponents:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"You could search for a microcopy message in the microcopy file"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"You could check the name of the component and search for the component\nname in the microcopy file."}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The latter option becomes easier if you use browser extension: "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"React\nDeveloper Tools"}]},{"type":"text","value":"."},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":" Here's a link to\n"},{"type":"element","tagName":"a","properties":{"href":"https://chrome.google.com/webstore/search/React%20Developer%20Tools?hl=en","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Chrome extension"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/f52330e9c10ddbb77bcf8c866e86c9de/37a97/react_devtools_microcopy.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 42.76729559748427%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAACXBIWXMAABYlAAAWJQFJUiTwAAACeklEQVQozyWS20uTAQDF968UpU6n6bZP26ZuMxWdvlhZQQkFZZhQLOihiOzFCgQNIaqXwvDBSEIJKh/KC15SZ21eWtO5uc9vm25epru4uc1fqAd+cM7L4TwcWSAYIBTdIpGME41FicVipNNpUukDkqk0h1p0ifQPjDA1McWsxcL05CSmmjrUah1FmhI0OgPFhkq0JeeQhUIhItEwyVSSxP7+EalUCmswwsu/IdqdCR5/tdHU3sO1zi80vPrMg/d9qIr0nMzIQ56vIU9v4rRCfZRlifgeib1DYhz6ZCIOByl63GHuTG/z3LaG1W/HtTPPx1Uvj5ZSvLAG0ZVWkJ0roFBq0dXUU1Zbj7KoFNlWHDaT4NuDlV1wbSeRdg94sxim2bLDzOoCwcAgbmkct2+MPpedT/MO9GUmcgs0KDVGzlZfRDCaELRlyLbCYQa+faf7Qzd2/w6uMDg3E3Q6onQs+BC9gwy4ZvGsTTHisTEi2XCLw6iKDJw4pSAjV6DQVI/GWE2WQo2sq7OVlltXabl+nq63r7F6glicfnqXgzg8o8z5fjHkXkf0O7D5xvBuDeL0DKE3VJEv6FEptQjqUlS6CoTicmT3mu9zpcLAJb3AhbrLmB8+oa29g36nD8uqhWnJSve8xG/PDHb/KJ7gMEueYYzl1RQIKgoL1eSfKSArW3m8sPXpM5oaGqitrOJmo5nG22Zu3DXTZgvwbt5N1+IKvY5/SNIPVgPDeDfGWRYnMJSbkOcqyT6jRp6nPiqT5wnI/OteJMlLJBI5ust+PE58P81PcZ2ZxUns4hQr4hjL4giSf5rgxhzulT8Yy2tQ5GvIUghk5hwXZuao+A/H9wPsNFx2bAAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/f52330e9c10ddbb77bcf8c866e86c9de/82e29/react_devtools_microcopy.webp 159w","/docs/legacy/static/f52330e9c10ddbb77bcf8c866e86c9de/ef33f/react_devtools_microcopy.webp 318w","/docs/legacy/static/f52330e9c10ddbb77bcf8c866e86c9de/f1837/react_devtools_microcopy.webp 635w","/docs/legacy/static/f52330e9c10ddbb77bcf8c866e86c9de/29549/react_devtools_microcopy.webp 953w","/docs/legacy/static/f52330e9c10ddbb77bcf8c866e86c9de/c5420/react_devtools_microcopy.webp 1270w","/docs/legacy/static/f52330e9c10ddbb77bcf8c866e86c9de/72118/react_devtools_microcopy.webp 2830w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/f52330e9c10ddbb77bcf8c866e86c9de/8b9b5/react_devtools_microcopy.png 159w","/docs/legacy/static/f52330e9c10ddbb77bcf8c866e86c9de/fa108/react_devtools_microcopy.png 318w","/docs/legacy/static/f52330e9c10ddbb77bcf8c866e86c9de/53fb6/react_devtools_microcopy.png 635w","/docs/legacy/static/f52330e9c10ddbb77bcf8c866e86c9de/5a426/react_devtools_microcopy.png 953w","/docs/legacy/static/f52330e9c10ddbb77bcf8c866e86c9de/91155/react_devtools_microcopy.png 1270w","/docs/legacy/static/f52330e9c10ddbb77bcf8c866e86c9de/37a97/react_devtools_microcopy.png 2830w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/f52330e9c10ddbb77bcf8c866e86c9de/53fb6/react_devtools_microcopy.png","alt":"Topbar component selected with React Developer Tools","title":"Topbar component selected with React Developer Tools","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In the screenshot, the highlighted text (listing creation link) comes\nfrom a component called "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"FormattedMessage"}]},{"type":"text","value":". This is a component from\n"},{"type":"element","tagName":"a","properties":{"href":"https://github.com/formatjs/react-intl","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"React Intl"}]},{"type":"text","value":" library which FTW\ntemplates use to embed microcopy messages to correct microcopy keys. If\nyou check the "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"props"}]},{"type":"text","value":" section on the "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Components"}]},{"type":"text","value":" tab of Web Inspector\n(when React Developer Tools is installed), you see a row:\n"},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"id: \"TopbarDesktop.createListing\""}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"So, the microcopy message can be found from "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"en.json"}]},{"type":"text","value":" file under the\nmicrocopy key: "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"TopbarDesktop.createListing"}]},{"type":"text","value":". There are also a few other\nmessages you can see in the top bar without signing in – some in the\n"},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"TopbarDesktop"}]},{"type":"text","value":" component and one in "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"TopbarSearchForm"}]},{"type":"text","value":". Let's change\nall of them:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"json"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-json"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-json"]},"children":[{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"{"}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"span","properties":{"className":["token","property"]},"children":[{"type":"text","value":"\"TopbarDesktop.createListing\""}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"\"+ Add your cottage\""}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"span","properties":{"className":["token","property"]},"children":[{"type":"text","value":"\"TopbarDesktop.login\""}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"\"Log back in\""}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"span","properties":{"className":["token","property"]},"children":[{"type":"text","value":"\"TopbarDesktop.signup\""}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"\"Create an account\""}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"span","properties":{"className":["token","property"]},"children":[{"type":"text","value":"\"TopbarSearchForm.placeholder\""}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"\"Search cottages...\""}]},{"type":"text","value":"\n"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"}"}]}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Copy and paste the above rows, complete with the curly brackets, to the\nMicrocopy JSON field."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/2886cb2a7041133a66da9630395246e1/7e237/microcopy_editor_updates.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 58.490566037735846%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAABYlAAAWJQFJUiTwAAABXklEQVQoz42S6W6EMAyE9/1fsL/aqmq3C9sFArnthKmclGMvqUgf45h4YjAHooTm3OHzq8HnsYXWDkSMEOgpMTJ8IGhLME40wrqaP8hNjRrnS49T8wNjNsMY71nyYjiaiMnEotWQxJAwzzNyzkgp4b+X1AAViSnNYGYcpBvvPaZpKiqEEFaWtWiMcdVqujAjz9gMjbXo+gGTNtDawBgDa+2Vaq1XlVztEGuXconXgSKBOMPHDO0TIuf19YV9vEcM92yGxKVVNYwY1VjU+wiZPkUum0pMqUzxETIo5lQoQ5ETQ4gIRAilYwanVJB4OVS6fYZ0Wb+h/A6coZTF0HZQlxGD0E1QvcaoHCbH0I5hQr7DivqMwDtDTzPa04Dvlzc0r0c07ye0Hw3Oxw5d7zDYjMEI6SG9TsX8b8pimNGbBOUylN1YCuo6XT273WdvDWthKt2UjSZdFTw2q/l+Z/gLQtqoSNK8/jEAAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/2886cb2a7041133a66da9630395246e1/82e29/microcopy_editor_updates.webp 159w","/docs/legacy/static/2886cb2a7041133a66da9630395246e1/ef33f/microcopy_editor_updates.webp 318w","/docs/legacy/static/2886cb2a7041133a66da9630395246e1/f1837/microcopy_editor_updates.webp 635w","/docs/legacy/static/2886cb2a7041133a66da9630395246e1/29549/microcopy_editor_updates.webp 953w","/docs/legacy/static/2886cb2a7041133a66da9630395246e1/c5420/microcopy_editor_updates.webp 1270w","/docs/legacy/static/2886cb2a7041133a66da9630395246e1/5f20f/microcopy_editor_updates.webp 1930w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/2886cb2a7041133a66da9630395246e1/8b9b5/microcopy_editor_updates.png 159w","/docs/legacy/static/2886cb2a7041133a66da9630395246e1/fa108/microcopy_editor_updates.png 318w","/docs/legacy/static/2886cb2a7041133a66da9630395246e1/53fb6/microcopy_editor_updates.png 635w","/docs/legacy/static/2886cb2a7041133a66da9630395246e1/5a426/microcopy_editor_updates.png 953w","/docs/legacy/static/2886cb2a7041133a66da9630395246e1/91155/microcopy_editor_updates.png 1270w","/docs/legacy/static/2886cb2a7041133a66da9630395246e1/7e237/microcopy_editor_updates.png 1930w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/2886cb2a7041133a66da9630395246e1/53fb6/microcopy_editor_updates.png","alt":"Modified Topbar microcopy in Console","title":"Modified Topbar microcopy in Console","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When you save the file, you should soon see the changes in the top bar\non the search page:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/94cd638a7e5c432746d39a718c5b06b9/92974/updated_topbar_microcopy.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 40.880503144654085%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAYAAAD5nd/tAAAACXBIWXMAABYlAAAWJQFJUiTwAAACFUlEQVQoz2XN70sTcQDH8fuL+iOKtJ5kZGjZSogkEkmHUSkJCT0wEAmFChHLJz0oKjMr1hNd7oeWslnMOfW2227O3W3Tze1u393u9o5F0IMevB68n3w+krBM9JxGsXKI7dgIS2BZFo7j0Gg0/mM7DYTdoCQMjqrH5A1BriwomyZlUyAJISiXy5imgW3Xqdf/sZts+49m49gkSyYTkSLD4SIPNou8iGnMxbLcDZUZDpeQRLVKpWIgahZVITAMk+ZJ/e9Ik1WvU7Pq0LBZy1UZ2DhiKHSIR94hnV0llgnwQY4ysplHEg6UAaVgslOoIZdANWAltMez10u8XPAztxhg9qOfN198eBIFejeOmYlmyOeCqJqXxMEaiubHp4aRtEycHz4PTx+NMPNknFi2iGrC7KtZ2jrbcT+con90it6RSe6PTjIfzdIfrrCeDLGrLvE5EWE/G8STiPBO3kaK7uww5HZz63wLPedOMzo2wcLXZaanxzlz6gQX2tvouOKi89pN+vru8P5nksVEHF33Mi9vsaEqpLXvbGYCyNoK0jdfkMGBe3ScbaXlZCuXum7Qc9vN4/Exui9f5Hq3C1dXFy7XVQYH3CxH48jpNZTMMp/kOP5dFf/eL9bTQeKaF+mwlGf/IEUqqZIvFDDNKoZZQz/SUTNJFEVB1zUqhoFTNVjVDZ5HU6yqIaYjCm+3t9hNeUlkvcSzAX4Dtb4d66QjwuEAAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/94cd638a7e5c432746d39a718c5b06b9/82e29/updated_topbar_microcopy.webp 159w","/docs/legacy/static/94cd638a7e5c432746d39a718c5b06b9/ef33f/updated_topbar_microcopy.webp 318w","/docs/legacy/static/94cd638a7e5c432746d39a718c5b06b9/f1837/updated_topbar_microcopy.webp 635w","/docs/legacy/static/94cd638a7e5c432746d39a718c5b06b9/29549/updated_topbar_microcopy.webp 953w","/docs/legacy/static/94cd638a7e5c432746d39a718c5b06b9/c5420/updated_topbar_microcopy.webp 1270w","/docs/legacy/static/94cd638a7e5c432746d39a718c5b06b9/f596c/updated_topbar_microcopy.webp 2859w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/94cd638a7e5c432746d39a718c5b06b9/8b9b5/updated_topbar_microcopy.png 159w","/docs/legacy/static/94cd638a7e5c432746d39a718c5b06b9/fa108/updated_topbar_microcopy.png 318w","/docs/legacy/static/94cd638a7e5c432746d39a718c5b06b9/53fb6/updated_topbar_microcopy.png 635w","/docs/legacy/static/94cd638a7e5c432746d39a718c5b06b9/5a426/updated_topbar_microcopy.png 953w","/docs/legacy/static/94cd638a7e5c432746d39a718c5b06b9/91155/updated_topbar_microcopy.png 1270w","/docs/legacy/static/94cd638a7e5c432746d39a718c5b06b9/92974/updated_topbar_microcopy.png 2859w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/94cd638a7e5c432746d39a718c5b06b9/53fb6/updated_topbar_microcopy.png","alt":"Topbar with updated microcopy","title":"Topbar with updated microcopy","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To get more insight into microcopy syntax, different language files, and\nlocalization of dates and money values, you should check the article:\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/ftw/how-to-change-ftw-bundled-microcopy/"},"children":[{"type":"text","value":"How to change FTW bundled microcopy"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To learn more about how the hosted microcopy work in FTW templates, read\nthe article on "},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/ftw/hosted-microcopy/"},"children":[{"type":"text","value":"hosted assets in FTW"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To read more about how microcopy can be modified in Flex Console, check\nout the article about "},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/concepts/microcopy/"},"children":[{"type":"text","value":"microcopy in Flex"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In the next article, you learn how to configure FTW-daily and change the\ndefault currency."},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/tutorial/configurations/"},"children":[{"type":"text","value":"› Go to the next article"}]}]}],"data":{"quirksMode":false}},"headings":[{"value":"Where to find copy-texts","depth":2},{"value":"Change the microcopy for Topbar component","depth":2}]}},"pageContext":{"slug":"working-with-microcopy","category":"tutorial-branding"}},
    "staticQueryHashes": ["3794076007","439097193","717698143"]}