{"id":7269,"date":"2025-04-04T17:48:17","date_gmt":"2025-04-04T09:48:17","guid":{"rendered":"https:\/\/doc.smartflomeet.ttns.in\/developer\/?page_id=7269"},"modified":"2025-04-04T19:30:52","modified_gmt":"2025-04-04T11:30:52","slug":"co-browsing-with-video-embed","status":"publish","type":"page","link":"https:\/\/doc.smartflomeet.ttns.in\/developer\/video\/low-code-video-embed\/video-embed-features\/co-browsing-with-video-embed\/","title":{"rendered":"Co-Browsing with Video Embed"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote\"><p>Co-browsing is &#8216;collaborating browsing&#8217; and this allows both the moderator and the participant to simultaneously navigate the same web page.<\/p><\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Table of Contents<\/h3>\n\n\n\n<ul><li><a href=\"\/developer\/video\/low-code-video-embed\/video-embed-features\/waiting-lobby-with-video-embed\/#overview\">Overview<\/a><\/li><li><a href=\"#how-co-browsing-works\">How does co-browsing work<\/a><\/li><li><a href=\"#co-browse-with-embed\">Co-browsing with Video Embed<\/a><\/li><\/ul>\n\n\n\n<a name=\"overview\"><\/a>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p>Co-browsing is collaborative and interactive in the way that it allows participants joining in a video call to actively browse&nbsp;together. And on top of this, co-browsing is simultaneous and synchronous.&nbsp;That way both participants in a co-browsing session can see what the other person is doing on the screen.<\/p>\n\n\n\n<p>Examples of how to use&nbsp;co-browsing to make remote contact with your customers more interactive:<\/p>\n\n\n\n<ul><li>Fill out forms and applications together, guiding the participant through the process in real-time.<\/li><li>Showcase two-way interactive&nbsp;presentations, more engaging for your prospects.<\/li><\/ul>\n\n\n\n<a name=\"how-co-browsing-works\"><\/a>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How does co-browsing work?<\/h2>\n\n\n\n<p>Co-Browsing with others is related to a Website or Webpages. So, your Website or Webpages which are to be co-browsed, must be made ready for Co-Browsing first. Once they are ready, you Invite others to join a Co-Browsing session with you  through a Unique URL, i.e. existing URL with some Query String Parameters.<\/p>\n\n\n\n<p>Once other person joins, both can see each other Cursor Position on the page and all actions at one end get replicated at the other end. If one clicks on a link, the other end already reaches the same page. <\/p>\n\n\n\n<p>You can invite more people to join in the same Co-Browsing Session.<\/p>\n\n\n\n<a name=\"co-browse-with-embed\"><\/a>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Co-Browse with Video Embed<\/h2>\n\n\n\n<p>Let&#8217;s know how to use Co-Browsing with Video Embed.<\/p>\n\n\n\n<a name=\"update-website\"><\/a>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Update your Website\/Webpage to Co-Browse<\/h3>\n\n\n\n<p>Let&#8217;s get your Website ready for Co-Browsing. Follow the simple steps given below:<\/p>\n\n\n\n<ul><li>You need a JS file named <a href=\"\/developer\/wp-content\/uploads\/cobrowse-sdk\/EnxCoBrowse.js.v1.zip\">EnxCoBrowse.js<\/a>. Download it. This is a file that helps in easy integration of Co-Browsing.<\/li><li>You downloaded a zip file. Extract it and save the JS file within your Website&#8217;s accessible path. <\/li><li>Add the Code given below in each webpage you want for Co-Browsing either within <code>&lt;HEAD>&lt;\/HEAD><\/code> tag or towards the end of page. <\/li><\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;script src=\"\/PATH\/EnxCoBrowse.js\"&gt;&lt;\/script&gt;\n&lt;script src=\"https:\/\/togetherjs.com\/togetherjs-min.js\"&gt;&lt;\/script&gt;<\/pre>\n\n\n\n<p>You are done. Your Website \/ Web Pages are ready for Co-browsing Session.<\/p>\n\n\n\n<p><strong>Note: <\/strong>As you see here that you are using an Open Source Library Together.JS for Co-Browsing, in case your Co-Browsing Session needs to cover specific use-case, you are free to extend EnxCoBrowse.js file we created for easy integration. You need to read through all features, support of TogetherJS to help yourself to extend. <\/p>\n\n\n\n<a name=\"enable\"><\/a>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Enable Co-Browsing through Visual Builder (Template Editor)<\/h3>\n\n\n\n<p>Now, lets enable Co-Browsing feature in Video Embed.<\/p>\n\n\n\n<ul id=\"block-ce3cbcf1-7e37-4259-b4a5-31a0a70b6ccc\"><li>Login to the Portal and go to your Embed Project&#8217;s Dashboard through <strong>Video \/ Settings<\/strong> menu.<\/li><li>Open the <strong>Video Embed<\/strong> dropdown, and click the <strong>Edit Template<\/strong> menu.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image aligncenter size-large is-resized\"><figure class=\"aligncenter size-medium\"><img loading=\"lazy\" width=\"297\" height=\"300\" src=\"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/Embed-Menu-Co-Browsing-297x300.png\" alt=\"\" class=\"wp-image-7270\" srcset=\"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/Embed-Menu-Co-Browsing-297x300.png 297w, https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/Embed-Menu-Co-Browsing.png 361w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/figure><\/div>\n\n\n\n<ul id=\"block-4fddd945-e575-46f8-9e81-0d4c65beefd7\"><li>You get <strong>Visual Builder<\/strong> to edit the Template. This UI has many tabs at the bottom.<\/li><li>Go to the <strong>Feature Selection<\/strong> tab. <\/li><li>Note that there is a <strong>Co-Browsing<\/strong> option. Enable it. This will help the Co-Browsing option to appear in the Video Embed.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image aligncenter size-large is-resized\"><figure class=\"aligncenter size-medium\"><img loading=\"lazy\" width=\"286\" height=\"300\" src=\"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/edit-cobrowse-286x300.png\" alt=\"\" class=\"wp-image-7271\" srcset=\"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/edit-cobrowse-286x300.png 286w, https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/edit-cobrowse.png 690w\" sizes=\"(max-width: 286px) 100vw, 286px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Click the <strong>Build App<\/strong> button to update your Video Embed.<\/li><\/ul>\n\n\n\n<a name=\"add\"><\/a>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Add URLs for Co-Browsing<\/h3>\n\n\n\n<p>You can now add single URL or multiple URLs for Co-Browsing with Video Embed:<\/p>\n\n\n\n<ul><li>Login to the Portal and go to your Embed Project&#8217;s Dashboard through <strong>Video \/ Settings<\/strong> menu. <\/li><li>Open the <strong>Video Embed<\/strong> dropdown, and click the <strong>Co-Browsing<\/strong> menu. <\/li><\/ul>\n\n\n\n<div class=\"wp-block-image aligncenter size-large is-resized\"><figure class=\"aligncenter size-medium\"><img loading=\"lazy\" width=\"297\" height=\"300\" src=\"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/Embed-Menu-Co-Browsing-297x300.png\" alt=\"\" class=\"wp-image-7270\" srcset=\"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/Embed-Menu-Co-Browsing-297x300.png 297w, https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/Embed-Menu-Co-Browsing.png 361w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/figure><\/div>\n\n\n\n<ul><li>You get a Form to manage your Website URL for Co-Browsing. You need to add your URLs here with the desired Page Title.<\/li><li>These are the URLs you will see in Video Embed to share with other participants for Co-Browsing.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image aligncenter size-large is-resized\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"1024\" height=\"505\" src=\"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/manage-co-browse-1024x505-1.png\" alt=\"\" class=\"wp-image-7272\" srcset=\"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/manage-co-browse-1024x505-1.png 1024w, https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/manage-co-browse-1024x505-1-300x148.png 300w, https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/manage-co-browse-1024x505-1-768x379.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<ul id=\"block-4fddd945-e575-46f8-9e81-0d4c65beefd7\"><li>This form allows you to add maximum of 10 URLs.  There is no edit option. However, you can delete the added URLs to add new ones.<\/li><li>These URLs are starting points to Co-Browse that you want to share. However, once shared, you can browse through many other or all pages of your Website.<\/li><\/ul>\n\n\n\n<a name=\"test\"><\/a>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Test your Embed for Co-Browsing<\/h3>\n\n\n\n<p>It&#8217;s time to test. <\/p>\n\n\n\n<ul><li>Go to your Embed Page or open Moderator URL of your Embed.<\/li><li>Get someone to join as a participant too. <\/li><li>Find and click the Co-Browse option in the Toolbar. Until another participant or the moderator joins, the Co-Browse option doesn&#8217;t appear.<\/li><li>You get a Co-Browse screen. It lists all the URLs you had added through the Portal Form.<\/li><li>Select one URL and hit the button. This action will open a browser window \/ tab on your side as well as on the other side with the same URL that you shared.<\/li><li>If the new browser window doesn&#8217;t open on either end, make sure that it&#8217;s not blocked by POP-UP Blocker of the browser. Disable the POP-UP Blocker if needed and share the URL again.<\/li><li>Now, both end can browse the URL\/Website together.<\/li><\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Co-browsing is &#8216;collaborating browsing&#8217; and this allows both the moderator and the participant to simultaneously navigate the same web page. Table of Contents Overview How does co-browsing work Co-browsing with Video Embed Overview Co-browsing is collaborative and interactive in the way that it allows participants joining in a video call to actively browse&nbsp;together. And on top of this, co-browsing is simultaneous and synchronous.&nbsp;That way both participants in a co-browsing session&hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":4887,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ub_ctt_via":""},"featured_image_src":null,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"featured":false,"featured-large":false},"uagb_author_info":{"display_name":"vcxdevwpadmin","author_link":"https:\/\/doc.smartflomeet.ttns.in\/developer\/author\/vcxdevwpadmin\/"},"uagb_comment_info":0,"uagb_excerpt":"Co-browsing is &#8216;collaborating browsing&#8217; and this allows both the moderator and the participant to simultaneously navigate the same web page. Table of Contents Overview How does co-browsing work Co-browsing with Video Embed Overview Co-browsing is collaborative and interactive in the way that it allows participants joining in a video call to actively browse&nbsp;together. And on&hellip;","_links":{"self":[{"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages\/7269"}],"collection":[{"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/comments?post=7269"}],"version-history":[{"count":0,"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages\/7269\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages\/4887"}],"wp:attachment":[{"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/media?parent=7269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}