The OpenWeb Developer Hub

Welcome to the OpenWeb developer hub. You'll find comprehensive guides and documentation to help you start working with OpenWeb as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started    

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.

Collecting newsletter subscribers using Spotlight



Implementation Options

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 > Community Spotlight.
  2. Enable Spotlight.
  3. Choose Type.
  4. Choose Card Type.
  5. From the Choose Location dropdown menu, Above Conversation.
  6. Click Save changes.
  7. When embedding Community Spotlight on a page without other OpenWeb products, add the launcher code.
<script 
    async 
    src="https://launcher.spot.im/spot/SPOT_ID"
    data-spotim-module="spotim-launcher"
    data-post-url="ARTICLE_URL"
    data-article-tags="ARTICLE_TOPIC1, ARTICLE_TOPIC2"    
    data-post-id="POST_ID">
</script>

Custom Location

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

To add Community Spotlight, use the following steps:

  1. In your OpenWeb Admin Panel, click Features > Community Spotlight.
  2. Enable Spotlight.
  3. Choose Type.
  4. Choose Card Type.
  5. From the Choose Location dropdown menu, Custom Location.
  6. Click Save changes.
  7. On your page, add the Community Spotlight positioning <div> in the desired page location.

    The following table lists the different approaches for aligning Spotlight with the layout of your page.
ApproachCode
Horizontal<div data-conversation-spotlight></div>
Vertical<div data-conversation-spotlight data-spotlight-sidebar></div>

  1. When embedding Community Spotlight on a page without other OpenWeb products, add the launcher code.
<script 
    async 
    src="https://launcher.spot.im/spot/SPOT_ID"
    data-spotim-module="spotim-launcher"
    data-post-url="ARTICLE_URL"
    data-article-tags="ARTICLE_TOPIC1, ARTICLE_TOPIC2"    
    data-post-id="POST_ID">
</script>

Updated about 17 hours ago


Community Spotlight


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

Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.