{"id":73007,"date":"2021-02-09T11:28:07","date_gmt":"2021-02-09T11:28:07","guid":{"rendered":"https:\/\/www.tawk.to\/widget-design\/"},"modified":"2022-03-14T22:41:26","modified_gmt":"2022-03-14T22:41:26","slug":"widget-design","status":"publish","type":"page","link":"https:\/\/www.tawk.to\/es\/widget-design\/","title":{"rendered":"Widget Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"73007\" class=\"elementor elementor-73007 elementor-47172\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d17127d elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d17127d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a47dda1\" data-id=\"a47dda1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dff23da elementor-widget elementor-widget-heading\" data-id=\"dff23da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">101 Masterclass de mensajer\u00eda empresarial<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e98d091 elementor-widget elementor-widget-heading\" data-id=\"e98d091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Dise\u00f1o del widget<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c2ac440 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c2ac440\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-bda6d00 elementor-hidden-phone\" data-id=\"bda6d00\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bdcac60 elementor-widget elementor-widget-spacer\" data-id=\"bdcac60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5d7173 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"b5d7173\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-list\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h6 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tContenido\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h6>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-167ac24 elementor-nav-menu__align-start elementor-nav-menu--stretch elementor-nav-menu__text-align-center elementor-hidden-phone elementor-nav-menu--dropdown-tablet ha-has-bg-overlay elementor-widget elementor-widget-nav-menu\" data-id=\"167ac24\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;full_width&quot;:&quot;stretch&quot;,&quot;layout&quot;:&quot;vertical&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;i class=\\&quot;fas fa-caret-down\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;&lt;\\\/i&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;}}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Men\u00fa\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-background e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-167ac24\" class=\"elementor-nav-menu sm-vertical\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73070\"><a href=\"https:\/\/www.tawk.to\/es\/introduccion\/\" class=\"elementor-item\">Introducci\u00f3n<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73069\"><a href=\"https:\/\/www.tawk.to\/es\/widget-design\/\" class=\"elementor-item\">Dise\u00f1o del widget<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73068\"><a href=\"https:\/\/www.tawk.to\/es\/online-offline\/\" class=\"elementor-item\">Conectado y desconectado<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73067\"><a href=\"https:\/\/www.tawk.to\/es\/pre-chat-form\/\" class=\"elementor-item\">Formulario previo al chat<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73066\"><a href=\"https:\/\/www.tawk.to\/es\/triggers\/\" class=\"elementor-item\">Activadores<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73065\"><a href=\"https:\/\/www.tawk.to\/es\/responding-to-chats\/\" class=\"elementor-item\">Responder a los chats<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73064\"><a href=\"https:\/\/www.tawk.to\/es\/shortcuts-and-tabs\/\" class=\"elementor-item\">Atajos y pesta\u00f1as<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73063\"><a href=\"https:\/\/www.tawk.to\/es\/three-tips-for-great-chats\/\" class=\"elementor-item\">Tres consejos<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73062\"><a href=\"https:\/\/www.tawk.to\/es\/collaborating-with-your-team\/\" class=\"elementor-item\">Colaborando con tu equipo<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73061\"><a href=\"https:\/\/www.tawk.to\/es\/features-2\/\" class=\"elementor-item\">Caracter\u00edsticas<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73060\"><a href=\"https:\/\/www.tawk.to\/es\/conclusion\/\" class=\"elementor-item\">Conclusi\u00f3n<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-167ac24\" class=\"elementor-nav-menu sm-vertical\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73070\"><a href=\"https:\/\/www.tawk.to\/es\/introduccion\/\" class=\"elementor-item\" tabindex=\"-1\">Introducci\u00f3n<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73069\"><a href=\"https:\/\/www.tawk.to\/es\/widget-design\/\" class=\"elementor-item\" tabindex=\"-1\">Dise\u00f1o del widget<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73068\"><a href=\"https:\/\/www.tawk.to\/es\/online-offline\/\" class=\"elementor-item\" tabindex=\"-1\">Conectado y desconectado<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73067\"><a href=\"https:\/\/www.tawk.to\/es\/pre-chat-form\/\" class=\"elementor-item\" tabindex=\"-1\">Formulario previo al chat<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73066\"><a href=\"https:\/\/www.tawk.to\/es\/triggers\/\" class=\"elementor-item\" tabindex=\"-1\">Activadores<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73065\"><a href=\"https:\/\/www.tawk.to\/es\/responding-to-chats\/\" class=\"elementor-item\" tabindex=\"-1\">Responder a los chats<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73064\"><a href=\"https:\/\/www.tawk.to\/es\/shortcuts-and-tabs\/\" class=\"elementor-item\" tabindex=\"-1\">Atajos y pesta\u00f1as<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73063\"><a href=\"https:\/\/www.tawk.to\/es\/three-tips-for-great-chats\/\" class=\"elementor-item\" tabindex=\"-1\">Tres consejos<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73062\"><a href=\"https:\/\/www.tawk.to\/es\/collaborating-with-your-team\/\" class=\"elementor-item\" tabindex=\"-1\">Colaborando con tu equipo<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73061\"><a href=\"https:\/\/www.tawk.to\/es\/features-2\/\" class=\"elementor-item\" tabindex=\"-1\">Caracter\u00edsticas<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-73060\"><a href=\"https:\/\/www.tawk.to\/es\/conclusion\/\" class=\"elementor-item\" tabindex=\"-1\">Conclusi\u00f3n<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-fd76c31\" data-id=\"fd76c31\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-445d222 elementor-widget elementor-widget-video\" data-id=\"445d222\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/Nz5rfZMXT9Y&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5cae969 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5cae969\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-narrow\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-12 elementor-inner-column elementor-element elementor-element-decc91d\" data-id=\"decc91d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-12 elementor-inner-column elementor-element elementor-element-1da1cb9\" data-id=\"1da1cb9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-12 elementor-inner-column elementor-element elementor-element-1468676\" data-id=\"1468676\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-12 elementor-inner-column elementor-element elementor-element-f9f04fe\" data-id=\"f9f04fe\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-51cef1ac elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"51cef1ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-xs\" href=\"https:\/\/www.tawk.to\/introduction\/?lang=es\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-left\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Anterior<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-12 elementor-inner-column elementor-element elementor-element-ca1fe01\" data-id=\"ca1fe01\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-271d647b elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"271d647b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-xs\" href=\"https:\/\/www.tawk.to\/online-offline\/?lang=es\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Siguiente <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-12 elementor-inner-column elementor-element elementor-element-ccafed1\" data-id=\"ccafed1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-12 elementor-inner-column elementor-element elementor-element-e44145d\" data-id=\"e44145d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-12 elementor-inner-column elementor-element elementor-element-3d5b71f\" data-id=\"3d5b71f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8401cd elementor-hidden-phone elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"b8401cd\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"h-tabs\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1931\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1931\" aria-expanded=\"false\">Descripci\u00f3n<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1932\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1932\" aria-expanded=\"false\">Links<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1931\" aria-expanded=\"false\">Descripci\u00f3n<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1931\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1931\" tabindex=\"0\" hidden=\"false\"><h4><b>Dise\u00f1o del widget<\/b><\/h4><p><span style=\"font-weight: 400;\">En este tutorial, vamos a cubrir el dise\u00f1o de un widget y c\u00f3mo se ver\u00e1 en tu sitio web.<\/span><\/p><p><span style=\"font-weight: 400;\">Puedes personalizar completamente el dise\u00f1o de tu widget tawk.to.<\/span><\/p><p><span style=\"font-weight: 400;\">Haz clic en el ICONO DE ENGRANAJE en la esquina inferior izquierda del tablero. Luego haz clic en WIDGET DE CHAT y posteriormente en Apariencia del widget, haz clic en AVANZADO.<\/span><\/p><p><span style=\"font-weight: 400;\">Desde aqu\u00ed puedes cambiar el widget respecto a:<\/span><\/p><p>\u2013<span style=\"font-weight: 400;\">\u00a0Posici\u00f3n: d\u00f3nde se coloca el widget en tu sitio web.<\/span><br \/>\u2013 <span style=\"font-weight: 400;\">Tipolog\u00eda: widget para escritorio y m\u00f3vil.<\/span><br \/>\u2013 <span style=\"font-weight: 400;\">Tama\u00f1o: el widget cuando est\u00e1 minimizado como maximizado.<\/span><br \/>\u2013 <span style=\"font-weight: 400;\">Color del widget.<\/span><\/p><p><span style=\"font-weight: 400;\">Incluso puedes agregar un captador de atenci\u00f3n a tu widget. Compru\u00e9balo, hay muchos para elegir. Si lo prefieres, puedes cargar tu propia imagen para captar la atenci\u00f3n. <\/span><\/p><p><span style=\"font-weight: 400;\">Al considerar el dise\u00f1o de tu widget, quiero que tengas en cuenta estos tres consejos:<\/span><\/p><p>1. <span style=\"font-weight: 400;\">Siempre intenta colocar tu widget en la esquina inferior derecha de la pantalla de tu sitio web. Es donde lo buscar\u00e1n tus visitantes.<\/span><\/p><p>2. <span style=\"font-weight: 400;\">Existe una tendencia a que el widget de chat tenga el mismo color que tu sitio web. En este caso puntual, puede ser una desventaja, porque el widget podr\u00eda camuflarse y los visitantes podr\u00edan no verlo. En cambio, busca la forma para\u00a0 que tu widget de chat se destaque entre el resto de la pantalla. Ten en cuenta que las personas informan mayores sentimientos de confianza cuando ven que el chat en vivo est\u00e1 disponible en tu sitio web. Por lo tanto, debes asegurarte de que sepan que est\u00e1s ah\u00ed. Y esto me lleva a mi siguiente punto:<\/span><\/p><p>3. <span style=\"font-weight: 400;\">Utiliza un captador de atenci\u00f3n. Har\u00e1s que tu widget de chat se destaque y, como mencion\u00e9, incluso puedes crear y subir tu propia imagen si lo prefieres.<\/span><\/p><p><span style=\"font-weight: 400;\">Un \u00faltimo punto: una vez que hayas creado tu dise\u00f1o, no te olvides de volver a tu sitio web y comprobarlo, ver c\u00f3mo se ve. Aseg\u00farate de desplazarte hacia arriba y hacia abajo en la p\u00e1gina y tambi\u00e9n visitar otras p\u00e1ginas para asegurarte de que se ajuste a tu sitio web.<\/span><\/p><p><span style=\"font-weight: 400;\">Para obtener m\u00e1s informaci\u00f3n o enlaces a los art\u00edculos relevantes en nuestra base de conocimientos, consulta la descripci\u00f3n a continuaci\u00f3n. Tambi\u00e9n tenemos chat en vivo 24\/7 disponible en nuestro sitio web.<\/span><\/p><p><span style=\"font-weight: 400;\">A continuaci\u00f3n, vamos a hablar sobre \u00abestar en l\u00ednea\u00bb para cuando ingresan esos chats.<\/span><\/p><p><span style=\"font-weight: 400;\">Aprende M\u00e1s:<\/span><\/p><p><a href=\"https:\/\/help.tawk.to\/es\/article\/cambiar-la-apariencia-del-widget-de-chat\"><span style=\"font-weight: 400;\">Cambiar la apariencia del widget de chat<\/span><\/a><\/p><p><a href=\"https:\/\/help.tawk.to\/es\/article\/habilitar-el-captador-de-atenci%C3%B3n\"><span style=\"font-weight: 400;\">Habilitar el Captador de Atenci\u00f3n<\/span><\/a><\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1932\" aria-expanded=\"false\">Links<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1932\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1932\" tabindex=\"0\" hidden=\"hidden\"><h6 style=\"margin-bottom: 5px;\"><a href=\"https:\/\/www.tawk.to\/vl-customize-the-chat-widget\/\" rel=\"noopener\"><strong>Customize The Chat Widget <i class=\"fa fa-external-link-alt\"><\/i><\/strong><\/a><\/h6>\n<p>Here is a video showing you how to customize the visitor widget that appears on your website.<\/p>\n<h6 style=\"margin-bottom: 5px;\"><a href=\"https:\/\/www.tawk.to\/vl-enabling-the-attention-grabber\/\" rel=\"noopener\"><strong>Enabling the Attention Grabber<\/strong> <i class=\"fa fa-external-link-alt\"><\/i><\/a><\/h6>\n<p>Here is a video showing you how to Customize the Visitor Widget and Attention Grabber.<\/p>\n<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5eb1f5 elementor-hidden-desktop elementor-hidden-tablet elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"b5eb1f5\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"h-tabs\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1901\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1901\" aria-expanded=\"false\">Descripci\u00f3n<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1902\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1902\" aria-expanded=\"false\">Contents<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1903\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1903\" aria-expanded=\"false\">Links<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1901\" aria-expanded=\"false\">Descripci\u00f3n<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1901\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1901\" tabindex=\"0\" hidden=\"false\"><h4><b>Dise\u00f1o del widget<\/b><\/h4><p><span style=\"font-weight: 400;\">En este tutorial, vamos a cubrir el dise\u00f1o de un widget y c\u00f3mo se ver\u00e1 en tu sitio web.<\/span><\/p><p><span style=\"font-weight: 400;\">Puedes personalizar completamente el dise\u00f1o de tu widget tawk.to.<\/span><\/p><p><span style=\"font-weight: 400;\">Haz clic en el ICONO DE ENGRANAJE en la esquina inferior izquierda del tablero. Luego haz clic en WIDGET DE CHAT y posteriormente en Apariencia del widget, haz clic en AVANZADO.<\/span><\/p><p><span style=\"font-weight: 400;\">Desde aqu\u00ed puedes cambiar el widget respecto a:<\/span><\/p><p>\u2013<span style=\"font-weight: 400;\">\u00a0Posici\u00f3n: d\u00f3nde se coloca el widget en tu sitio web.<\/span><br \/>\u2013 <span style=\"font-weight: 400;\">Tipolog\u00eda: widget para escritorio y m\u00f3vil.<\/span><br \/>\u2013 <span style=\"font-weight: 400;\">Tama\u00f1o: el widget cuando est\u00e1 minimizado como maximizado.<\/span><br \/>\u2013 <span style=\"font-weight: 400;\">Color del widget.<\/span><\/p><p><span style=\"font-weight: 400;\">Incluso puedes agregar un captador de atenci\u00f3n a tu widget. Compru\u00e9balo, hay muchos para elegir. Si lo prefieres, puedes cargar tu propia imagen para captar la atenci\u00f3n. <\/span><\/p><p><span style=\"font-weight: 400;\">Al considerar el dise\u00f1o de tu widget, quiero que tengas en cuenta estos tres consejos:<\/span><\/p><p>1. <span style=\"font-weight: 400;\">Siempre intenta colocar tu widget en la esquina inferior derecha de la pantalla de tu sitio web. Es donde lo buscar\u00e1n tus visitantes.<\/span><\/p><p>2. <span style=\"font-weight: 400;\">Existe una tendencia a que el widget de chat tenga el mismo color que tu sitio web. En este caso puntual, puede ser una desventaja, porque el widget podr\u00eda camuflarse y los visitantes podr\u00edan no verlo. En cambio, busca la forma para\u00a0 que tu widget de chat se destaque entre el resto de la pantalla. Ten en cuenta que las personas informan mayores sentimientos de confianza cuando ven que el chat en vivo est\u00e1 disponible en tu sitio web. Por lo tanto, debes asegurarte de que sepan que est\u00e1s ah\u00ed. Y esto me lleva a mi siguiente punto:<\/span><\/p><p>3. <span style=\"font-weight: 400;\">Utiliza un captador de atenci\u00f3n. Har\u00e1s que tu widget de chat se destaque y, como mencion\u00e9, incluso puedes crear y subir tu propia imagen si lo prefieres.<\/span><\/p><p><span style=\"font-weight: 400;\">Un \u00faltimo punto: una vez que hayas creado tu dise\u00f1o, no te olvides de volver a tu sitio web y comprobarlo, ver c\u00f3mo se ve. Aseg\u00farate de desplazarte hacia arriba y hacia abajo en la p\u00e1gina y tambi\u00e9n visitar otras p\u00e1ginas para asegurarte de que se ajuste a tu sitio web.<\/span><\/p><p><span style=\"font-weight: 400;\">Para obtener m\u00e1s informaci\u00f3n o enlaces a los art\u00edculos relevantes en nuestra base de conocimientos, consulta la descripci\u00f3n a continuaci\u00f3n. Tambi\u00e9n tenemos chat en vivo 24\/7 disponible en nuestro sitio web.<\/span><\/p><p><span style=\"font-weight: 400;\">A continuaci\u00f3n, vamos a hablar sobre \u00abestar en l\u00ednea\u00bb para cuando ingresan esos chats.<\/span><\/p><p><span style=\"font-weight: 400;\">Aprende M\u00e1s:<\/span><\/p><p><a href=\"https:\/\/help.tawk.to\/es\/article\/cambiar-la-apariencia-del-widget-de-chat\"><span style=\"font-weight: 400;\">Cambiar la apariencia del widget de chat<\/span><\/a><\/p><p><a href=\"https:\/\/help.tawk.to\/es\/article\/habilitar-el-captador-de-atenci%C3%B3n\"><span style=\"font-weight: 400;\">Habilitar el Captador de Atenci\u00f3n<\/span><\/a><\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1902\" aria-expanded=\"false\">Contents<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1902\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1902\" tabindex=\"0\" hidden=\"hidden\"><div style=\"padding: 10px 30px;\">\n<h6><strong>Dise\u00f1o del widget<\/strong><\/h6>\n<a href=\"https:\/\/www.tawk.to\/introduction\/?lang=es\">Introduction<\/a> <span class=\"sm-txt\">Video: 30s<\/span>\n<br><\/br>\n<a href=\"https:\/\/www.tawk.to\/widget-design\/?lang=es\">Dise\u00f1o del widget<\/a> <span class=\"sm-txt\">Video: 3min<\/span>\n<br><\/br>\n<a href=\"https:\/\/www.tawk.to\/online-offline\/?lang=es\">Conectado y desconectado<\/a> <span class=\"sm-txt\">Video: 4min<\/span>\n<br><\/br>\n<a href=\"https:\/\/www.tawk.to\/pre-chat-form\/?lang=es\">Formulario previo al chat<\/a> <span class=\"sm-txt\">Video: 3min<\/span>\n<br><\/br>\n<a href=\"https:\/\/www.tawk.to\/triggers\/?lang=es\">Activadores<\/a> <span class=\"sm-txt\">Video: 3min<\/span>\n<br><\/br>\n<a href=\"https:\/\/www.tawk.to\/responding-to-chats\/?lang=es\">Responder a los chats<\/a> <span class=\"sm-txt\">Video: 2min<\/span>\n<br><\/br>\n<a href=\"https:\/\/www.tawk.to\/shortcuts-and-tabs\/?lang=es\">Atajos y pesta\u00f1as<\/a> <span class=\"sm-txt\">Video: 3min<\/span>\n<br><\/br>\n<a href=\"https:\/\/www.tawk.to\/three-tips-for-great-chats\/?lang=es\">Tres consejos para un chat exitoso<\/a> <span class=\"sm-txt\">Video: 2min<\/span>\n<br><\/br>\n<a href=\"https:\/\/www.tawk.to\/collaborating-with-your-team\/?lang=es\">Colaborando con tu equipo<\/a> <span class=\"sm-txt\">Video: 3min<\/span>\n<br><\/br>\n<a href=\"https:\/\/www.tawk.to\/features-2\/?lang=es\">Caracter\u00edsticas<\/a> <span class=\"sm-txt\">Video: 4min<\/span>\n<br><\/br>\n<a href=\"https:\/\/www.tawk.to\/conclusion\/?lang=es\">Conclusi\u00f3n<\/a> <span class=\"sm-txt\">Video: 1min<\/span>\n\n<\/div><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1903\" aria-expanded=\"false\">Links<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1903\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1903\" tabindex=\"0\" hidden=\"hidden\"><h6 style=\"margin-bottom: 5px;\"><a href=\"https:\/\/www.tawk.to\/vl-customize-the-chat-widget\/\" rel=\"noopener\"><strong>Customize The Chat Widget <i class=\"fa fa-external-link-alt\"><\/i><\/strong><\/a><\/h6>\n<p>Here is a video showing you how to customize the visitor widget that appears on your website.<\/p>\n<h6 style=\"margin-bottom: 5px;\"><a href=\"https:\/\/www.tawk.to\/vl-enabling-the-attention-grabber\/\" rel=\"noopener\"><strong>Enabling the Attention Grabber<\/strong> <i class=\"fa fa-external-link-alt\"><\/i><\/a><\/h6>\n<p>Here is a video showing you how to Customize the Visitor Widget and Attention Grabber.<\/p>\n<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>101 Masterclass de mensajer\u00eda empresarial Dise\u00f1o del widget Contenido Anterior Siguiente Descripci\u00f3n Links Descripci\u00f3n Dise\u00f1o del widget En este tutorial, vamos a cubrir el dise\u00f1o de un widget y c\u00f3mo se ver\u00e1 en tu sitio web. Puedes personalizar completamente el dise\u00f1o de tu widget tawk.to. Haz clic en el ICONO DE ENGRANAJE en la esquina [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-73007","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.tawk.to\/es\/wp-json\/wp\/v2\/pages\/73007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tawk.to\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tawk.to\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tawk.to\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tawk.to\/es\/wp-json\/wp\/v2\/comments?post=73007"}],"version-history":[{"count":31,"href":"https:\/\/www.tawk.to\/es\/wp-json\/wp\/v2\/pages\/73007\/revisions"}],"predecessor-version":[{"id":100564,"href":"https:\/\/www.tawk.to\/es\/wp-json\/wp\/v2\/pages\/73007\/revisions\/100564"}],"wp:attachment":[{"href":"https:\/\/www.tawk.to\/es\/wp-json\/wp\/v2\/media?parent=73007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}