diff --git a/.gitbook/assets/image (1) (1).png b/.gitbook/assets/image (1) (1).png index 1061e02..097d932 100644 Binary files a/.gitbook/assets/image (1) (1).png and b/.gitbook/assets/image (1) (1).png differ diff --git a/.gitbook/assets/image (84).png b/.gitbook/assets/image (1) (4).png similarity index 100% rename from .gitbook/assets/image (84).png rename to .gitbook/assets/image (1) (4).png diff --git a/.gitbook/assets/image (10).png b/.gitbook/assets/image (10).png index 6c44af3..7d50866 100644 Binary files a/.gitbook/assets/image (10).png and b/.gitbook/assets/image (10).png differ diff --git a/.gitbook/assets/image (11).png b/.gitbook/assets/image (11).png index 1882fe2..be39695 100644 Binary files a/.gitbook/assets/image (11).png and b/.gitbook/assets/image (11).png differ diff --git a/.gitbook/assets/image (12).png b/.gitbook/assets/image (12).png index 9a570d5..6aa134f 100644 Binary files a/.gitbook/assets/image (12).png and b/.gitbook/assets/image (12).png differ diff --git a/.gitbook/assets/image (13).png b/.gitbook/assets/image (13).png index acd3b8a..bc2c653 100644 Binary files a/.gitbook/assets/image (13).png and b/.gitbook/assets/image (13).png differ diff --git a/.gitbook/assets/image (14).png b/.gitbook/assets/image (14).png index 2ac5344..005d433 100644 Binary files a/.gitbook/assets/image (14).png and b/.gitbook/assets/image (14).png differ diff --git a/.gitbook/assets/image (15).png b/.gitbook/assets/image (15).png index 7d50866..1d83022 100644 Binary files a/.gitbook/assets/image (15).png and b/.gitbook/assets/image (15).png differ diff --git a/.gitbook/assets/image (16).png b/.gitbook/assets/image (16).png index eabd1c6..94b539b 100644 Binary files a/.gitbook/assets/image (16).png and b/.gitbook/assets/image (16).png differ diff --git a/.gitbook/assets/image (17).png b/.gitbook/assets/image (17).png index 1d2b01c..707cc5e 100644 Binary files a/.gitbook/assets/image (17).png and b/.gitbook/assets/image (17).png differ diff --git a/.gitbook/assets/image (18).png b/.gitbook/assets/image (18).png index 503d596..8cf91e2 100644 Binary files a/.gitbook/assets/image (18).png and b/.gitbook/assets/image (18).png differ diff --git a/.gitbook/assets/image (19).png b/.gitbook/assets/image (19).png index 859bbea..af3a0d2 100644 Binary files a/.gitbook/assets/image (19).png and b/.gitbook/assets/image (19).png differ diff --git a/.gitbook/assets/image (2).png b/.gitbook/assets/image (2).png index 8913d01..aba6c91 100644 Binary files a/.gitbook/assets/image (2).png and b/.gitbook/assets/image (2).png differ diff --git a/.gitbook/assets/image (20).png b/.gitbook/assets/image (20).png index 357b137..9a570d5 100644 Binary files a/.gitbook/assets/image (20).png and b/.gitbook/assets/image (20).png differ diff --git a/.gitbook/assets/image (21).png b/.gitbook/assets/image (21).png index be39695..155ecd3 100644 Binary files a/.gitbook/assets/image (21).png and b/.gitbook/assets/image (21).png differ diff --git a/.gitbook/assets/image (22).png b/.gitbook/assets/image (22).png index 281637e..503d596 100644 Binary files a/.gitbook/assets/image (22).png and b/.gitbook/assets/image (22).png differ diff --git a/.gitbook/assets/image (23).png b/.gitbook/assets/image (23).png index 8c77327..0312379 100644 Binary files a/.gitbook/assets/image (23).png and b/.gitbook/assets/image (23).png differ diff --git a/.gitbook/assets/image (24).png b/.gitbook/assets/image (24).png index 3528235..8c77327 100644 Binary files a/.gitbook/assets/image (24).png and b/.gitbook/assets/image (24).png differ diff --git a/.gitbook/assets/image (25).png b/.gitbook/assets/image (25).png index a9fe7f3..357b137 100644 Binary files a/.gitbook/assets/image (25).png and b/.gitbook/assets/image (25).png differ diff --git a/.gitbook/assets/image (26).png b/.gitbook/assets/image (26).png index 8cf91e2..56c5b66 100644 Binary files a/.gitbook/assets/image (26).png and b/.gitbook/assets/image (26).png differ diff --git a/.gitbook/assets/image (27).png b/.gitbook/assets/image (27).png index 63f1662..6c44af3 100644 Binary files a/.gitbook/assets/image (27).png and b/.gitbook/assets/image (27).png differ diff --git a/.gitbook/assets/image (28).png b/.gitbook/assets/image (28).png index ecc0fe4..28b4058 100644 Binary files a/.gitbook/assets/image (28).png and b/.gitbook/assets/image (28).png differ diff --git a/.gitbook/assets/image (29).png b/.gitbook/assets/image (29).png index aba6c91..cefc54e 100644 Binary files a/.gitbook/assets/image (29).png and b/.gitbook/assets/image (29).png differ diff --git a/.gitbook/assets/image (3).png b/.gitbook/assets/image (3).png index 503d596..4831abf 100644 Binary files a/.gitbook/assets/image (3).png and b/.gitbook/assets/image (3).png differ diff --git a/.gitbook/assets/image (30).png b/.gitbook/assets/image (30).png index abdf0c1..a8e4132 100644 Binary files a/.gitbook/assets/image (30).png and b/.gitbook/assets/image (30).png differ diff --git a/.gitbook/assets/image (31).png b/.gitbook/assets/image (31).png index 94b539b..6811daf 100644 Binary files a/.gitbook/assets/image (31).png and b/.gitbook/assets/image (31).png differ diff --git a/.gitbook/assets/image (32).png b/.gitbook/assets/image (32).png index af3a0d2..a9fe7f3 100644 Binary files a/.gitbook/assets/image (32).png and b/.gitbook/assets/image (32).png differ diff --git a/.gitbook/assets/image (33).png b/.gitbook/assets/image (33).png index 94b539b..8f6fe40 100644 Binary files a/.gitbook/assets/image (33).png and b/.gitbook/assets/image (33).png differ diff --git a/.gitbook/assets/image (34).png b/.gitbook/assets/image (34).png index fec8b19..3528235 100644 Binary files a/.gitbook/assets/image (34).png and b/.gitbook/assets/image (34).png differ diff --git a/.gitbook/assets/image (35).png b/.gitbook/assets/image (35).png index 8f047bb..12f77df 100644 Binary files a/.gitbook/assets/image (35).png and b/.gitbook/assets/image (35).png differ diff --git a/.gitbook/assets/image (36).png b/.gitbook/assets/image (36).png index 48716b8..fde6971 100644 Binary files a/.gitbook/assets/image (36).png and b/.gitbook/assets/image (36).png differ diff --git a/.gitbook/assets/image (37).png b/.gitbook/assets/image (37).png index 4831abf..2b87035 100644 Binary files a/.gitbook/assets/image (37).png and b/.gitbook/assets/image (37).png differ diff --git a/.gitbook/assets/image (38).png b/.gitbook/assets/image (38).png index 4de550d..87c57ea 100644 Binary files a/.gitbook/assets/image (38).png and b/.gitbook/assets/image (38).png differ diff --git a/.gitbook/assets/image (39).png b/.gitbook/assets/image (39).png index 8f212ec..804d02d 100644 Binary files a/.gitbook/assets/image (39).png and b/.gitbook/assets/image (39).png differ diff --git a/.gitbook/assets/image (4).png b/.gitbook/assets/image (4).png index 6861730..8f047bb 100644 Binary files a/.gitbook/assets/image (4).png and b/.gitbook/assets/image (4).png differ diff --git a/.gitbook/assets/image (40).png b/.gitbook/assets/image (40).png index be3bec4..a759080 100644 Binary files a/.gitbook/assets/image (40).png and b/.gitbook/assets/image (40).png differ diff --git a/.gitbook/assets/image (41).png b/.gitbook/assets/image (41).png index 7072afe..023f16f 100644 Binary files a/.gitbook/assets/image (41).png and b/.gitbook/assets/image (41).png differ diff --git a/.gitbook/assets/image (42).png b/.gitbook/assets/image (42).png index 2ef432a..63f1662 100644 Binary files a/.gitbook/assets/image (42).png and b/.gitbook/assets/image (42).png differ diff --git a/.gitbook/assets/image (44).png b/.gitbook/assets/image (44).png index 707cc5e..2ef432a 100644 Binary files a/.gitbook/assets/image (44).png and b/.gitbook/assets/image (44).png differ diff --git a/.gitbook/assets/image (45).png b/.gitbook/assets/image (45).png index 1ac2b04..acd3b8a 100644 Binary files a/.gitbook/assets/image (45).png and b/.gitbook/assets/image (45).png differ diff --git a/.gitbook/assets/image (46).png b/.gitbook/assets/image (46).png index 28b4058..c60d825 100644 Binary files a/.gitbook/assets/image (46).png and b/.gitbook/assets/image (46).png differ diff --git a/.gitbook/assets/image (47).png b/.gitbook/assets/image (47).png index 12f77df..5f801c8 100644 Binary files a/.gitbook/assets/image (47).png and b/.gitbook/assets/image (47).png differ diff --git a/.gitbook/assets/image (48).png b/.gitbook/assets/image (48).png index 8b9ce00..1ac2b04 100644 Binary files a/.gitbook/assets/image (48).png and b/.gitbook/assets/image (48).png differ diff --git a/.gitbook/assets/image (49).png b/.gitbook/assets/image (49).png index ed96fbb..f8accc0 100644 Binary files a/.gitbook/assets/image (49).png and b/.gitbook/assets/image (49).png differ diff --git a/.gitbook/assets/image (89).png b/.gitbook/assets/image (5) (1) (1).png similarity index 100% rename from .gitbook/assets/image (89).png rename to .gitbook/assets/image (5) (1) (1).png diff --git a/.gitbook/assets/image (5) (1).png b/.gitbook/assets/image (5) (1).png index 0d00828..d5df8c2 100644 Binary files a/.gitbook/assets/image (5) (1).png and b/.gitbook/assets/image (5) (1).png differ diff --git a/.gitbook/assets/image (5).png b/.gitbook/assets/image (5).png index 2b87035..ed96fbb 100644 Binary files a/.gitbook/assets/image (5).png and b/.gitbook/assets/image (5).png differ diff --git a/.gitbook/assets/image (50).png b/.gitbook/assets/image (50).png index 56c5b66..26aab6b 100644 Binary files a/.gitbook/assets/image (50).png and b/.gitbook/assets/image (50).png differ diff --git a/.gitbook/assets/image (51).png b/.gitbook/assets/image (51).png index 6811daf..7072afe 100644 Binary files a/.gitbook/assets/image (51).png and b/.gitbook/assets/image (51).png differ diff --git a/.gitbook/assets/image (52).png b/.gitbook/assets/image (52).png index 1d83022..71afb2f 100644 Binary files a/.gitbook/assets/image (52).png and b/.gitbook/assets/image (52).png differ diff --git a/.gitbook/assets/image (53).png b/.gitbook/assets/image (53).png index 8f6fe40..8db5163 100644 Binary files a/.gitbook/assets/image (53).png and b/.gitbook/assets/image (53).png differ diff --git a/.gitbook/assets/image (54).png b/.gitbook/assets/image (54).png index cefc54e..8b9ce00 100644 Binary files a/.gitbook/assets/image (54).png and b/.gitbook/assets/image (54).png differ diff --git a/.gitbook/assets/image (55).png b/.gitbook/assets/image (55).png index 155ecd3..8492358 100644 Binary files a/.gitbook/assets/image (55).png and b/.gitbook/assets/image (55).png differ diff --git a/.gitbook/assets/image (56).png b/.gitbook/assets/image (56).png index 5f801c8..859bbea 100644 Binary files a/.gitbook/assets/image (56).png and b/.gitbook/assets/image (56).png differ diff --git a/.gitbook/assets/image (57).png b/.gitbook/assets/image (57).png index d5df8c2..fec8b19 100644 Binary files a/.gitbook/assets/image (57).png and b/.gitbook/assets/image (57).png differ diff --git a/.gitbook/assets/image (58).png b/.gitbook/assets/image (58).png index 62c18e1..2ac5344 100644 Binary files a/.gitbook/assets/image (58).png and b/.gitbook/assets/image (58).png differ diff --git a/.gitbook/assets/image (59).png b/.gitbook/assets/image (59).png index bc2c653..8f212ec 100644 Binary files a/.gitbook/assets/image (59).png and b/.gitbook/assets/image (59).png differ diff --git a/.gitbook/assets/image (6).png b/.gitbook/assets/image (6).png index 7834aea..dbea25e 100644 Binary files a/.gitbook/assets/image (6).png and b/.gitbook/assets/image (6).png differ diff --git a/.gitbook/assets/image (60).png b/.gitbook/assets/image (60).png index c9148d9..872bfd5 100644 Binary files a/.gitbook/assets/image (60).png and b/.gitbook/assets/image (60).png differ diff --git a/.gitbook/assets/image (61).png b/.gitbook/assets/image (61).png index 097d932..1d2b01c 100644 Binary files a/.gitbook/assets/image (61).png and b/.gitbook/assets/image (61).png differ diff --git a/.gitbook/assets/image (62).png b/.gitbook/assets/image (62).png index a759080..7b48287 100644 Binary files a/.gitbook/assets/image (62).png and b/.gitbook/assets/image (62).png differ diff --git a/.gitbook/assets/image (63).png b/.gitbook/assets/image (63).png index cf561d2..7834aea 100644 Binary files a/.gitbook/assets/image (63).png and b/.gitbook/assets/image (63).png differ diff --git a/.gitbook/assets/image (64).png b/.gitbook/assets/image (64).png index 804d02d..8cf91e2 100644 Binary files a/.gitbook/assets/image (64).png and b/.gitbook/assets/image (64).png differ diff --git a/.gitbook/assets/image (65).png b/.gitbook/assets/image (65).png index c60d825..8913d01 100644 Binary files a/.gitbook/assets/image (65).png and b/.gitbook/assets/image (65).png differ diff --git a/.gitbook/assets/image (66).png b/.gitbook/assets/image (66).png index 872bfd5..c60a150 100644 Binary files a/.gitbook/assets/image (66).png and b/.gitbook/assets/image (66).png differ diff --git a/.gitbook/assets/image (67).png b/.gitbook/assets/image (67).png index f8accc0..281637e 100644 Binary files a/.gitbook/assets/image (67).png and b/.gitbook/assets/image (67).png differ diff --git a/.gitbook/assets/image (68).png b/.gitbook/assets/image (68).png index 005d433..6861730 100644 Binary files a/.gitbook/assets/image (68).png and b/.gitbook/assets/image (68).png differ diff --git a/.gitbook/assets/image (69).png b/.gitbook/assets/image (69).png index 26aab6b..f2dbea5 100644 Binary files a/.gitbook/assets/image (69).png and b/.gitbook/assets/image (69).png differ diff --git a/.gitbook/assets/image (7).png b/.gitbook/assets/image (7).png index 217e7a2..62c18e1 100644 Binary files a/.gitbook/assets/image (7).png and b/.gitbook/assets/image (7).png differ diff --git a/.gitbook/assets/image (70).png b/.gitbook/assets/image (70).png deleted file mode 100644 index 71afb2f..0000000 Binary files a/.gitbook/assets/image (70).png and /dev/null differ diff --git a/.gitbook/assets/image (71).png b/.gitbook/assets/image (71).png deleted file mode 100644 index a99169c..0000000 Binary files a/.gitbook/assets/image (71).png and /dev/null differ diff --git a/.gitbook/assets/image (72).png b/.gitbook/assets/image (72).png deleted file mode 100644 index 0312379..0000000 Binary files a/.gitbook/assets/image (72).png and /dev/null differ diff --git a/.gitbook/assets/image (73).png b/.gitbook/assets/image (73).png deleted file mode 100644 index 8db5163..0000000 Binary files a/.gitbook/assets/image (73).png and /dev/null differ diff --git a/.gitbook/assets/image (74).png b/.gitbook/assets/image (74).png deleted file mode 100644 index a8e4132..0000000 Binary files a/.gitbook/assets/image (74).png and /dev/null differ diff --git a/.gitbook/assets/image (75).png b/.gitbook/assets/image (75).png deleted file mode 100644 index 005d433..0000000 Binary files a/.gitbook/assets/image (75).png and /dev/null differ diff --git a/.gitbook/assets/image (76).png b/.gitbook/assets/image (76).png deleted file mode 100644 index 8492358..0000000 Binary files a/.gitbook/assets/image (76).png and /dev/null differ diff --git a/.gitbook/assets/image (77).png b/.gitbook/assets/image (77).png deleted file mode 100644 index fde6971..0000000 Binary files a/.gitbook/assets/image (77).png and /dev/null differ diff --git a/.gitbook/assets/image (78).png b/.gitbook/assets/image (78).png deleted file mode 100644 index 023f16f..0000000 Binary files a/.gitbook/assets/image (78).png and /dev/null differ diff --git a/.gitbook/assets/image (79).png b/.gitbook/assets/image (79).png deleted file mode 100644 index 3068066..0000000 Binary files a/.gitbook/assets/image (79).png and /dev/null differ diff --git a/.gitbook/assets/image (8).png b/.gitbook/assets/image (8).png index 4fcd23c..94b539b 100644 Binary files a/.gitbook/assets/image (8).png and b/.gitbook/assets/image (8).png differ diff --git a/.gitbook/assets/image (80).png b/.gitbook/assets/image (80).png deleted file mode 100644 index dbea25e..0000000 Binary files a/.gitbook/assets/image (80).png and /dev/null differ diff --git a/.gitbook/assets/image (81).png b/.gitbook/assets/image (81).png deleted file mode 100644 index 87c57ea..0000000 Binary files a/.gitbook/assets/image (81).png and /dev/null differ diff --git a/.gitbook/assets/image (82).png b/.gitbook/assets/image (82).png deleted file mode 100644 index a5b701c..0000000 Binary files a/.gitbook/assets/image (82).png and /dev/null differ diff --git a/.gitbook/assets/image (83).png b/.gitbook/assets/image (83).png deleted file mode 100644 index 7b48287..0000000 Binary files a/.gitbook/assets/image (83).png and /dev/null differ diff --git a/.gitbook/assets/image (85).png b/.gitbook/assets/image (85).png deleted file mode 100644 index 804d02d..0000000 Binary files a/.gitbook/assets/image (85).png and /dev/null differ diff --git a/.gitbook/assets/image (86).png b/.gitbook/assets/image (86).png deleted file mode 100644 index f2dbea5..0000000 Binary files a/.gitbook/assets/image (86).png and /dev/null differ diff --git a/.gitbook/assets/image (87).png b/.gitbook/assets/image (87).png deleted file mode 100644 index c60a150..0000000 Binary files a/.gitbook/assets/image (87).png and /dev/null differ diff --git a/.gitbook/assets/image (88).png b/.gitbook/assets/image (88).png deleted file mode 100644 index 8cf91e2..0000000 Binary files a/.gitbook/assets/image (88).png and /dev/null differ diff --git a/.gitbook/assets/image (9).png b/.gitbook/assets/image (9).png index 6aa134f..4de550d 100644 Binary files a/.gitbook/assets/image (9).png and b/.gitbook/assets/image (9).png differ diff --git a/.gitbook/assets/image (90).png b/.gitbook/assets/image (90).png deleted file mode 100644 index 4fcd23c..0000000 Binary files a/.gitbook/assets/image (90).png and /dev/null differ diff --git a/SUMMARY.md b/SUMMARY.md index 185507e..0bfec0a 100644 --- a/SUMMARY.md +++ b/SUMMARY.md @@ -51,14 +51,14 @@ * [🖌 Personalización](widgets/personalizacion/README.md) * [Posición del widget](widgets/personalizacion/posicion-del-widget.md) * [Burbuja personalizable](widgets/personalizacion/burbuja-personalizable.md) -* [🔗 Acciones por URL](widgets/acciones-por-url.md) +* [🔗 Acciones por URL](widgets/url-triggers.md) * [🛰 API](widgets/api/README.md) * [Introducción](widgets/api/introduccion.md) * [Variables globales](widgets/api/variables-globales.md) * [Propiedades](widgets/api/propiedades.md) * [Métodos](widgets/api/metodos.md) * [Eventos](widgets/api/eventos.md) - * [Ajustes](widgets/api/ajustes.md) + * [Ajustes](widgets/api/diseno.md) * [Forzar segmentos](widgets/api/forzar-segmentos.md) ## Seguridad diff --git a/componentes-web/webrtc/slots.md b/componentes-web/webrtc/slots.md index 268e254..055e8bf 100644 --- a/componentes-web/webrtc/slots.md +++ b/componentes-web/webrtc/slots.md @@ -24,7 +24,7 @@ El listado de botones accionables como compartir pantalla, micrófono, cámara, * `button-chat`: botón de chat * `button-fullscreen`: botón de pantalla completa -

