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

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.

8. 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>