{"id":4300,"date":"2024-04-14T09:09:11","date_gmt":"2024-04-14T01:09:11","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=4300"},"modified":"2024-04-14T09:09:11","modified_gmt":"2024-04-14T01:09:11","slug":"customize-page-configurations","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/customize-page-configurations\/","title":{"rendered":"Customize page configurations"},"content":{"rendered":"\n
\n

Alongside personalizing content in the CMS dashboard and on the Designer canvas, you also have the ability to customize your page\u2019s slug (i.e., URL), page-level SEO configurations, and Open Graph configurations. By default, each page on your website derives its configurations from the primary locale, but you have the option to modify these on any secondary locale(s).\u00a0<\/p>\n

Prior to commencing:<\/strong> Explore the Localization overview to acquaint yourself with Localization.\u00a0<\/h6>\n
Note:<\/strong> Some Localization functions are exclusively accessible on particular Localization plans. Take a comprehensive look at the comparison of Localization plans and features<\/a>.\u00a0<\/h6>\n

In this guide, you\u2019ll discover:\u00a0<\/p>\n

    \n
  1. How to tailor page-level SEO and Open Graph configurations<\/li>\n
  2. How to adjust custom code<\/li>\n<\/ol>\n

    Tailoring page-level SEO and Open Graph configurations<\/h2>\n

    To personalize your SEO and Open Graph configurations for each page:\u00a0<\/p>\n

      \n
    1. Press the Locale view<\/strong> dropdown in the top bar<\/li>\n
    2. Select your preferred locale<\/li>\n
    3. Access the Pages panel<\/strong><\/li>\n
    4. Hover over the page whose configurations you wish to modify\u00a0<\/li>\n
    5. Click the configurations \u201ccog<\/strong>\u201d icon\u00a0<\/li>\n<\/ol>\n

      Subsequently, you can manually adjust your SEO configurations<\/strong> and Open Graph configurations<\/strong> as usual \u2014 or hover over each field and click the \u201cglobe<\/strong>\u201d icon to machine-translate text.\u00a0<\/p>\n

      Learn more about SEO customization.<\/p>\n

      Insider tip:<\/strong> For Collection pages, you have the option to integrate Collection fields into your SEO configurations and Open Graph configurations.\u00a0<\/h6>\n

      How to adjust custom code<\/h2>\n

      Comparable to other design elements (i.e., layout of elements and components), custom code in secondary locales is inherited from the primary locale. You are unable to append or eliminate custom code while in a secondary locale.\u00a0<\/p>\n

      If you wish to create custom code that exclusively impacts a specific locale, we suggest utilizing the HTML lang attribute as a selector to target the locale, like this: <\/p>\n

      \n
      \n
      \n<script>\n\/\/ Obtain the lang attribute from the HTML element\nconst htmlLang = document.documentElement.lang;\n\n\/\/ Inspect the lang attribute and carry out a script accordingly\nif (htmlLang === 'en') {\nconsole.log('This page is in English. You can execute English-specific code here.');\n\/\/ Insert your English-specific code here\n} else if (htmlLang === 'fr') {\nconsole.log('This page is in French. You can execute French-specific code here.');\n\/\/ Insert your French-specific code here\n} else {\nconsole.log('This page is in a language other than English or French.');\n\/\/ Incorporate code for other languages here\n}\n<\/script>\n<\/code><\/pre>\n<\/div>\n<\/div>\n
      Alternatively, for dynamic CSS:\u00a0<\/p>\n
      \n
      \n
      \n<style>\n\/* Custom styles for all languages *\/\np {\nfont-size: 16px;\ncolor: black;\n}\n\n\/* Styles for English content *\/\n:lang(en) p {\nfont-weight: bold;\n}\n\n\/* Styles for French content *\/\n:lang(fr) p {\nfont-style: italic;\n}\n\n\/* Include additional language-specific styles as necessary *\/\n<\/style>\n<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Localize your page\u2019s SEO details, Open Graph settings, and custom code.","protected":false},"author":2,"featured_media":5185,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[288],"tags":[],"class_list":{"0":"post-4300","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-localization","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/4300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=4300"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/4300\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/5283"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=4300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=4300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=4300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}