Botones disponibles por defecto

+

Botones disponibles por defecto

{% hint style="info" %} Los botones de cambio de cámara y compartir pantalla automáticamente se mostrarán si la función está disponible en el navegador, de lo contrario no se mostrará. diff --git a/depuracion/devtools.md b/depuracion/devtools.md index d3ea163..45eb55d 100644 --- a/depuracion/devtools.md +++ b/depuracion/devtools.md @@ -29,7 +29,7 @@ Para acceder a él existen varias maneras y dependerá de cada navegador: **El clic derecho lo podrás realizar en cualquier lugar del sitio web.** {% endhint %} -![Menú emergente al hacer clic derecho en el sitio](<../.gitbook/assets/image (87).png>) +![Menú emergente al hacer clic derecho en el sitio](<../.gitbook/assets/image (66).png>) {% hint style="info" %} Si te hemos solicitado mantener abierto Devtools, por errores que nuestros sistemas de monitoreo no han logrado capturar, lee a continuación. @@ -39,15 +39,15 @@ Si necesitas caputrar información ya sea de errores de código, red, etc. te su ### Vista acoplada -![Vista acoplada](<../.gitbook/assets/image (10).png>) +![Vista acoplada](<../.gitbook/assets/image (27).png>) ### Vista desacoplada -Para acceder a la vista desacoplada deberás hacer clic en los tres puntos ![](<../.gitbook/assets/image (73).png>) ubicado en la parte superior derecha, y luego selecciona el ícono ![](<../.gitbook/assets/image (14).png>). +Para acceder a la vista desacoplada deberás hacer clic en los tres puntos ![](<../.gitbook/assets/image (53).png>) ubicado en la parte superior derecha, y luego selecciona el ícono ![](<../.gitbook/assets/image (58).png>). Luego de esto la ventana quedará completamente desacoplada y podrás minimizarla. -![Vista como ventana desacoplada](<../.gitbook/assets/image (79).png>) +![Vista como ventana desacoplada](<../.gitbook/assets/image (57) (1).png>) ## Visualizar errores @@ -57,7 +57,7 @@ La mejor forma de obtener los errores es hacer clic en la pestaña con el nombre Si nuestro equipo técnico te ha solicitado que abras Devtools o Inspector de elementos, dirígete a la sección de exportar registros de errores. {% endhint %} -![Vista de "console" con errores y advertencias](<../.gitbook/assets/image (48).png>) +![Vista de "console" con errores y advertencias](<../.gitbook/assets/image (54).png>) Existen mensajes con distintos colores de fondo, los más comunes serán rojo y amarillo, siendo errores y advertencias, respectivamente. @@ -69,7 +69,7 @@ Es probable que nuestro equipo técnico te solicite realizar una descarga de los Para ello deberás estar en la [vista Console](devtools.md#visualizar-errores) y luego en cualquier lugar de la consola (Console) haz clic derecho, para finalmente dar clic en la opción **`Save as...`**. -![Menú emergente al hacer clic derecho en console](<../.gitbook/assets/image (22).png>) +![Menú emergente al hacer clic derecho en console](<../.gitbook/assets/image (67).png>) El archivo que descarges deberás enviarlo a [support@videsk.io](mailto:support@videsk.io), con el asunto **Registros de errores**, adjuntando el archivo con registros que habitualmente se llamará **{website}-{date}.log**. diff --git a/depuracion/webrtc.md b/depuracion/webrtc.md index cb19c0a..24098c7 100644 --- a/depuracion/webrtc.md +++ b/depuracion/webrtc.md @@ -31,17 +31,17 @@ Lee a continuación para conocer las razones por tus agentes no podrían conecta Es posible que las pruebas arrojen errores en el micrófono si este está apagado o silenciado desde tu equipo o teclado. {% endhint %} -![Error al capturar audio](<../.gitbook/assets/image (66).png>) +![Error al capturar audio](<../.gitbook/assets/image (60).png>) Como requisitos mínimo deberás contar con micrófono para unirte a las videollamadas. -![Éxito al detectar cámara](<../.gitbook/assets/image (53).png>) +![Éxito al detectar cámara](<../.gitbook/assets/image (33).png>) ### Red Para identificar problemas de red es necesario entender ciertos conceptos. -![Pruebas de red](<../.gitbook/assets/image (41).png>) +![Pruebas de red](<../.gitbook/assets/image (51).png>) `Network` consiste en pruebas propias de la red, siendo necesario disponer de al menos conexiones `UDP` o `TCP`. Si ambos tipos de protocolos de transmisión están restringidos no podrás conectar las videollamadas. @@ -49,7 +49,7 @@ Para identificar problemas de red es necesario entender ciertos conceptos. No es requerido contar con compatibilidad IPv6. {% endhint %} -![Pruebas de conexión](<../.gitbook/assets/image (39).png>) +![Pruebas de conexión](<../.gitbook/assets/image (59).png>) Para el caso de `Connectivity` serán las pruebas de conexión, donde se probará la disponibilidad de conectar desde tu red con `Relay`, es decir, servidores de retransmisión, `Reflexive` para conexión P2P fuera de la red y finalmente conexión `Host` también P2P pero dentro de la red. diff --git a/grabaciones/cloud/gcp.md b/grabaciones/cloud/gcp.md index 91d53bd..e45bfec 100644 --- a/grabaciones/cloud/gcp.md +++ b/grabaciones/cloud/gcp.md @@ -26,7 +26,7 @@ Haz clic en **Crear**. En caso que tu interfaz esté en inglés una función corresponde a **Roles** en el menú de IAM. {% endhint %} -
+
{% hint style="info" %} Deberás usar este rol para crear las credenciales en el siguiente paso. Así aseguras que solo tendremos permisos para crear archivos, no leer o modificar. @@ -57,7 +57,7 @@ Luego deberás buscar la cuenta de servicio, dando clic en el nombre. Posteriorm Finalmente haz clic en el tipo de clave **JSON**. -

