• Contacto
  • ¿Qué es el Éxito para Mí?
  • Recursos que uso

Mis Ingresos Pasivos

Aprende a generar ingresos pasivos en internet

  • Inicio
  • Como me hice Emprendedor
  • Quien es Óscar
  • Acceso Miembros
  • HAZTE PREMIUM
Usted está aquí: Inicio / Video / Chatroll: Cómo añadir un live chat en tu evento en vivo

Chatroll: Cómo añadir un live chat en tu evento en vivo

Por Oscar martin Deja un comentario

En este tutorial veremos como añadir un sistema de live chat a nuestro evento en vivo hecho con Hangout, pero valdría para cualquier otra plataforma de eventos live.

Si no sabes como emitir un hangout en directo aquí tienes como hacerlo.

Chatroll tiene una versión gratuita, aunque esta sólo sirva para 10 usuarios por lo que salvo que en tu evento haya muy poca gente esta versión sólo te servirá para probar como funciona. El precio para 100 usuarios es de 19$, puedes ver en su web los precios dependiendo del número de usuarios.

Aquí puedes ver los precios para hacerte una idea:

precios chatroll

El función de chat de algunas plataformas de creación de eventos en vivo no son muy buenas por lo que usar un servicio que es exclusivo para ello puede dar muy buenos resultados.

De hecho estoy convencido que si has asistido a eventos en vivo te será muy familiar chatroll ;)

Índice

  • Tutorial en Vídeo
  • Crear una cuenta en Chatroll
  • Configura chatbox en Chatroll
  • Añadir Chatroll en nuestra web

Tutorial en Vídeo

Suscríbete a mi canal:  

Crear una cuenta en Chatroll

Pocas cosas en la vida hay más fáciles :)

Haces click en «Sign Up Free» rellenas el formulario y estás dentro:

darse alta chatroll

Configura chatbox en Chatroll

Una vez dentro del escritorio de chatroll te aparecen los eventos que has creado. Cada evento es un chat distinto. Además tienes un botón para crear un nuevo chat «Create a New Live Event»

escritorio chatroll

Al crear un nuevo chat los pasos son muy sencillos:

  • Nombre: El nombre del evento o del chat
  • Embed: El código que tienes que añadir en la página donde quieres el chat. Dispone de plugin o módulo para las principales plataformas como WordPress, Drupal, Wix Weebly, Joomla, Shopify, Leadpages, Squarespace, Unbounce, phpBB, vBulletin.
    No recomiendo usar el plugin ya que el proceso es muy sencillo y te ahorras añadir más carga a tu web.
    Copiamos el código que nos da y lo pegaremos en la página donde queremos que aparezca.
  • Customize: Nos da la url personalizada con una página con el chat alojada en chatroll.

Si hacemos click en «Go to Chat Dashboard» vamos a la configuración completa del chat.

chatroll dashboard

Añadir Chatroll en nuestra web

En el paso de Embed nos da el código que necesitamos para que aparezca el chat en nuestra página.

Recuerda que siempre que añadas código a una entrada o página de WordPress es mejor que tengas el edito en html en vez de visual:

codigo chat vivo

Y el resultado del código anterior será:

chatroll

Cuando usamos un chatbox de este tipo es porque tenemos un evento en vivo y queremos que nuestros usuarios interactúen por eso tiene que dar apariencia de integrado con el vídeo del evento.

Para que de el efecto de una sóla plataforma vamos a poner el video en vivo a la izquierda y el chat a la derecha.
Para hacerlo depende de la plantilla que uses. Si además usas un editor visual no tendrás problema.

Yo lo haré en una plantilla Genesis aprovechando que tiene clases css preparadas para crear las columnas.

Si tienes dificultad con el CSS puedes instalar el plugin Genesis Columns Advanced. Este plugin te añadirá en el editor de WordPress la opción de añadir las columnas que quieras:

genesis columns advanced

Cómo en mi caso quiero que el vídeo ocupe 2/3 partes y el chat 1/3 seleccionaré la opción Estructuras Avanzadas y dentro la siguiente:

33 columnas

En el editor de vídeo veré dos zonas separadas por unos shortcodes:

shortcodes genesis columns

En el editor quedaría algo como lo siguiente:

youtube chat

Y el resultado obtenido el siguiente:

chat youtube integrado

Cómo puedes ver el resultado es muy bueno con muy poca configuración.

Espero que te sea útil ;)
Saludos

Publicado en: Video Etiquetado como: Livechat

vivir de internet copiame

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Carrito

Destacados

¿Quieres aprender a ganar dinero en internet? Cópiame

Quién Soy

¿Quieres saber quién soy?

Leer Más…

Más Información

  • Condiciones de Uso
  • Condiciones generales de venta
  • Aviso Legal
  • Política de Privacidad
  • Política de cookies

Buscador

Funciono con el Theme Genesis · Acceder

Este sitio web instalará en tu navegador cookies analíticas y publicitarias propias y de terceros si continúas navegando.
Encontrará más información en nuestra Política de Cookies..Configuración de CookiesAceptar
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Siempre activado
Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.
Básicamente el blog no funcionará bien si no están activas.
Estas cookies son:
- Comprobación de inicio de sesión.
- Cookies de seguridad imprescindibles.
- Saber si ya has aprobado/rechazado las cookies.
Non-necessary
Esta web utiliza las siguientes cookies adicionales:
- Mautic: Recordar si ya estás suscrito al boletín de noticias.
- Google Analytics: un servicio de analítica web desarrollada por Google, que permite la medición y análisis de la navegación en las páginas web.
GUARDAR Y ACEPTAR