Newer Version Available

This content describes an older version of this product. View Latest

Create a CMS Connection

Create a connection between your content management system and your community so you can render headers, footers, banners, blogs, and other content on your community pages.

Read Before Using CMS Connect to make sure you’re ready to connect to your CMS.

  1. Go to Community Workspaces.
  2. Click Content Management.
  3. Click CMS Connect.
  4. Click New CMS Connection (if no connections have been created yet in your community) or New.
  5. For Name, enter a friendly name for the connection. The name shows up in your CMS workspace and other internal areas. (An API name is created for the connection behind the scenes, based on the name you enter.)
  6. Select your CMS source.

    If your CMS server isn’t listed, select Other. CMS Connect works with the HTML, JSON, CSS, and HTTP standards and isn’t provider-specific.

    Note

  7. For Server URL, enter the full path to a CMS server that’s accessible using HTTPS (HTTP over SSL). Use a fully qualified domain name, such as: https://www.example.com.
  8. For Root Path, enter the path to the directory that your CMS content is in. You can include placeholders for language and component. For example, here’s an example of a root path to content in AEM.

    content/mywebsite/{language}/{component}

    The {language} placeholder isn’t required, but if you include it in your root path, enable language mapping and add at least one language. See Build a CMS Connect Root Path and Component Paths for details on root paths and how they work with component paths.

    Note

  9. If your CMS source is Adobe Experience Manager (AEM) and your HTML content is set up with personalization, you can use that personalized content in your community. To do that, enable Use Personalization. See Personalize Your CMS Content for details on setting up personalization.

    To use personalization, enable it for the components you want to personalize. Do that in Builder Settings for header and footer, and in Community Builder for banners or other components.

    Note

  10. To include CSS, click Add CSS to add one or more URLs to your CSS files. If your CSS is scoped, you can specify it in the Scope field. Style sheets load in the order listed. Use the up and down arrows to change the order.
  11. To include JavaScript, click Add Script to add one or more URLs to your JavaScript files. Scripts load in the order listed. Use the up and down arrows to change the order.
  12. To connect JSON content such as blogs, click Add JSON and enter a name, type, and path for each JSON component you want to add. See Set Up a Connection for Your JSON CMS for details.
  13. If your content has multiple languages, select Enable language mapping. See Set Up Language Mapping in Your CMS Connection for more information on setting up language mapping.

    In the Salesforce Language dropdown, English is selected by default. To map English, for CMS Language, enter the directory name of your English language folder from AEM. For example, enter en.

    To add more languages, click Add Language. For each language that you add from your CMS, make sure it’s enabled in your Builder Settings.

    If you want to map languages from your community that you don’t have in your CMS, you can define the language in which the CMS content is displayed. For example, if your community has French and French Canadian enabled, you can set it up so the French Canadian community displays French content:

    CMS Connect Language Mapping
  14. Click Save.