Generar clave privada

+

Generar clave privada

Como último paso deberás pegar el contenido del archivo JSON en nuestra interfaz de configuración y Probar las credenciales. @@ -65,7 +65,7 @@ Como último paso deberás pegar el contenido del archivo JSON en nuestra interf Solo puedes probar las credenciales la primera vez que las creas, luego no podrás utilizar la función. {% endhint %} -
+
## Opción 1 diff --git a/grabaciones/local/google-drive-filestream.md b/grabaciones/local/google-drive-filestream.md index a9a4276..3b86e32 100644 --- a/grabaciones/local/google-drive-filestream.md +++ b/grabaciones/local/google-drive-filestream.md @@ -26,19 +26,19 @@ Deberás ingresar a la página de soporte de Google Drive acá: Siga los pasos de instalación para Windows o Mac. -![Vista de instalación en Windows](<../../.gitbook/assets/image (25).png>) +![Vista de instalación en Windows](<../../.gitbook/assets/image (32).png>) ### 3. Configure sus preferencias Selecciones las casillas sobre sus preferencias respecto a crear un acceso directo de File Stream en el escritorio de su ordenador y sobre añadir accesos directos de Documentos, Hojas e cálculo y presentaciones de Google. -![Vista de preferencias](<../../.gitbook/assets/image (72).png>) +![Vista de preferencias](<../../.gitbook/assets/image (23).png>) ### 4. Instalación Continúe con la instalación hasta ver el siguiente mensaje: -![Vista de instalación finalizada](<../../.gitbook/assets/image (51).png>) +![Vista de instalación finalizada](<../../.gitbook/assets/image (31).png>) Una vez que haya finalizado la instalación deberás configurar la carpeta descarga del navegador a utilizar. diff --git a/sdks/cancelacion-de-ruido/README.md b/sdks/cancelacion-de-ruido/README.md index c430d0c..0658e19 100644 --- a/sdks/cancelacion-de-ruido/README.md +++ b/sdks/cancelacion-de-ruido/README.md @@ -24,7 +24,7 @@ El ruido ambiente ideal debe oscilar entre menor o igual a 90 db (decibelios). Como referencia puedes usar esta tabla: -

