Author a New Community Site author-a-new-community-site

CAUTION
AEM 6.4 has reached the end of extended support and this documentation is no longer updated. For further details, see our technical support periods. Find the supported versions here.

Create a New Community Site create-a-new-community-site

Use the author instance to create a new community site

  • Sign in with administrator privileges
  • From global navigation: Navigation > Communities > Sites

The Communities Sites console provides a wizard to guide one through the steps of creating a community site. It is possible to move forward to the Nextstep or Backto the previous step before committing the site in the final step.

To get started creating a new community site:

  • Select the Create button

createcommunitysite

Step 1: Site Template step-site-template

createsitetemplate63

On the Site Template step, enter a title, description, the name for the URL, and select a community site template, for example:

  • Community Site Title: Getting Started Tutorial

  • Community Site Description: A site for engaging with the community.

  • Community Site Root: (leave blank for default root /content/sites)

  • Cloud Configurations: (leave blank if no cloud configurations are specified) provide path to the specified cloud configurations.

  • Community Site Base Language: (leave untouched for single language: English) use the pull down menu to choose one or more base languages from the available languages- German, Italian, French, Japanese, Spanish, Portuguese (Brazil), Chinese (Traditional), and Chinese (Simplified). One community site will be created for each language added, and will exist within the same site folder following the best practice described in Translating Content for Multilingual Sites. The root page of each site will contain a child page named by the language code of one of the languages selected, such as ‘en’ for English or ‘fr’ for French.

  • Community Site Name: engage

    • Double-check the name as it is not easily changed after the site is created
    • The initial URL will be displayed underneath the Community Site Name
    • For a valid URL, append a base language code + “.html”
    • For example, http://localhost:4502/content/sites/ engage/en.html
  • Template: pull down to choose Reference Site

Select Next

Step 2: Design step-design

The Design step is presented in two sections for selecing the theme and branding banner:

COMMUNITY SITE THEME community-site-theme

Select the desired style to apply to the template. When selected, the theme will be overlayed with a check mark.

sitetheme

COMMUNITY SITE BRANDING community-site-branding

(Optional) Upload a banner image to display across the site pages. The banner is pinned to the left edge of the browser, between the community site header and menu (navigation links). The banner height is cropped to 120 pixels. There is no resizing of the banner to fit the width of the browser and 120 pixel height.

chlimage_1-353 chlimage_1-354

Select Next.

Step 3: Settings step-settings

On the Settings step, before selecting Next, notice there are seven sections providing access to configurations involving user management, tagging, moderation, group management, analytics, translation and enablement.

Visit the Getting Started with AEM Communities for Enablement tutorial to experience working with the enablement features.

USER MANAGEMENT user-management

Check all checkboxes for User Management

  • To allow site visitors to self-register
  • To allow site visitors to vew the site without signing in
  • To allow members to send and receive messages from other community members
  • To allow signing-in with Facebook instead of registering and creating a profile
  • To allow signing-in with Twitter instead of registering and creating a profile
NOTE
For a production environment, it is necessary to create custom Facebook and Twitter applications. See Social Login with Facebook and Twitter.

createsitesettings

TAGGING tagging

The tags which may be applied to community content are controlled by selecting AEM namespaces previously defined through the Tagging Console (such as the Tutorial namespace).

Finding namespaces is easy using type-ahead search. For example,

  • Type ‘tut’
  • Select Tutorial

chlimage_1-355

ROLES roles

Community member roles are assigned through the settings in the Roles section.

To let a community member (or group of members) experience the site as the community manager, use the type-ahead search and select the member or group name from the options in the drop-down.

For example,

NOTE
Tunnel service allows selection of members and groups existing only in the publish environment.

community_roles-1

MODERATION moderation

Accept the default global settings for moderating user generated content (UGC).

chlimage_1-356

ANALYTICS analytics

If Adobe Analytics is licensed and an Analytics cloud service and framework have been configured, then it is possible to enable Analytics and select the framework.

See Analytics Configuration for Communities Features.

chlimage_1-357

TRANSLATION translation

The Translation settings specify the base language for the site as well as whether or not UGC may be translated and into which language, if so.

  • Check Allow Machine Translation
  • Leave default languages selected for translation by the default Machine Translation service
  • Leave default translation provider and config
  • There’s no need for a global store because there are no language copies
  • Select Translate entire page
  • Leave default persistence option

chlimage_1-358

ENABLEMENT enablement

Leave empty when creating an engagement community.

For a similar tutorial to quickly create an enablement community, see Getting Started with AEM Communities for Enablement.

Select Next.

Step 4: Create Communities Site step-create-communities-site

Select Create.

chlimage_1-359

When the process completes, the folder for the new site is displayed in the Communities - Sites console.

communitiessitesconsole

Publish the New Community Site publish-the-new-community-site

The created site should be managed from the Communities - Sites console, the same console from where new sites may be created.

