Community Spotlight

Draw users to act on key initiatives such as registrations, digital subscriptions or conversation call-to-action.

Community Spotlight drives users further down the engagement funnel and helps you build top-line revenue.

1798

Collecting newsletter subscribers using Spotlight



Implementation Options

OpenWeb provides you several approaches to add Community Spotlight to your site. Each is listed in the following table.

ApproachDescription
StandardEnables adding Community Spotlight to your existing Conversation implementation
Custom LocationEnables choosing a location for the Community Spotlight feature
AMPEnables adding Community Spotlight to an AMP page

You can add Community Spotlight to a page using either the Standard or Custom Location method.



Standard

When using this implementation method, Community Spotlight appears where the launcher code is located. If Conversation is enabled, Community Spotlight appears horizontally above it.

To add Community Spotlight, use the following steps:

  1. In your OpenWeb Admin Panel, click Features > Spotlight.
  2. Under Enable/Disable Spotlight, click the toggle to Enabled. Additional Spotlight settings appear.
  3. Choose Card Type:
    • Email collector: Encourages a user to share an email address
    • Counter: Displays the number of comments posted and encourages a user to post a comment
    • Redirect: Displays a customizable captions (contact your PSM) and a specified redirect URL.
  4. (Redirect only) Enter a Redirect URL.
  5. From the Choose Location dropdown menu, choose Above Conversation.
  6. Click Save & Publish.


Custom Location

When using this implementation method, you can choose the location where Community Spotlight appears on a page.

To add Community Spotlight, use the following steps:

  1. In your OpenWeb Admin Panel, click Features > Spotlight.

  2. Under Enable/Disable Spotlight, click the toggle to Enabled. Additional Spotlight settings appear.

  3. Choose Card Type:
    - Email collector: Encourages a user to share an email address
    - Counter: Displays the number of comments posted and encourages a user to post a comment
    - Redirect: Displays a customizable captions (contact your PSM) and a specified redirect URL.

    📘

    At the page level, you can override the Spotlight settings in your OpenWeb Admin Panel and change the card type to an email collection or counter card.

    Add one of the following attributes to the embed code:

    • Email collector: data-card-type="form"
    • Counter: data-card-type="counter"
  4. (Redirect only) Enter a Redirect URL.

  5. From the Choose Location dropdown menu, choose Custom location (horizontal orientation) or Sidebar (vertical orientation).

  6. Copy the Embed Code.

ApproachCode
Custom location<div data-conversation-spotlight></div>
Sidebar*<div data-conversation-spotlight data-spotlight-sidebar></div>

The Sidebar implementation of Community Spotlight requires a minimum width of 300px.

  1. Click Save & Publish.
  2. On your page, add the Community Spotlight embed code in the desired page location.
  3. When embedding Community Spotlight on a page without other OpenWeb products, add the launcher code.


AMP

Contact your PSM for personalized AMP implementation instructions.