Integra los plugins de B+ y crea hoy tu plataforma de vídeo
conversación con tu comunidad y en tu propia web.

#1

Inserta este script en tu página web

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

Muestra de integración:

#2

Ahora elige los plugins sociales que quieras utilizar

¡Eso es todo!

Dominio
Descripción:
  • Widget que actúa como recopilatorio de los últimos comentarios realizados en el dominio.
  • No permite comentar, pero sí navegar por las respuestas.
  • Lo ideal es ubicarlo en la home, pero se puede integrar en cualquier otro espacio de la web.
Marcado HTML básico: 
  <div class="bp-element" data-type="domain"></div>
Atributos "data" opcionales:
  • Número de elementos a mostrar
data-numberposts
  • Altura mínima en px
data-min-height
  • Url de la imagen a mostrar en la esquina superior izquierda
data-logo
  • Url del vídeo de fondo
data-video-background
  • Muestra u oculta el botón "comenta" en la esquina superior derecha
data-display-button = "true" o "false" (por defecto es false)
Ejemplo:

HTML del ejemplo:

<div 
class="bp-element"
data-type="domain"
data-numberposts="10"
data-min-height="300px"
data-display-button="false"
/>
Respuesta web
Descripción:
  • Widget que recoge todos los comentarios a una noticia de tu web.
  • Permite al usuario participar y navegar por las respuestas.
  • Puede ubicarse en cualquier espacio de tu web.
Marcado HTML básico: 
<div class="bp-element" data-type="ext" data-contentid="your.custom.id.for.this.content"></div>
Atributos "data" opcionales:
  • Número de elementos a mostrar
data-numberposts
  • Altura mínima en px
data-min-height
  • Url de la imagen a mostrar en la esquina superior izquierda
data-logo
  • Url del vídeo de fondo
data-video-background
Ejemplo:

HTML del ejemplo: 
<div class="bp-element"
data-contentid="beplus.demopage"
data-type="ext"
data-numberposts="10"
data-min-height="300px"
/>
Usuario
Descripción:
  • Widget que muestra el perfil de un usuario de B+ y, por tanto, recoge todos sus posts para que puedan visualizarse en tu web
  • Puede ubicarse en cualquier espacio de tu web
Marcado HTML básico: 
<div class="bp-element" data-type="user-grid" data-userid="[userid]"></div>
Atributos "data" opcionales:
  • Número de elementos a mostrar
data-numberposts
  • Altura mínima en px
data-min-height
  • Url del vídeo de fondo
data-video-background
Ejemplo:

HTML del ejemplo: 
<div class="bp-element" data-type="user-grid" data
-userid="6076c587adf60b003c65de6e" />
vídeo
Descripción:
  • Widget que permite incorporar el vídeo original de B+ sobre el que se inicia la conversación para que el usuario comente sobre el mismo.
  • Permite al usuario participar y navegar por las respuestas.
  • Puede ubicarse en cualquier espacio de tu web.
Marcado HTML básico: 
<div class="bp-element" data-type="video" data-contentid="
[contentid]"></div>
Atributos "data" opcionales:
  • Altura mínima en px
data-min-height
Ejemplo:

HTML del ejemplo:

<div class="bp-element" data-type="video"
data-contentid="61268591b700f200159da121" />
QR usuario
Descripción:
  • Muestra un código QR que "al escanearlo" abre el perfil del usuario en la aplicación de B+.
  • Permite navegar por los post del usuario y comentar en los mismos.
  • Puede ubicarse en cualquier espacio de tu web.
Marcado HTML básico: 
  
<div data-type="qr-user" data-userid="[userid]"></div>
Ejemplo:

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