Fuente: https://es.wikipedia.org/wiki/Decibelio

+

Fuente: https://es.wikipedia.org/wiki/Decibelio

## Uso diff --git a/sdks/intercambio-archivos/metodos.md b/sdks/intercambio-archivos/metodos.md index e82beb2..2e53199 100644 --- a/sdks/intercambio-archivos/metodos.md +++ b/sdks/intercambio-archivos/metodos.md @@ -36,7 +36,7 @@ files.forEach(file => port.send(file)); En el caso que envíes un `ArrayBuffer` o `Blob`, deberás indicar de manera obligatoria el `id` y `mimeType`. ```javascript -await port.send(myBlob, 'my-unique-id', 'image/png'); +await port.send(myBlob, 'image/png', 'my-unique-id'); ``` {% hint style="warning" %} diff --git a/webhooks/errores.md b/webhooks/errores.md index 1baa167..ec73b29 100644 --- a/webhooks/errores.md +++ b/webhooks/errores.md @@ -30,7 +30,7 @@ Para el caso de errores de formato en el webhook, automáticamente capturaremos Los errores capturados durante el proceso de envío contienen una estructura que podrás visualizar de forma sencilla. -![Estructura de un error](<../.gitbook/assets/image (19).png>) +![Estructura de un error](<../.gitbook/assets/image (56).png>) Por defecto podrás ver los siguientes datos, los cuales describiremos a continuación. diff --git a/webhooks/integraciones/power-bi.md b/webhooks/integraciones/power-bi.md index 5716805..703bfff 100644 --- a/webhooks/integraciones/power-bi.md +++ b/webhooks/integraciones/power-bi.md @@ -28,19 +28,19 @@ Para realizar la conexión utilizaremos la API de Power BI llamada [Real-time st Debes ir al menú lateral, seleccionar **Examinar > Recientes**, y luego selecciona el espacio de trabajo que desees añadir el conjunto de datos. -![](<../../.gitbook/assets/image (71).png>) +![](<../../.gitbook/assets/image (12) (1).png>) Luego en tu espacio de trabajo deberás dar clic en Nuevo y seleccionar la opción **Conjunto de datos de streaming**. -![](<../../.gitbook/assets/image (44).png>) +![](<../../.gitbook/assets/image (17).png>) Posteriormente, se desplegará un menú lateral derecho, donde deberás selecciona la opción **API** y dar clic en el botón siguiente ubicado en la parte inferior. -![](<../../.gitbook/assets/image (13).png>) +![](<../../.gitbook/assets/image (45).png>) A continuación, te mostrará un formulario el cual deberemos rellenar con los datos que necesitamos exportar. Ingresaremos un nombre de referencia el cual puede ser el que tú quieras. -![](<../../.gitbook/assets/image (74).png>) +![](<../../.gitbook/assets/image (30).png>) ## 2. Modelo de datos @@ -48,11 +48,11 @@ Para cargar los datos de forma automática en PowerBI es necesario que indiquemo Para ello dejaremos abierto PowerBI unos minutos, abriremos una nueva pestaña y deberás acceder a tu cuenta dashboard ([clic aquí](https://app.videsk.io)), luego seleccionar en el menú la opción de **Webhooks**. -![](<../../.gitbook/assets/image (6).png>) +![](<../../.gitbook/assets/image (63).png>) -Ya en Webhooks deberás dar clic en el botón azul ![](<../../.gitbook/assets/image (60).png>)ubicado en la parte superior derecha. Posteriormente, deberás seleccionar la opción **Personalizado**. +Ya en Webhooks deberás dar clic en el botón azul ![](<../../.gitbook/assets/image (26) (1).png>)ubicado en la parte superior derecha. Posteriormente, deberás seleccionar la opción **Personalizado**. -![](<../../.gitbook/assets/image (62).png>) +![](<../../.gitbook/assets/image (40).png>) Luego, deberás seleccionar qué tipo de evento quieres enviar a PowerBI. @@ -60,7 +60,7 @@ Luego, deberás seleccionar qué tipo de evento quieres enviar a PowerBI. **Para este ejemplo utilizaremos los datos del evento de llamada creada,** pero recuerda que las instrucciones aplican para cualquier otro evento**.** {% endhint %} -![](<../../.gitbook/assets/image (47).png>) +![](<../../.gitbook/assets/image (35).png>) Luego de dar clic en el evento ingresarás al editor Webhook. @@ -72,7 +72,7 @@ Ya en el editor irás al menú lateral derecho, en la parte superior encontrará Los datos que puedes observar son completamente aleatorios y no son asociados a tus clientes o negocio. {% endhint %} -![](<../../.gitbook/assets/image (32).png>) +![](<../../.gitbook/assets/image (19).png>) {% hint style="info" %} Te sugerimos hacer un listado con los datos que quieres cargar en PowerBI. @@ -110,7 +110,7 @@ Deberías obtener una estructura de valores de transmisión similar a esto: ] ``` -![](<../../.gitbook/assets/image (68).png>) +![](<../../.gitbook/assets/image (14).png>) {% hint style="warning" %} Los nombres de valor son sensibles a mayúsculas, minúsculas, espacios, caracteres especiales, etc. @@ -122,7 +122,7 @@ Recuerda seleccionar correctamente el tipo de valor, de lo contrario los datos p Deberás activar la opción de **Análisis de historial de datos**. La cual permite almacenar los datos que enviemos generando un historial de datos. -![](<../../.gitbook/assets/image (7).png>) +![](<../../.gitbook/assets/image (2) (1).png>) Para finalizar das clic en el botón **Crear**. Posteriormente, nos mostrará datos de integración que usaremos en Videsk. @@ -132,15 +132,15 @@ Ya con los datos de integración que nos proporciona PowerBI, iremos a la config * Copia la URL de inserción de PowerBI, y pégala en el campo Método y URL. -![](<../../.gitbook/assets/image (24).png>) +![](<../../.gitbook/assets/image (34).png>) -![](<../../.gitbook/assets/image (21).png>) +![](<../../.gitbook/assets/image (11).png>) * Copia el contenido **Raw** de PowerBI y pégalo en el editor de código de Webhook que se encuentra al final del editor. -![](<../../.gitbook/assets/image (64).png>) +![](<../../.gitbook/assets/image (39).png>) -![](<../../.gitbook/assets/image (63).png>) +![](<../../.gitbook/assets/image (8) (1).png>) Ahora falta el último y más importante paso que corresponde a extraer los datos dinámicos mediante nuestro lenguaje de marcado. @@ -173,7 +173,7 @@ En este ejemplo solo estaremos utilizando 6 tipos de datos, pero puedes extraer En este caso usamos `"{{agent.firstname}} {{agent.lastname}}"` entre comillas ya que es un dato compuesto. Cuando es un dato simple te sugerimos utilizar el ayudante [parser](../helpers/parser.md). {% endhint %} -![](<../../.gitbook/assets/image (15).png>) +![](<../../.gitbook/assets/image (10).png>) ```javascript [ @@ -192,11 +192,11 @@ Ya lista la estructura podrás observar en el visualizador (texto en verde) los Verificando que se asemeje la estructura a la que PowerBI espera recibir, solo faltaría asignar un nombre a este Webhook el cual es solo para que tu equipo pueda diferenciar entre múltiples Webhooks. -![](<../../.gitbook/assets/image (77).png>) +![](<../../.gitbook/assets/image (36).png>) No olvides dar clic en **Guardar**. -![](<../../.gitbook/assets/image (17).png>) +![](<../../.gitbook/assets/image (61).png>) Listo! Ya está integrada tu cuenta Videsk con PowerBI. Ya puedes realizar llamadas y se cargarán en tiempo real! :tada: @@ -204,4 +204,4 @@ Listo! Ya está integrada tu cuenta Videsk con PowerBI. Ya puedes realizar llama Recuerda asignar el conjunto de datos creado a un informe nuevo o existente. {% endhint %} -![Ejemplo de informe en PowerBI con datos enviados mediante Webhooks](<../../.gitbook/assets/image (45).png>) +![Ejemplo de informe en PowerBI con datos enviados mediante Webhooks](<../../.gitbook/assets/image (48).png>) diff --git a/webhooks/variables.md b/webhooks/variables.md index 252c611..3495096 100644 --- a/webhooks/variables.md +++ b/webhooks/variables.md @@ -22,7 +22,7 @@ En caso de webhooks, cada evento posee sus propias variables, algo similar a un Estos eventos los podrás encontrar directamente en el modo editor cuando creas un nuevo webhook, que están ubicados en la parte lateral junto con la pestaña de documentación. -![Ejemplo de diccionario](<../.gitbook/assets/image (70).png>) +![Ejemplo de diccionario](<../.gitbook/assets/image (52).png>) Como cada evento posee sus propias variables, podrás obtener información de cada una de ellas como tipo, descripción y nombre. diff --git a/widgets/acciones-por-url.md b/widgets/acciones-por-url.md deleted file mode 100644 index c1f28e2..0000000 --- a/widgets/acciones-por-url.md +++ /dev/null @@ -1,70 +0,0 @@ ---- -description: >- - A continuación podrás ver como realizar llamadas directamente mediante - parámetros en la URL. ---- - -# 🔗 URL Triggers - -## Llamada a segmento - -Con esta función podrás lograr que tus clientes puedan realizar una llamada de forma directa a un segmento uniéndose de forma automática sin clics. Esto provocará que el widget integrado en tu web, se gatille de forma automática. - -{% hint style="info" %} -También puedes disparar una llamada de forma diferida mediante [acción programática](api/metodos.md#segment). -{% endhint %} - -Para ello podrás hacerlo de dos maneras: - -## Manualmente - -Simplemente deberás escribir el enlace de tu sitio web ya sea `tusitioweb.com` o un una página en específico `tusitioweb.com/contact` y añadir un parámetro al final. - -La nomenclatura es `videsk-segment=ID_SEGMENTO`, donde el `ID_SEGMENTO` lo deberás reemplazar con el que necesites y lo podrás obtener desde tu dashboard. - -``` -https://tusitioweb.com/?videsk-segment=ID_DEL_SEGMENTO -https://tusitioweb.com/?videsk-segment=617729f58103e30802b89e7f -``` - -Si envías este enlace a un cliente ya sea por correo electrónico, SMS, WhatsApp, etc. ingresará a la fila de ese segmento de forma automática. - -{% hint style="warning" %} -La unión automática a la fila dependerá del estado de disponibilidad de tus agentes. -{% endhint %} - -{% hint style="info" %} -Si necesitas añadir más parámetros utiliza el carácter `&` para concatenar más parámetros. **El orden de los parámetros no influye!** - -Es útil cuando utilizas plataformas de analíticas como Google analytics que requieren parámetros en la URL. -{% endhint %} - -Ejemplo: - -``` -https://tusitioweb.com?videsk-segment=ID_SEGMENTO&utm_campaign=cyber&utm_source=email -``` - -## Programática - -{% hint style="info" %} -Hemos añadido la función de llamada programática, la cual puedes [ver aquí](api/metodos.md#segment). -{% endhint %} - -Para lograr que tus clientes ingresen a la fila utilizando una acción programática, requiere que tu widget cargue de forma diferida, es decir, solo cargue luego de configurar el/los parámetros en la URL. - -```javascript -function setVideskParameters(segmentId) { - const params = new URLSearchParams(window.location.search) - params.set("videsk-segment", segmentId); // Here goes segment ID - const fullURL = window.location.pathname + '?' + params.toString(); - history.pushState(null, '', fullURL); -} -setVideskParameters("617729f58103e30802b89e7f"); -``` - -{% hint style="success" %} -El código anterior no elimina parámetros existentes solo añadirá `videsk-segment` -{% endhint %} - -Luego de este extracto de código podrás cargar tu widget con Javascript, [como se indica acá](integration/#script-de-integracion). diff --git a/widgets/api/README.md b/widgets/api/README.md index 48c5540..72ff9b5 100644 --- a/widgets/api/README.md +++ b/widgets/api/README.md @@ -14,6 +14,6 @@ A continuación podrás encontrar la API de nuestro widget la cual podrás utili [eventos.md](eventos.md) {% endcontent-ref %} -{% content-ref url="ajustes.md" %} -[ajustes.md](ajustes.md) +{% content-ref url="diseno.md" %} +[diseno.md](diseno.md) {% endcontent-ref %} diff --git a/widgets/api/ajustes.md b/widgets/api/ajustes.md deleted file mode 100644 index 6bbc5ec..0000000 --- a/widgets/api/ajustes.md +++ /dev/null @@ -1,117 +0,0 @@ -# Ajustes - -Nuestro widget posee una configuración o ajuste que contiene componentes como colores de cabecera, cuerpo, botones y textos, donde cada uno de ellos se puede configurar por separado. - -Por defecto, el comportamiento es obtener el ajuste del widget que hayas configurado en tu cuenta mediante nuestra API. - -{% hint style="info" %} -Recuerda que esta función permite sobre escribir los ajustes y diseños que hayas configurado desde tu cuenta. -{% endhint %} - -Pero también es posible forzar un ajuste propio añadiendo un poco de código en tu sitio web. Para ello deberás tener en cuenta que la estructura es la siguiente: - -```json -{ - "logo": { - "url": "...", - "height": 180 - }, - "colors": { - "background": "rgb(255,255, 255, 1)", - "font": "rgb(255,255, 255, 1)", - "gradient": "linear-gradient(to right, rgb(23, 54, 189) 0%, rgb(0, 99, 255) 100%)" - }, - "texts": { - "title": "My title", - "subtitle": "My subtitle.", - "segmentsTitle": "Segment title", - "segmentsSubtitle": "Segment subtitle." - }, - "settings": { "defaultChannel": "video" }, - "orgName": "Company Name", - "services": ["on-demand"] -} -``` - -Esta estructura de parámetros te permite modificar logotipo, colores, textos, ajustes y servicios a visibilizar. - -{% hint style="warning" %} -Lee a continuación antes de modificar la estructura del ajuste. -{% endhint %} - -### Logo - -* `url` deberás colocar una URL válida de tu logotipo -* `height` deberás ingresar el tamaño del logotipo como número (sin unidades) - -### Colors - -{% hint style="info" %} -Es posible en HEX, HSL, pero no es recomendado. -{% endhint %} - -* `background` deberás ingresar un color en formato RGB. -* `font` deberás ingresar un color en formato RGB. -* `gradient` deberás ingresar un gradiente en formato RGB o un solo color RGB. - -### Texts - -{% hint style="info" %} -Si deseas ocultar un título o subtitulo, simplemente puedes dejarlo como vacío, des decir, **`""`**. -{% endhint %} - -* `title` deberás ingresar el título de la cabecera del widget. -* `subtitle` deberás ingresar el subtitulo de cabecera del widget. -* `segmentTitle` deberás ingresar el título que estará sobre el listado de segmentos. -* `segmentSubtitle` deberás ingresar el subtitulo que estará sobre el listado de segmentos. - -### Settings - -* `defaultChannel` permite seleccionar valor por defecto entre `video` o `audio`. - -{% hint style="info" %} -Esta opción solo marcará una opción (micrófono o cámara) por defecto, pero tu cliente podrá igualmente escoger el que desee. -{% endhint %} - -### OrgName - -Ingresa el nombre de tu negocio en este campo. - -### Services - -Deberás escoger qué tipos de servicios están activos para tu widget, ya sea entre `on-demand` que representa tus segmentos y `schedule` para calendarios. Podrás escoger entre uno u otro. - -{% hint style="danger" %} -**No añadas un servicio al listado si no posees al menos 1 segmento o calendario activo en tu cuenta.** - - - -El comportamiento del widget podría ser inesperado. -{% endhint %} - -## Aplicar estilos - -Luego que haz modificado los parámetros del widget deberás aplicar este cambio añadiendo un poco de código a tu sitio web. - -{% hint style="info" %} -La técnica a utilizar a continuación la puedes aplicar desde Devtools en tu navegador para pre-visualizar el diseño antes de aplicarlo en tu sitio. -{% endhint %} - -```javascript -const widgetStyle = {...}; -window.localStorage.setItem('widget-custom-style', JSON.stringify(widgetStyle)); -``` - -`widgetStyle` corresponde a los parámetros configurados previamente. Si obtienes un error de `parsing` verifica que haz escrito correctamente en formato `JSON` o como objeto. - -{% hint style="info" %} -Refresca tu sitio y verás los cambios. -{% endhint %} - -{% hint style="warning" %} -No modifiques el nombre clave `widget-custom-style`, de esta manera identificamos los parámetros personalizados. -{% endhint %} - -## Ejemplo - -{% embed url="https://codesandbox.io/s/widget-settings-docs-pgebyg?file=/main.js" %} diff --git a/widgets/api/introduccion.md b/widgets/api/introduccion.md index 5586ed5..6cb392d 100644 --- a/widgets/api/introduccion.md +++ b/widgets/api/introduccion.md @@ -47,6 +47,6 @@ Antes de comenzar recuerda el uso de la variable global `videsk` como acceso a l [eventos.md](eventos.md) {% endcontent-ref %} -{% content-ref url="ajustes.md" %} -[ajustes.md](ajustes.md) +{% content-ref url="diseno.md" %} +[diseno.md](diseno.md) {% endcontent-ref %} diff --git a/widgets/integration/cloudflare.md b/widgets/integration/cloudflare.md index de2b302..22a16d7 100644 --- a/widgets/integration/cloudflare.md +++ b/widgets/integration/cloudflare.md @@ -8,32 +8,32 @@ Puedes integrar Videsk mediante Cloudflare en menos de 5 minutos! A continuació Lo primero que debes hacer el seleccionar el sitio de tu cuenta Cloudflare, luego buscar en el panel lateral derecho **Aplicaciones**. -![](<../../.gitbook/assets/image (28).png>) +![](<../../.gitbook/assets/image (3) (1).png>) -![](<../../.gitbook/assets/image (82).png>) +![](<../../.gitbook/assets/image (7) (1).png>) Luego deberás buscar **Videsk** en la barra de búsqueda en la parte superior. Y posteriormente seleccionar la app **Videsk Widget**. -![](<../../.gitbook/assets/image (56).png>) +![](<../../.gitbook/assets/image (47).png>) Finalmente deberás dar clic en el botón superior **Vista previa de su sitio**. -![](<../../.gitbook/assets/image (76).png>) +![](<../../.gitbook/assets/image (55).png>) ## 2. Ingresar token Y en el editor de integraciones deberás ingresar el token público que encontrarás en tu cuenta dashboard. -![](<../../.gitbook/assets/image (55).png>) +![](<../../.gitbook/assets/image (21).png>) Deberás copiar y pegar el token en la casilla **Public Token**. ## 3. Seleccionar páginas -En este paso deberás seleccionar si quieres que tu widget aparezca en todas las páginas de tu sitio o solo en algunas páginas. Para ello podrás dar clic en el botón ubicado en la parte superior donde está el texto Install Videsk Widget on ![](<../../.gitbook/assets/image (89).png>). +En este paso deberás seleccionar si quieres que tu widget aparezca en todas las páginas de tu sitio o solo en algunas páginas. Para ello podrás dar clic en el botón ubicado en la parte superior donde está el texto Install Videsk Widget on ![](<../../.gitbook/assets/image (5) (1) (1).png>). Allí podrás ingresar en qué dominio, subdominio o url aparecerá. -![](<../../.gitbook/assets/image (20).png>) +![](<../../.gitbook/assets/image (25).png>) Listo! :tada: diff --git a/widgets/integration/google-tag-manager.md b/widgets/integration/google-tag-manager.md index cc4d8c4..abbe577 100644 --- a/widgets/integration/google-tag-manager.md +++ b/widgets/integration/google-tag-manager.md @@ -12,11 +12,11 @@ Es posible que no visualices tu widget mediante GTM (Google Tag Manager), si est Deberás ingresar al espacio de trabajo asociado al sitio web que deseas integrar Videsk. Luego dar clic en **Añadir nueva etiqueta**. -![](<../../.gitbook/assets/image (42).png>) +![](<../../.gitbook/assets/image (44).png>) Se desplegará una ventana lateral derecha, donde deberás dar clic en el rectángulo blanco con título **Configuración de la etiqueta**. -![](<../../.gitbook/assets/image (5).png>) +![](<../../.gitbook/assets/image (37).png>) ## 2. Instalar etiqueta de Videsk @@ -26,15 +26,15 @@ A continuación, deberás seleccionar la integración mediante plantillas comuni Luego que cargue el listado deberás buscar "**Videsk**" mediante el buscador ubicado en la parte superior derecha. -![](<../../.gitbook/assets/image (27).png>) +![](<../../.gitbook/assets/image (42).png>) Luego dar clic en el botón azul, **Añadir a espacio de trabajo**. -![](<../../.gitbook/assets/image (4).png>) +![](<../../.gitbook/assets/image (68).png>) Finalmente deberás dar clic en **Añadir**. -![](<../../.gitbook/assets/image (11).png>) +![](<../../.gitbook/assets/image (1) (2).png>) {% hint style="info" %} La secuencia de comendas a insertar es el mismo el cual puedes obtener desde tu cuenta dashboard. @@ -44,11 +44,11 @@ La secuencia de comendas a insertar es el mismo el cual puedes obtener desde tu Ahora ya configurada la etiqueta debemos ingresar el token de nuestro widget. -![](<../../.gitbook/assets/image (23).png>) +![](<../../.gitbook/assets/image (24).png>) Para ello debemos ir a nuestra cuenta dashboard, luego en **Integraciones** y finalmente la pestaña **Integración**. -![](<../../.gitbook/assets/image (90).png>) +![](<../../.gitbook/assets/image (22) (1).png>) Deberás dar clic en el segundo botón de **Copiar**, y luego pegarlo en el campo **Public Token**. @@ -60,4 +60,4 @@ Dependiendo de tu caso podrás hacer uso de activadores preestablecidos en tu cu Puedes ver nuestro video en la parte superior donde explicamos cómo definir un activador para ciertas páginas de nuestro sitio web. -![](<../../.gitbook/assets/image (65).png>) +![](<../../.gitbook/assets/image (46).png>) diff --git a/widgets/integration/wordpress.md b/widgets/integration/wordpress.md index 7ff466d..84dfc58 100644 --- a/widgets/integration/wordpress.md +++ b/widgets/integration/wordpress.md @@ -26,15 +26,15 @@ Si es el caso, te sugerimos contactar a tu desarrollador. En el menú lateral izquierdo, deberás buscar **Aspecto** y luego haz clic en **Editor**. -
+
Luego ya con el editor cargado deberás dar clic en el ícono de Wordpress en la parte superior izquierda, para finalmente dar clic en la opción **Template Parts**. -
+
Posteriormente deberás buscar una parte de la plantilla que contenga el nombre Footer o pie de página, y deberás darle clic. -
+
@@ -42,15 +42,15 @@ Posteriormente deberás buscar una parte de la plantilla que contenga el nombre Ya dentro del bloque footer, deberás dar clic en el botón azul + ubicado en la parte superior izquierda del editor, para posteriormente buscar el elemento **Custom HTML**. -
+
Deberás arrastrar el elemento en cualquier parte del pie de página o footer y dentro de la caja de texto pegarás el script de tu cuenta. -
+
Solo queda dar clic en el botón **Guardar** ubicado en la parte superior derecha. -
+
## WordPress 5 o inferior @@ -58,12 +58,12 @@ Solo queda dar clic en el botón **Guardar** ubicado en la parte superior derech En el menú lateral izquierdo, deberás buscar **Aspecto** y luego haz clic en **Widgets**. -
+
### 2. Añadir bloque HTML Luego deberás buscar el elemento **HTML Personalizado** y arrastrarlo a cualquier recuadro que contenga el título **Footer o pie de página**. -
+
Con el elemento en **Footer** solo falta pegar el script que obtuviste de tu cuenta, y dar clic en el botón **Guardar**.