{"id":16085,"date":"2024-05-28T06:04:10","date_gmt":"2024-05-28T06:04:10","guid":{"rendered":"https:\/\/rumbletalk.com\/blog\/?post_type=epkb_post_type_1&#038;p=16085"},"modified":"2024-10-16T09:31:54","modified_gmt":"2024-10-16T09:31:54","slug":"embed-a-rumbletalk-chat-on-webflow","status":"publish","type":"epkb_post_type_1","link":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/embed-a-rumbletalk-chat-on-webflow\/","title":{"rendered":"Embed a RumbleTalk chat on WebFlow"},"content":{"rendered":"\n<p>Now, you can embed a RumbleTalk chat on WebFlow. Here&#8217;s how you can do it.<\/p>\n\n\n\n<ol>\n<li>Log in to your RumbleTalk account and get your chat code<br>You can get your code on the <strong><em>Embed<\/em><\/strong> tab and click the <strong><em>Get Code<\/em><\/strong> button. Click <strong><em>Copy<\/em><\/strong> to place it in your clipboard.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20240516060057\/webflow1.png\"><img decoding=\"async\" loading=\"lazy\" width=\"2048\" height=\"1122\" src=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20240516060057\/webflow1.png\" alt=\"\" class=\"wp-image-16087\"\/><\/a><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>a. Sign up and start chatting<br>i. Sign up by clicking <a href=\"https:\/\/cp.rumbletalk.com\/signup\">here<\/a>.<br>ii. Type your email address and choose a password.<br>iii. * This information will be used to log in to your admin panel.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20240516060024\/webflow2.png\"><img decoding=\"async\" loading=\"lazy\" width=\"490\" height=\"634\" src=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20240516060024\/webflow2.png\" alt=\"\" class=\"wp-image-16086\"\/><\/a><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>b. Get your chat<br>Now you are in the admin panel dashboard.<br>Just choose your preferred embedding option:\u2003<br>\u25cf Webpage embed \u2013 Add the chat as part of the page. You can control the size and dimension (see it on <a href=\"https:\/\/www.rumbletalk.com\/demo\/\">this page<\/a>).<br>\u25cf Floating embed \u2013 clicking on the checkbox floating, will let you add the chat as a floating toolbar chat<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20240516060203\/webflow3.gif\"><img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"600\" src=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20240516060203\/webflow3.gif\" alt=\"\" class=\"wp-image-16088\"\/><\/a><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>i. Go to the Embed section.<br>ii. Click on the Get Code button.<br>iii. Copy (Ctrl-C or \u2318+C) the HTML-embedded code<br>iv. Paste (Ctrl-V or \u2318+V) the code where you want RumbleTalk to appear on your HTML page.<br>NOTE: RumbleTalk live chat is elastic chat, meaning it will consume all of the space you allocate for it. You can check out our article about <a href=\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/chat-embed\/\">chat embed<\/a>.<\/p>\n\n\n\n<ol start=\"2\">\n<li>In your WebFlow editor, paste the chat code using the \u201cCustom code embed\u201d feature. You can check the <a href=\"https:\/\/university.webflow.com\/lesson\/custom-code-embed?topics=elements\">WebFlow code embed<\/a>.<\/li>\n<\/ol>\n\n\n\n<p>Congratulations, you have successfully placed your chat on the WebFlow site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Embed a RumbleTalk chat on WebFlow &#8211; online chat room for websites<\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"epkb_post_type_1_category":[347],"epkb_post_type_1_tag":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Embed a RumbleTalk chat on WebFlow - Online Group Chat Room Plugin for Websites and Live events<\/title>\n<meta name=\"description\" content=\"Now, you can embed a RumbleTalk chat on WebFlow. Check this step-by-step tutorial and see how you can do it.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/embed-a-rumbletalk-chat-on-webflow\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Embed a RumbleTalk chat on WebFlow - Online Group Chat Room Plugin for Websites and Live events\" \/>\n<meta property=\"og:description\" content=\"Now, you can embed a RumbleTalk chat on WebFlow. Check this step-by-step tutorial and see how you can do it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/embed-a-rumbletalk-chat-on-webflow\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Group Chat Room Plugin for Websites and Live events\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/rumbletalk\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-16T09:31:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rumbletalk.com\/blog\/wp-content\/uploads\/2024\/05\/webflow1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@rumbletalk\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/embed-a-rumbletalk-chat-on-webflow\/\",\"url\":\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/embed-a-rumbletalk-chat-on-webflow\/\",\"name\":\"Embed a RumbleTalk chat on WebFlow - Online Group Chat Room Plugin for Websites and Live events\",\"isPartOf\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/#website\"},\"datePublished\":\"2024-05-28T06:04:10+00:00\",\"dateModified\":\"2024-10-16T09:31:54+00:00\",\"description\":\"Now, you can embed a RumbleTalk chat on WebFlow. Check this step-by-step tutorial and see how you can do it.\",\"breadcrumb\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/embed-a-rumbletalk-chat-on-webflow\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/embed-a-rumbletalk-chat-on-webflow\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/embed-a-rumbletalk-chat-on-webflow\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rumbletalk.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Embed a RumbleTalk chat on WebFlow\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#website\",\"url\":\"https:\/\/rumbletalk.com\/blog\/\",\"name\":\"Online Group Chat Plugin for Websites and Event\",\"description\":\"Embed a social group chat for communities and events. Grow your online audience with the next evolution of HTML chat room. Attach files, Mobile, Audio and Video calls.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rumbletalk.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/53a763b494aec8f004846c17ae8d90c3\",\"name\":\"Mary Alice\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/96b1fbff01b496d6a7d82bba8a4738f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/96b1fbff01b496d6a7d82bba8a4738f7?s=96&d=mm&r=g\",\"caption\":\"Mary Alice\"},\"url\":\"https:\/\/rumbletalk.com\/blog\/index.php\/author\/mary-alice\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Embed a RumbleTalk chat on WebFlow - Online Group Chat Room Plugin for Websites and Live events","description":"Now, you can embed a RumbleTalk chat on WebFlow. Check this step-by-step tutorial and see how you can do it.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/embed-a-rumbletalk-chat-on-webflow\/","og_locale":"en_US","og_type":"article","og_title":"Embed a RumbleTalk chat on WebFlow - Online Group Chat Room Plugin for Websites and Live events","og_description":"Now, you can embed a RumbleTalk chat on WebFlow. Check this step-by-step tutorial and see how you can do it.","og_url":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/embed-a-rumbletalk-chat-on-webflow\/","og_site_name":"Online Group Chat Room Plugin for Websites and Live events","article_publisher":"https:\/\/www.facebook.com\/rumbletalk","article_modified_time":"2024-10-16T09:31:54+00:00","og_image":[{"url":"https:\/\/rumbletalk.com\/blog\/wp-content\/uploads\/2024\/05\/webflow1.png"}],"twitter_card":"summary_large_image","twitter_site":"@rumbletalk","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/embed-a-rumbletalk-chat-on-webflow\/","url":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/embed-a-rumbletalk-chat-on-webflow\/","name":"Embed a RumbleTalk chat on WebFlow - Online Group Chat Room Plugin for Websites and Live events","isPartOf":{"@id":"https:\/\/rumbletalk.com\/blog\/#website"},"datePublished":"2024-05-28T06:04:10+00:00","dateModified":"2024-10-16T09:31:54+00:00","description":"Now, you can embed a RumbleTalk chat on WebFlow. Check this step-by-step tutorial and see how you can do it.","breadcrumb":{"@id":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/embed-a-rumbletalk-chat-on-webflow\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/embed-a-rumbletalk-chat-on-webflow\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/embed-a-rumbletalk-chat-on-webflow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rumbletalk.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Embed a RumbleTalk chat on WebFlow"}]},{"@type":"WebSite","@id":"https:\/\/rumbletalk.com\/blog\/#website","url":"https:\/\/rumbletalk.com\/blog\/","name":"Online Group Chat Plugin for Websites and Event","description":"Embed a social group chat for communities and events. Grow your online audience with the next evolution of HTML chat room. Attach files, Mobile, Audio and Video calls.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rumbletalk.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/53a763b494aec8f004846c17ae8d90c3","name":"Mary Alice","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/96b1fbff01b496d6a7d82bba8a4738f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/96b1fbff01b496d6a7d82bba8a4738f7?s=96&d=mm&r=g","caption":"Mary Alice"},"url":"https:\/\/rumbletalk.com\/blog\/index.php\/author\/mary-alice\/"}]}},"_links":{"self":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1\/16085"}],"collection":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1"}],"about":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/epkb_post_type_1"}],"author":[{"embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=16085"}],"version-history":[{"count":4,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1\/16085\/revisions"}],"predecessor-version":[{"id":17172,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1\/16085\/revisions\/17172"}],"wp:attachment":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=16085"}],"wp:term":[{"taxonomy":"epkb_post_type_1_category","embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1_category?post=16085"},{"taxonomy":"epkb_post_type_1_tag","embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1_tag?post=16085"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}