{"id":13303,"date":"2022-11-28T09:00:54","date_gmt":"2022-11-28T09:00:54","guid":{"rendered":"https:\/\/rumbletalk.com\/blog\/?p=13303"},"modified":"2025-10-14T05:15:37","modified_gmt":"2025-10-14T05:15:37","slug":"chat-design-2","status":"publish","type":"post","link":"https:\/\/rumbletalk.com\/blog\/index.php\/2022\/11\/28\/chat-design-2\/","title":{"rendered":"New Feature: Personalize every interaction with the latest Chat Design Panel"},"content":{"rendered":"\n

We just recently released an easier way to personalize your chat design. It’s an upgraded version of the Visual Design tab, now called Quick Design<\/a>. This new customization tab allows you to change the look and feel of your chat room in a simpler, toggle-and-click interface. <\/p>\n\n\n

\n
\"chat<\/figure><\/div>\n\n\n

With this new feature, customers can change their chat design to suit their tastes and preferences. This allows them to fully customize the look and feel of their live chat rooms<\/a>. So, no matter who\u2019s talking to them, they always have the feeling of talking with people from their own community, virtual event<\/a>, or business. Let\u2019s take a closer look at how this works!<\/p>\n\n\n\n

NOTE<\/strong>: This is currently available for beta users only. Please contact us if you want access.\n\n<\/p>\n\n\n\n

Quick Design: The new chat design<\/h2>\n\n\n\n

There are 12 customization options that you can find in the Quick Design tab. The tool is designed with ease and convenience in mind. Here, you can choose your theme edge, adjust your icon, background color, font sizes, buttons, and more. <\/p>\n\n\n\n

Quick Design is all about experimenting. Click in any option to check what it looks like before you apply it permanently. If you want to start over, just hit the Restore Default Settings<\/em><\/strong> button at the bottom of the Quick Design panel. This will bring you back to the default setting.<\/p>\n\n\n\n

A walkthrough of how each of the 12 customization options works<\/h2>\n\n\n\n

1. General<\/h3>\n\n\n\n

Choose whether you want to show or hide the Users List for all users, or for admins only. <\/p>\n\n\n\n

You can also choose to enable the Private Chat for all users, meaning, anyone from the user list can start a private conversation with anyone in the chat room. If you enable For admins only<\/strong><\/em>, only the administrators will be able to start a private conversation with anyone in the chat room.<\/p>\n\n\n

\n
\"chat<\/figure><\/div>\n\n\n

2. Theme Edges <\/h3>\n\n\n\n

Change the edge of your chat room, you can choose from a square or rounded edge.<\/p>\n\n\n\n

\"chat<\/figure>\n\n\n\n

3. Default Icons<\/h3>\n\n\n\n

Change the look of users\u2019 and admin\u2019s icons.<\/p>\n\n\n

\n
\"chat<\/figure><\/div>\n\n\n

4. User and Admin Text Colors
<\/h3>\n\n\n\n

Change the color of users\u2019 and admins\u2019 messages.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

5. Spaces
<\/h3>\n\n\n\n

Adjust the spaces between the text to make it more readable for you and your chatters.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

6. Opacity and Background Colors
<\/h3>\n\n\n\n

Change the opacity and background colors of the different elements in your chat room – Users List<\/em><\/strong>, Chat Area<\/strong><\/em>, Text Area<\/strong><\/em>, Private Chat<\/strong><\/em>, and Dialog<\/em><\/strong>. <\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

7. Button Text
<\/h3>\n\n\n\n

Change the text when someone logs in as a guest or uses their username.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

8 . Message Bubble Type
<\/h3>\n\n\n\n

Change the look of your message bubble, either square or rounded.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

9. Message Color
<\/h3>\n\n\n\n

Change the background and font color of the messages.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

10. Users List
<\/h3>\n\n\n\n

Choose what elements you want to be shown in the chat room: Pin Button<\/em><\/strong>, Menu Button<\/em><\/strong>, and Logout Button<\/strong><\/em>.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

11. User List
<\/h3>\n\n\n\n

Choose what elements you want to be shown in the chat room: Search Button<\/em><\/strong>, and the number of viewers\/speakers.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

12. Message Bubble
<\/h3>\n\n\n\n

Change the settings of the following: Start a message in the same line<\/strong><\/em> and Time Stamp Format<\/em><\/strong>.<\/p>\n\n\n

\n
\"chat<\/figure><\/div>\n\n\n

Personalize every experience with a fully customized chat design
<\/h2>\n\n\n\n

With our latest update, you can now add personal touches to your chat design and make them truly unique to you and your brand. With additional pre-made themes and brand-new toggle-and-click design options, the Design Panel has everything you need to personalize your chat in no time. <\/p>\n\n\n\n

As of now, this update is only available for all RumbleTalk beta users. If you want to get access to this feature, email our Support Team at support@rumbletalk.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

We just recently released an easier way to personalize your chat design. It’s an upgraded version of the Visual Design tab, now called Quick Design. This new customization tab allows you to change the look and feel of your chat room in a simpler, toggle-and-click interface. With this new feature, customers can change their chat […]<\/p>\n","protected":false},"author":21,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"featured_image_url":"","seo_focus_kw":"","seo_meta_desc":""},"categories":[9],"tags":[],"acf":[],"yoast_head":"\nNew Feature: The latest and upgraded Chat Design Panel<\/title>\n<meta name=\"description\" content=\"We just recently released an easier way to personalize your chat design. With 12 customization options, it's a pretty big upgrade!\" \/>\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\/2022\/11\/28\/chat-design-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"New Feature: The latest and upgraded Chat Design Panel\" \/>\n<meta property=\"og:description\" content=\"We just recently released an easier way to personalize your chat design. With 12 customization options, it's a pretty big upgrade!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rumbletalk.com\/blog\/index.php\/2022\/11\/28\/chat-design-2\/\" \/>\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:published_time\" content=\"2022-11-28T09:00:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-14T05:15:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rumbletalk.com\/blog\/wp-content\/uploads\/2022\/05\/Quick-Design1-1024x576.gif\" \/>\n<meta name=\"author\" content=\"Rachelle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@rumbletalk\" \/>\n<meta name=\"twitter:site\" content=\"@rumbletalk\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rachelle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 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\/2022\/11\/28\/chat-design-2\/\",\"url\":\"https:\/\/rumbletalk.com\/blog\/index.php\/2022\/11\/28\/chat-design-2\/\",\"name\":\"New Feature: The latest and upgraded Chat Design Panel\",\"isPartOf\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/#website\"},\"datePublished\":\"2022-11-28T09:00:54+00:00\",\"dateModified\":\"2025-10-14T05:15:37+00:00\",\"author\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/456ba939abea7ed4e4cbbc99189aa547\"},\"description\":\"We just recently released an easier way to personalize your chat design. With 12 customization options, it's a pretty big upgrade!\",\"breadcrumb\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/2022\/11\/28\/chat-design-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rumbletalk.com\/blog\/index.php\/2022\/11\/28\/chat-design-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/2022\/11\/28\/chat-design-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rumbletalk.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"New Feature: Personalize every interaction with the latest Chat Design Panel\"}]},{\"@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\/456ba939abea7ed4e4cbbc99189aa547\",\"name\":\"Rachelle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eab5317d5e49157cbb7a3b8adae39a15?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eab5317d5e49157cbb7a3b8adae39a15?s=96&d=mm&r=g\",\"caption\":\"Rachelle\"},\"url\":\"https:\/\/rumbletalk.com\/blog\/index.php\/author\/rachelles\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"New Feature: The latest and upgraded Chat Design Panel","description":"We just recently released an easier way to personalize your chat design. With 12 customization options, it's a pretty big upgrade!","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\/2022\/11\/28\/chat-design-2\/","og_locale":"en_US","og_type":"article","og_title":"New Feature: The latest and upgraded Chat Design Panel","og_description":"We just recently released an easier way to personalize your chat design. With 12 customization options, it's a pretty big upgrade!","og_url":"https:\/\/rumbletalk.com\/blog\/index.php\/2022\/11\/28\/chat-design-2\/","og_site_name":"Online Group Chat Room Plugin for Websites and Live events","article_publisher":"https:\/\/www.facebook.com\/rumbletalk","article_published_time":"2022-11-28T09:00:54+00:00","article_modified_time":"2025-10-14T05:15:37+00:00","og_image":[{"url":"https:\/\/rumbletalk.com\/blog\/wp-content\/uploads\/2022\/05\/Quick-Design1-1024x576.gif"}],"author":"Rachelle","twitter_card":"summary_large_image","twitter_creator":"@rumbletalk","twitter_site":"@rumbletalk","twitter_misc":{"Written by":"Rachelle","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rumbletalk.com\/blog\/index.php\/2022\/11\/28\/chat-design-2\/","url":"https:\/\/rumbletalk.com\/blog\/index.php\/2022\/11\/28\/chat-design-2\/","name":"New Feature: The latest and upgraded Chat Design Panel","isPartOf":{"@id":"https:\/\/rumbletalk.com\/blog\/#website"},"datePublished":"2022-11-28T09:00:54+00:00","dateModified":"2025-10-14T05:15:37+00:00","author":{"@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/456ba939abea7ed4e4cbbc99189aa547"},"description":"We just recently released an easier way to personalize your chat design. With 12 customization options, it's a pretty big upgrade!","breadcrumb":{"@id":"https:\/\/rumbletalk.com\/blog\/index.php\/2022\/11\/28\/chat-design-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rumbletalk.com\/blog\/index.php\/2022\/11\/28\/chat-design-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rumbletalk.com\/blog\/index.php\/2022\/11\/28\/chat-design-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rumbletalk.com\/blog\/"},{"@type":"ListItem","position":2,"name":"New Feature: Personalize every interaction with the latest Chat Design Panel"}]},{"@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\/456ba939abea7ed4e4cbbc99189aa547","name":"Rachelle","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eab5317d5e49157cbb7a3b8adae39a15?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eab5317d5e49157cbb7a3b8adae39a15?s=96&d=mm&r=g","caption":"Rachelle"},"url":"https:\/\/rumbletalk.com\/blog\/index.php\/author\/rachelles\/"}]}},"_links":{"self":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/13303"}],"collection":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=13303"}],"version-history":[{"count":10,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/13303\/revisions"}],"predecessor-version":[{"id":18747,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/13303\/revisions\/18747"}],"wp:attachment":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=13303"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=13303"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=13303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}