How to: Manage Homepage components

Your community homepage features four configurable sections by default, arranged in the following order: Homecards, Next Mission, Explore/Search, and Featured Channels. This layout allows for easy navigation and engagement, ensuring members can quickly access key content and activities.

The feed (Your Feed below) and the Discover (Trending below) cannot be removed and are always at the bottom of the homepage.

Homepage details.png

How to manage Homecards

Homecards allow you to animate the homepage by highlighting the latest events or available product testings and display all key activities available on the platform to create a dashboard effect for quick access to various points of interest within the community

The Homecards can be 2 types of cards:

  • Manual Homecards: These are the Homecards from V1 that allow for manually creating a card that redirects to a location within the BEP or externally.
  • Dynamic Homecards:
    • Highlight the 4 key community activities: product testing, contest, survey, and event
    • These cards by default redirect to the detail page of a particular event or product testing
    • If no item is available, the card redirects to the associated channel

These Homecards, whether dynamic or manual, can be positioned relative to each other.

Create a dynamic Homecard

  1. Click on the "Manage homecards" button from the back office after clicking on Home
    150.png

  2. You'll land on your Homecards’ list, showing both your dynamic and manual Homecards
    151.png

  3. Click on the "Add a card" button to add a new one. You can also create a new dynamic Homecard by clicking on the + buttons between the existing Homecards.
  4. You'll land on the "Add a homecard" page. This view allows you to choose between 2 types of Homecards to create
  5. Click on "Add a dynamic card"
  6. You'll land on the "Dynamic" page. This view allows you to choose between 4 types of dynamic cards to create:

    • product testing
    • contest
    • survey
    • event
    154.png

  7. Click on the desired type of activity.

    The fields to fill out are:
    Allows you to choose the channel to dynamically point to.
    The dropdown displays channels of the relevant type (event channels if it's a dynamic event card, etc.)
    This field does not appear if you are creating a dynamic contest card because only one contest channel per BEP is allowed.

    Override channel name:Text field allowing admins to rename the card because some BEPs may use channel types differently.
    By default, it contains the name of the associated channel type: Product testing, Contest, Survey, or Event.
    A counter dynamically displays the number of characters entered.
    There is no validation restriction based on the number of characters entered. However, if the number of characters exceeds the recommended limit, the text will be cropped on the BEP front end.
    Banner image visible for visitors: Dimensions: 213x66 px
    You can choose not to load an image. If no image is selected, the BEP will automatically display the default channel image. If a default image is also unavailable, it will show the channel's primary color instead.
  8. Click on "Create homecard".
    By default, the newly created card appears at the top of the Homecards list if you clicked on the "add a homecard" button initially.
    If you created the card by clicking on the + icon directly in the existing Homecards listing, then the newly created card appears where you clicked the + icon.
    An italicized mention "- Dynamic" appears next to the card title to specify that it's a dynamic Homecard.
    If you exit the configuration at any time without clicking "confirm", a popup will appear asking for confirmation.
    156.png

Create a manual Homecard

  1. Click on the "Manage homecards" button from the back office, after clicking on Home
    157.png

  2. You'll land on the "Manage homecards" page. This view lists all created Homecards, whether dynamic or manual.
    158.png
  3. Click on the "Add a homecard" button.
    You can also create a new manual Homecard by clicking on the + buttons between the existing Homecards.

    159.png

  4. You'll land on the "Add a homecard" page. This view allows you to choose between 2 types of Homecards to create.
  5. Click on "Add a manual card"
    160.png

  6. You'll land on the "Manual" page. 
    161.png
    Tagline: Enter the title of the card here.
    Points of experience: Enter the number of points that unlock the mission, if you want to highlight a mission in this card.
    URL link: Enter the URL to which the card should link, in the format https://…

    Image:

    • Dimensions: 213x66 px
    • It is possible not to load an image.
    • If no image is selected, the BEP will display the channel image by default, and if there is none, it will display the primary color

     

    State:
    • Online: Once clicked on "Create homecard", the card will be immediately visible on the BEP.
    • Pending: Once clicked on "Create homecard", the card will be created and visible in the back office, but invisible on the BEP, like a draft.
  7.  Click on "Create homecard"

  8. You'll land on the "Manage homecards" page:

    • By default, the new Homecard appears at the top of the Homecards list if you clicked on the "add a homecard" button initially.
    • If you created the card by clicking on the + icon directly in the existing Homecards listing, then the newly created card appears where you clicked the + icon.
    • An italicized mention "- Manual" appears next to the card title to specify that it's a manual Homecard.
    • A label "Online" or "Pending" indicates the card's status.
    • The number of experience points also appears next to the card title if they were provided.

     

Edit or delete a homecard

From your Homecards’ list, click on the pen icon on the right of the Homecard to edit it, and on the basket icon to delete it

👉All entered information is editable
👉Remember to click "Confirm" to save the changes

How to manage Featured channels

162.png

Visitors or logged-in members want to quickly identify different themes to find a topic that interests them. The goal is to encourage users to click on a group and subscribe to the channel by increasing their visibility (mainly on mobile).

Create a featured card

  1. Click on the "Manage featured channels" button from tab called Featured channel in the Home section163.png
  2. You'll land on the Featured channels page. This view lists all created channel cards.
  3. Click on the "Add a featured channel" button or a + button from the list to create the card at that location.
    164.png
  4. You'll land on the "Add" page. 

    165.pngChannel: select the desired channel from the list.
    Only channels created on the platform and in "Visible" or "Limited" mode are displayed in the dropdown.
    Channels for which a card has already been created do not appear in the dropdown.
    Banner image: this field is optional
    Dimensions: 213x66 px
    This image is only visible from the homepage and does not overwrite the banner in the channel header.
    If a banner is already configured for the channel, loading a new image here will replace the channel's banner, but only for the homepage view.
    If there is no banner configured for the channel and no image is loaded here, then the background of the group card is the primary color.

  5. Click on "Add".
    By default, the new card created appears at the top of the channel card list if you clicked on the "add a featured channel" button initially.
    If you created the card by clicking on the + icon directly in the existing featured channels listing, then the newly created card appears where you clicked the + icon.

If you exit the configuration at any time without clicking "confirm", a popup will appear asking for confirmation.
166.png

Repositioning the featured channels cards

  1. From your Home tab, click on "Manage featured channels".
  2. You'll land on the "Featured channels" page.
  3. Simply click on the drag and drop icon to the left of a card and hold the click to move the card and reposition it.

👉 Changes are made in real-time; once the card is repositioned, its new position is saved and reflected on the BEP without needing to click any other buttons.

Editing/Deleting a Featured channel

  1. From the menu or the Home page in the admin V2, click on "Manage channels".
  2. You'll land on the "Featured channels" page.
  3. Click on the pen icon on the right of the Homecard to edit it, and on the basket icon to delete it


👉Remember to click "Confirm" to save the changes

Next Mission

This allows logged-in members to always keep an eye on the next mission they can complete without needing to go to their profile.

 

167.png

Explore/Search

The search bar allows members to search for specific content but also other community members. As an admin, you will also benefit from these functionnalities in your day to day moderation.

 

168.png

Settings (Feed and Discover)

From the Settings tab, you can choose the channels you want members to see content from when scrolling through their feed.

  Feed Discover
Audience Unique per user, based on users they are following Same for all users, no matter the people they follow
Content Hidden for visitors Visible for visitors
Content Types - Posts (most recents first & refreshed in real-time) - Posts that have received the highest amount of interactions over the past 15 days
  - Comments  
Channels Displayed Only visible channels Only visible channels open to all users

To add a channel, simply click on Add, choose from the list, then Save changes.

169.png

If a channel is set to appear in the Feed or the Discover and you want to remove the channel, you will need to remove it from the Settings before deactivating it.


FAQs


How to change the order of the 4 components?

You can choose the order of appearance of the components on the homepage.

To do this, simply drag and drop the different blocks and give them the desired position.

170.png

How to enable/hide a homepage component?

You can choose to display or hide any section of the homepage using the toggle:

171.png

Changes will happen instantly.

👉We strongly recommend to keep them visible as they play a major role in user activation or navigation.

Was this article helpful?
0 out of 0 found this helpful