Integrate the B+ plugins and create your video platform
conversation with your community and on your own website.

#1

Insert this script on your website

<script>window.BPReady = function (bp) { bp.init({ app_id: "beplus", lang: "es" }); }</script>

<script defer src="https://beplus.prod.beplus.solutions/sdk/core/latest/bp.js"></script>

Integration sample

#2

You can now start using the social plugins

That’s it!

Domain
Description:
  • This Widget acts as a compilation of the latest comments made on the domain.
  • It does not allow commenting, but it does allow the user to browse across replies.
  • Ideally it should be located on the home page, but it can also be integrated into any other page.
Basic HTML:
<div class="bp-element" data-type="domain"></div>
Optional ‘data’ attributes
  • Number of elements to be displayed
data-numberposts
  • Minimum height in px
data-min-height
  • Url of the image to be displayed in the upper left corner
data-logo
  • Url of the background video
data-video-background
  • Show or hide the "comment" button in the upper right corner
data-display-button = "true" o "false" (default is false)
Example:

HTML example:

<div 
class="bp-element"
data-type="domain"
data-numberposts="10"
data-min-height="300px"
data-display-button="false"
/>
Web comment
Description:
  • Collects all comments to a news item on the web.
  • Allow the users to participate.
  • Can be integrated into any page
Basic HTML:
<div class="bp-element" data-type="ext" data-contentid="your.custom.id.for.this.content"></div>
Optional ‘data’ attributes:
  • Number of elements to be displayed
data-numberposts
  • Minimum height in px
data-min-height
  • Url of the image to be displayed in the left upper corner
data-logo
  • Url of the background video
data-video-background
Example:

HTML example:
<div
class="bp-element"
data-contentid="beplus.demopage"
data-type="ext"
data-numberposts="10"
data-min-height="300px"
/>
User
Description:
  • To be inserted into the site, it collects all posts from a specific user in their B+ profile.
  • Can be integrated into any page
Basic HTML:
<div class="bp-element" data-type="user-grid" data-userid="[userid]"></div>
Optional ‘data’ attributes:
  • Number of elements to be displayed
data-numberposts
  • Minimum height in px
data-min-height
  • Url of the background video
data-video-background
Example:

HTML example:
<div class="bp-element" data-type="user-grid" data
-userid="6076c587adf60b003c65de6e" />
Video
Description:
  • Allows adding the B+ post that generates the conversation, allowing users to comment on it.
  • Allows users to participate and browse the answers.
  • Can be integrated into any page.
Basic HTML:
<div class="bp-element" data-type="video" data-contentid="
[contentid]"></div>
Optional ‘data’ attributes:
  • Minimum height in px
data-min-height
Ejemplo:

HTML example:

<div class="bp-element" data-type="video"
data-contentid="61268591b700f200159da121" />
User QR
Description:
  • Displays a QR code that opens the user’s profile in the B+ application when scanned.
  • Allows to browse the user's post and comment on it.
  • Can be integrated into any page.
Basic HTML:
<div data-type="qr-user" data-userid="[userid]"></div>
Example:

HTML example:
 <div class="bp-element" data-type="qr-user" data-
userid="6076c587adf60b003c65de6e" />