Lightning Communities Developer Guide

Get Up to Speed with Lightning Communities
Develop Lightning Communities: The Basics
Customize the Look and Feel of a Lightning Template
Example: Build a Condensed Theme Layout Component
Develop Secure Code: Lightning Locker and CSP
Analyze and Improve Community Performance
Use a CMS with Your Community
Connect Your Community to Your External Content Management System
Before Using CMS Connect
Create a CMS Connection
Edit a CMS Connection
Manage CMS Connections
Add CMS Content to Your Community Pages
Add CMS Header and Footer Components to Your Community
Add CMS Connect (HTML) Components to Your Community Pages
Add CMS Connect (JSON) Components to Your Community Pages
CMS Connect (JSON) Expressions
Personalize Your CMS Content
CMS Connect Recommendations for Optimal Usage
CMS Connect Examples
Create Custom Content Types for Salesforce CMS
Delete Custom Content Types for Salesforce CMS
Report on Deflections: The Deflection Signals Framework
Deploy a Community from Sandbox to Production
PDF

Newer Version Available

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

Add CMS Connect (JSON) Components to Your Community Pages

Ready to show external JSON articles and blogs on your community pages? To display your content just the way you want, use the property editor in the Experience Builder to customize your component layout.

Before you can add JSON components to your community pages, set up connections to your JSON CMS content. The connection defines the content lists and content items to display. It also specifies the path to your content.

After you set up the connection, you’re ready to configure how the content appears on your community pages.

  1. In Setup, enter All Communities in the Quick Find box, then select All Communities.
  2. Next to the community name where you want to add CMS content, click Builder.
  3. Click Components icon to open the Component panel.
  4. Drag a CMS Connect (JSON) component to where you want to display it on the page.
  5. In the component’s property editor, configure component properties.

Example

Let’s say you want to display a list of blogs on your page.

Content List Display

  1. In the property editor, select the CMS source you defined as a connection. Select a content list as your JSON content.

    JSON Property Editor part 1

  2. Define the grid layout for your list.

    JSON Property Editor part 2

  3. To configure the layout of each list item, enter JSON expressions in that section.

    JSON Property Editor part 3

  4. Configure how you display each blog item, either through a community page or an external link.

    JSON Property Editor part 4

After you save the settings, you see a preview of the content in the page area.

JSON in Builder

Detail Page

Notice the Read More link for each item? After you publish your changes, you can click a link under a blog item in the series. When you click the link, you see an external page or a community page that’s created dynamically for each content item in your content list. To change the name or URL of this detail page, locate the page in the Pages menu in the top toolbar, and modify its properties. For search engine optimization (SEO), detail page URLs are added to the sitemap files.

For each content type name, only one detail page is created. If you create more than one content list under the same content type name, you see the same detail page.