After selecting the community site’s folder to open it, hover over the site icon such that four action icons appear:

siteactionicons-1

On selecting the fourth ellipses icon (More Actions), Export Site and Delete Site options show up.

siteactionsnew-1

From left to right they are:

  • Open Site
    Select the pencil icon to open the community site in author edit mode, to add and/or configure page components

  • Edit Site
    Select the properties icon to open the community site for modification of properties, such as the title or to change the theme

  • Publish Site
    Select the world icon to publish the community site (for example if your publish server is running on your local machine, then to localhost:4503 by default)

  • Export Site
    Select the export icon to create a package of the community site that is both stored in package manager and downloaded.

    Note that UGC is not included in the site package.

  • Delete Site

    select the delete icon to delete the community site from within Communities > Sites console. This action removes all the items associated with the site, such as UGC, user groups, assets and database records.

siteactions-1

NOTE
If not using the default port 4503 for the publish instance, then edit the default replication agent to set the port number to the correct value.
On the author instance, from the main menu
  1. Navigate to Tools > Operations > Replication menu
  2. Select Agents on author
  3. Select Default Agent (publish)
  4. Next to Settings select Edit
  5. In pop up dialog for Agent Settings, select Transport tab
  6. In URI, change the port number, 4503, to the desired port number
For example, to use port 6103: http://localhost:6103/bin/receive?sling:authRequestLogin=1
  1. Select OK
  2. (Optional) Select Clear or Force Retry to reset the replication queue

Select Publish select-publish

After ensuring the publish server is running, select the world icon to publish the community site.

chlimage_1-360

When the community site has been successfully published, a message briefly appears:

chlimage_1-361

Notice New Community User Groups notice-new-community-user-groups

Along with the new community site, new user groups are created which have the appropriate permissions set for various administrative functions. For details, visit User Groups for Community Sites.

For this new community site, given the site name “engage” in Step 1, the four new user groups may be seen from the Groups console (global navigation: Communities, Groups):

  • Community Engage Cpommunitymanagers
  • Community Engage Groupadministrators
  • Community Engage Members
  • Community Engage Moderators
  • Community Engage Privilegedmembers
  • Community Engage Sitecontentmanager

Notice that Aaron McDonald is a member of

  • Community Engage Cpommunitymanagers
  • Community Engage Moderators
  • Community Engage Members (indirectly as a member of Moderators group)

chlimage_1-362

http://localhost:4503/content/sites/engage/en.html http-localhost-content-sites-engage-en-html

chlimage_1-363

Configure for Authentication Error configure-for-authentication-error

Once a site has been configured and pushed to publish, configure login mapping ( Adobe Granite Login Selector Authentication Handler) on the publish instance. The benefit is that when login credientials are not entered correctly, the authentication error will redisplay the community site’s login page with an error message.

Add a Login Page Mapping as

  • /content/sites/engage/en/signin:/content/sites/engage/en

Optional Steps optional-steps

Change the Default Home Page change-the-default-home-page

When working with the publish site for demonstration purposes, it might be useful to change the default home page to the new site.

To do so requires using CRXDE Lite to edit the resource mapping table on publish.

To get started:

  1. On publish, sign in with administrator privileges

  2. Browse to http://localhost:4503/crx/de

  3. In the project browser, expand /etc/map

  4. Select the http node

    • Select Create Node

  5. With newly created localhost.4503 node selected

    • Add property

      • Name sling:match

      • Type String

      • Value localhost.4503/$

        (must end with ‘$’ char)

    • Add property

      • Name sling:internalRedirect
      • Type String
      • Value /content/sites/engage/en.html
  6. Select Save All

  7. (optional) Delete the browsing history

  8. Browse to http://localhost:4503/

    • Arrive at http://localhost:4503/content/sites/engage/en.html
NOTE
To disable, simply prepend the sling:match property value with an ‘x’ - xlocalhost.4503/$ - and Save All.

chlimage_1-364

Troubleshooting: Error Saving Map troubleshooting-error-saving-map

If unable to save changes, be sure the node name is localhost.4503, with a ‘dot’ separator, and not localhost:4503 with a ‘colon’ separator, as localhostis not a valid namespace prefix.

chlimage_1-365

Troubleshooting: Fail to Redirect troubleshooting-fail-to-redirect

The ‘$’ at the end of the regular expression sling:matchstring is crucial, so that only exactly http://localhost:4503/ is mapped, else the redirect value is prepended to any path that might exist after the server:port in the URL. Thus, when AEM tries to redirect to the login page, it fails.

Modify the Site modify-the-site

After the site has been initially created, authors may use the Open Site icon to perform standard AEM authoring activities.

In addition, administrators may use the Edit Site icon to modify properties of the site, such as the title.

After any modification, remember to save and re-publish the site.

NOTE
If not familiar with AEM, view the documentation on basic handling and a quick guide to authoring pages.
recommendation-more-help
5d37d7b0-a330-461b-814d-068612705ff6