Search

Main Home

This is where your fans will land when they visit your b.stage. The first thing they'll see is the cover area showing off your unique identity, followed by your latest content and Stories.

 

👉 Main Home Editor

  • From the top left corner, you can directly exit the page or set the language of the preview.
  • You can choose between mobile and PC view types using the button in the center.
  • Clicking on [View My b.stage] at the top right corner will take you to the main home screen of the user view (in a new window).

 

👉 Main Home Editor Detailed Menu

  • Header - Header Logo

    • When clicked, it will navigate (in a new window) to the "SETTINGS > Design Settings > Logo & Favicon" page.

    • You can register an image or text as the logo in the top menu. If you want to use an image, please refer to the following guidelines:

      • Recommended size: 600px or wider

      • PNG file with transparent non-logo areas

      • Maximum size: 5MB

 

  • Brand Cover

    • Setting the Cover Background. Please refer to the detailed guide below.

 

  • Feed

    • You can enable or disable the display of the "Feed" tab. Turning off the feed hides the area below. Story highlight, pin, banner features are disabled. In the activated state of the "Feed", you can choose to hide the [Story Highlights].

 

  • Pin

    • Choose one item to pin at the top of the Main Home Feed.
    • Recent content displays up to 100 in the Feed, with pinned content appearing below the first banner. Also, you can pin Star Stories.
    • If you click the [All Contents], you can set the filter to [Uploaded videos] / [Embedded videos] / [Posts] / [Star Stories] / [Surveys] / [Polls].
    • After selecting one item to pin, click [Pin] on the upper right corner.
    • If you need to edit the pinned item, you can simply click [Remove] to reset.

 

  • Banners

    •  Link to promotions or other content you want to highlight in banners (up to 10). The first banner will appear at the top of your b.stage's home screen, followed by a banner for every 5 recent posts.
    • The recommended image size is 960*960 pixels or more, and JPG, PNG, and GIF file formats of up to 10MB are supported.
    • You can also add multiple languages. Banners in an unregistered language will appear in the default language
    • If you would like to add a title to the banner, you must upload an image first. Then, enter the [Title] shown above the uploaded image (up to 20 characters).
    • You can change the title alignment, and the text color with the edit tool available below the banner image.
    • Access URL (required): Please insert an URL to redirect the users upon clicking.
      • Actiavate [Open in new window] if you wish to redirect the users in new window.
    • Visibility Settings
      • You can specify [Display Now] / [Schedule Display] / [Private] / [Set Display End].
      • If you set [Display End], the banner would be unexposed on the designated date and time.
    • When all settings are complete, click [Save] on the upper right corner.

✔️ Adjust banner order

  • f there are two or more banners, you can change the order by clicking and dragging the ⁝⁝ icon that appears when you mouse over the banner.
  • The first banner is displayed at the top of the Main Home feed, and subsequent banners are displayed one by one for every five new posts (paid/free content, Star Stories).

✔️ Banner editing

  • If you need to edit a registered banner, you can edit it by clicking the pencil icon that appears when you mouse over the banner, or you can delete it by clicking the ⓧ icon.

 

  • Story

    • Share fun posts, pictures, and videos with your fans in the Stories. Customize the menu name as you like.

 

  • Star Color

    • When clicked, it will navigate to "Settings > Design Settings > Color Theme." Please refer to this document for color configuration guidelines.

 

 

👉 Brand Cover

  • Style

    • You can configure different brand cover for mobile and PC views, respectively.

 

  • Cover Height

    • Choose Brand Cover height and upload corresponding image or video. Set mobile and desktop background separately for customer experience.
    • Full page: Brand Cover displays as full screen on any device.
    • Auto: Brand Cover height is automatically adjusted based on the uploaded contents. For Hero images, we suggest using the Auto setting.

 

  • Background

    • You can enable or disable the display of the background. When disabled, a white background will be provided.
    • When you click on [Image/Video], you can choose to set an image or a video as the background.
      • Image: Press the [Upload] button to directly upload an image from your device or use [Unsplash] to search and add images.
        • Unsplash is a website that provides high-resolution photos under a free license.
        • JPG, PNG, and GIF file formats of up to 10MB are supported.
      • Video: Press the [Upload] button to directly upload your desired video.
        • MP4, MOV file formats of up to 300MB are supported.
    • When you click on [Color], you can configure the color settings.
    • If the content in the brand cover area is not prominent enough, you can use an overlay effect. Apply a [Solid] (+transparency) or a [Gradient] effect to enhance the visibility and appeal.

 

  • Content Align

    • You can set the alignment of content elements (logo, description, social links).
    • Note: If you set the [Cover Height] to Auto, only left, center, and right alignments will be available.

 

  • Hero Image

    • You can add a hero image on top of the brand cover background (including video backgrounds).
    • Click the [Upload] button to directly upload an image from your device or use [Unsplash] to search and add images.
      • JPG, PNG, and GIF file formats of up to 10MB are supported.
      • Ratio adjustment is possible.
        • Mobile - 1:1, 4:3, 3:4, Free
        • PC - 6:1, 4:1, 3:1, Free
      • You can also add spacing to the Hero Image.

 

  • Logo

    • The Logo can be set either text or image that represents your brand exclusively. Please use the same logo you used in the top Home menu.
    • Text
      • Please click the input field to enter your brand name. You may add multiple langugages, if not entered, it will be displayed in the default language.
    • Image
      • Please upload your brand Logo in the format below.
        • Supported formats: JPG, PNG, GIF
        • Up to 5MB
    •  After uploading the image, you can use the [Zoom In/out] feature to adjust its size. (Minimum 0.1x, Maximum 3x)

 

  • Description

    • Please add a simple description for your b.stage. (Maximum 200 characters)
    • You must enter the default language to save, and if you do not enter a multilingual language, it will be displayed in the default language.

 

  • Social Links

    • From "Settings > Basic Information > Social Links Settings, you can add integrated social links or links of your choice (Up to 20 links can be added.)
    • By un-checking the [Show Texts] option, you can display only the link icons without any accompanying text.

 

  • Button

    • Press [+] to add up to 5 buttons.
    • Choose between "Color Button" and "Default Button." When selecting the default button, the color can be inverted to match the Brand Cover background.
    • Select the button type.
      • Custom: Allows you to link to any desired page. Ensure the button is appropriately named for the intended link.
      • Log in: Encourage users to log in and is invisible to logged in users.
      • Membership: Links to membership and encourages people to sign up for membership.
      • Share: Copy address to share your b.stage link with members.
      • Sponsorship: A button that links to Sponsorship to encourage donations. (This option is only available if Sponsorship is enabled in "Settings > Shop Settings.")
    • Enter the URL for the button. Internal links (within b.stage) will trigger a screen transition, while external links will open in a new window.
    • Button Name: Enter the name of the button in the desired language field. If left blank, it will be displayed in the default language.
    • After adding the button, you can use the [Style] menu to adjust the button's appearance, alignment, and color.

 

✔️ Adjust button order

  • If there are two or more buttons, you can change the order by clicking and dragging the ⁝⁝ icon that appears when you mouse over.

✔️ Button editing

  • If you need to edit a registered button, you can edit it by clicking the ••• that appears when you mouse over, or you can delete it by clicking the ⓧ icon.