<style>
    .style-6 .chip {
        display: inline-block;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 25px;
        font-size: 13px;
        line-height: 32px;
    }
    
    /* Image */
    .style-6 .chip img {
        float: left;
        margin: 0 8px 0 -12px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
    }
    </style>
<style>
    .style-6 .chip {
        display: inline-block;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 25px;
        font-size: 13px;
        line-height: 32px;
    }
    
    /* Image */
    .style-6 .chip img {
        float: left;
        margin: 0 8px 0 -12px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
    }
    </style>
<style>.ht-click .s8_content { display: none; } .ht-click .s8_cta:hover .s8_content { display: inline-flex; } 
    .ht-click .s8_img {
        box-shadow: 2px 5px 10px rgba(0,0,0,.5);
    }
    
    .ht-click .s8_content {
        box-shadow: 2px 5px 10px rgba(0,0,0,.5);
        border-radius: 5px;
    }
        
    .ht-click .s8_content span {
        padding: 5px;
        overflow: hidden;
    }
    
    .ht-click .s8_content .heading {
        font-size: 20px;
    }
    
    .ht-click .s8_content .description {
        font-size: 12px;
    }
    
    .ht-click .s8_content.right {
        animation: 1s s8_translate_right;
    }
    
    .ht-click .s8_content.left {
        animation: 1s s8_translate_left;
    }
    
    @keyframes s8_translate_right {
        0% {
            transform: translateX(55px)
        }
        100% {
            transform: translateX(0px)
        }
    }
    
    @keyframes s8_translate_left {
        0% {
            transform: translateX(-55px)
        }
        100% {
            transform: translateX(0px)
        }
    }
    </style>
<style>
    .style-6 .chip {
        display: inline-block;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 25px;
        font-size: 13px;
        line-height: 32px;
    }
    
    /* Image */
    .style-6 .chip img {
        float: left;
        margin: 0 8px 0 -12px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
    }
    </style>
<style>
    .style-6 .chip {
        display: inline-block;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 25px;
        font-size: 13px;
        line-height: 32px;
    }
    
    /* Image */
    .style-6 .chip img {
        float: left;
        margin: 0 8px 0 -12px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
    }
    </style>
<style>.ht-click .s8_content { display: none; } .ht-click .s8_cta:hover .s8_content { display: inline-flex; } 
    .ht-click .s8_img {
        box-shadow: 2px 5px 10px rgba(0,0,0,.5);
    }
    
    .ht-click .s8_content {
        box-shadow: 2px 5px 10px rgba(0,0,0,.5);
        border-radius: 5px;
    }
        
    .ht-click .s8_content span {
        padding: 5px;
        overflow: hidden;
    }
    
    .ht-click .s8_content .heading {
        font-size: 20px;
    }
    
    .ht-click .s8_content .description {
        font-size: 12px;
    }
    
    .ht-click .s8_content.right {
        animation: 1s s8_translate_right;
    }
    
    .ht-click .s8_content.left {
        animation: 1s s8_translate_left;
    }
    
    @keyframes s8_translate_right {
        0% {
            transform: translateX(55px)
        }
        100% {
            transform: translateX(0px)
        }
    }
    
    @keyframes s8_translate_left {
        0% {
            transform: translateX(-55px)
        }
        100% {
            transform: translateX(0px)
        }
    }
    </style>
{"id":1039,"date":"2018-07-03T09:01:27","date_gmt":"2018-07-03T03:31:27","guid":{"rendered":"https:\/\/holithemes.com\/plugins\/click\/?p=1039"},"modified":"2018-07-03T09:01:27","modified_gmt":"2018-07-03T03:31:27","slug":"group-id","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click\/group-id\/","title":{"rendered":"Group Chat"},"content":{"rendered":"\n<p>Group chat is not working in Firefox, Safari browsers in desktop. The pages will try to open WhatsApp mobile app even in\n\t<g class=\"gr_ gr_10 gr-alert sel gr_gramm gr_replaced gr_inline_cards gr_disable_anim_appear Grammar only-ins doubleReplace replaceWithoutSep\" id=\"10\" data-gr-id=\"10\">the <\/g>desktop. We reported this issue to a few browsers.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>If the return type is &#8216;Group Chat&#8217;.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"572\" height=\"162\" src=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/return_type..png\" alt=\"\" class=\"wp-image-1051\" srcset=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/return_type..png 572w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/return_type.-300x85.png 300w\" sizes=\"(max-width: 572px) 100vw, 572px\" \/><\/figure>\n\n\n\n<p><br\/>When the user clicks on any style, it will redirect to\n\t<g class=\"gr_ gr_3 gr-alert sel gr_gramm gr_replaced gr_inline_cards gr_disable_anim_appear Grammar only-ins replaceWithoutSep\" id=\"3\" data-gr-id=\"3\">a <\/g>group invite page.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/whatsapp-1-1-1.png\" alt=\"Group Chat\" class=\"wp-image-2045\" width=\"329\" height=\"466\" srcset=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/whatsapp-1-1-1.png 1080w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/whatsapp-1-1-1-212x300.png 212w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/whatsapp-1-1-1-723x1024.png 723w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/whatsapp-1-1-1-768x1087.png 768w\" sizes=\"(max-width: 329px) 100vw, 329px\" \/><figcaption>Group Invite<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Find Group Id<\/h3>\n\n\n\n<p>Click\/tap on the group name\u200a ( \u200aOn the top of group page )<\/p>\n\n\n\n<p>If you are an admin to that group, you can find a link\u00a0\u2018Invite to Group via Link\u2019<\/p>\n\n\n\n<p>Click on\u00a0\u2018<strong>Invite to Group via Link<\/strong>\u2019<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/www.holithemes.com\/whatsapp-chat\/wp-content\/uploads\/2017\/11\/group-id.png\"><img decoding=\"async\" src=\"http:\/\/www.holithemes.com\/whatsapp-chat\/wp-content\/uploads\/2017\/11\/group-id.png\" alt=\"\" class=\"wp-image-298\"\/><\/a><\/figure>\n\n\n\n<p><br\/>Select only the suffix of the link\u00a0and then, add it in setting page.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"574\" height=\"161\" src=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/id.png\" alt=\"\" class=\"wp-image-1066\" srcset=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/id.png 574w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/id-300x84.png 300w\" sizes=\"(max-width: 574px) 100vw, 574px\" \/><\/figure>\n\n\n\n<p><br\/>By default return type is &#8216;chat&#8217;, using shortcode attributes can change the group id.<\/p>\n\n\n\n<p>By default, a group_id is specified in the global settings. Change the group id by using the shortcode attribute &#8220;group_id&#8221;.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[click return_type=group_chat style=6 s6_text=\"Fashion Trends\"]<\/pre>\n\n\n<style>\r\n    .style-6 .chip {\r\n        display: inline-block;\r\n        padding-left: 12px;\r\n        padding-right: 12px;\r\n        padding-top: 0px;\r\n        padding-bottom: 0px;\r\n        border-radius: 25px;\r\n        font-size: 13px;\r\n        line-height: 32px;\r\n    }\r\n    \r\n    \/* Image *\/\r\n    .style-6 .chip img {\r\n        float: left;\r\n        margin: 0 8px 0 -12px;\r\n        height: 32px;\r\n        width: 32px;\r\n        border-radius: 50%;\r\n    }\r\n    <\/style>\r\n    <div class=\"wca_shortcode ht-click-analytics style-6 \" style=\"  cursor: pointer; display: inline; z-index: 9999; \"  data-htclick=\"style-6-sc\" onclick=\" window.open('https:\/\/chat.whatsapp.com\/8hFTXyknPzXE1SO3XBqSVy', '_blank'); \" >\r\n    \r\n    <div class=\"chip\" style=\"background-color: #e4e4e4; color:  \">\r\n        Fashion Trends\r\n        <img decoding=\"async\" src=\" https:\/\/holithemes.com\/plugins\/click\/wp-content\/plugins\/ht-click\/.\/assets\/img\/whatsapp-logo-32x32.png \" alt=\"whatsapp\">\r\n    <\/div>\r\n\r\n    <\/div>\r\n    \n\n\n\n<p><br\/>To change the value of group id, use group_id attribute<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[click return_type=group_chat group_id=\"9EHLsEsOeJk6AVtE8AvXiA\" style=6 s6_text=\"Join the Club\"]<br\/><\/pre>\n\n\n<style>\r\n    .style-6 .chip {\r\n        display: inline-block;\r\n        padding-left: 12px;\r\n        padding-right: 12px;\r\n        padding-top: 0px;\r\n        padding-bottom: 0px;\r\n        border-radius: 25px;\r\n        font-size: 13px;\r\n        line-height: 32px;\r\n    }\r\n    \r\n    \/* Image *\/\r\n    .style-6 .chip img {\r\n        float: left;\r\n        margin: 0 8px 0 -12px;\r\n        height: 32px;\r\n        width: 32px;\r\n        border-radius: 50%;\r\n    }\r\n    <\/style>\r\n    <div class=\"wca_shortcode ht-click-analytics style-6 \" style=\"  cursor: pointer; display: inline; z-index: 9999; \"  data-htclick=\"style-6-sc\" onclick=\" window.open('https:\/\/chat.whatsapp.com\/9EHLsEsOeJk6AVtE8AvXiA', '_blank'); \" >\r\n    \r\n    <div class=\"chip\" style=\"background-color: #e4e4e4; color:  \">\r\n        Join the Club\r\n        <img decoding=\"async\" src=\" https:\/\/holithemes.com\/plugins\/click\/wp-content\/plugins\/ht-click\/.\/assets\/img\/whatsapp-logo-32x32.png \" alt=\"whatsapp\">\r\n    <\/div>\r\n\r\n    <\/div>\r\n    \n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>To Change the image, line1, line2, background color, border color and make the style look at the fixed position on the screen &#8211; This style appears at the bottom right side of this page.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[click style=8 s8_img=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/08\/image1-e1533386781145.jpg\" s8_line_1=\"Klub F5\" s8_line_2=\"Join Us in WhatsApp\" s8_border_color=\"#041c1c\" s8_background_color=\"ecf298\" position=fixed bottom=40px right=40px]<\/pre>\n\n\n<style>.ht-click .s8_content { display: none; } .ht-click .s8_cta:hover .s8_content { display: inline-flex; } \r\n    .ht-click .s8_img {\r\n        box-shadow: 2px 5px 10px rgba(0,0,0,.5);\r\n    }\r\n    \r\n    .ht-click .s8_content {\r\n        box-shadow: 2px 5px 10px rgba(0,0,0,.5);\r\n        border-radius: 5px;\r\n    }\r\n        \r\n    .ht-click .s8_content span {\r\n        padding: 5px;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .ht-click .s8_content .heading {\r\n        font-size: 20px;\r\n    }\r\n    \r\n    .ht-click .s8_content .description {\r\n        font-size: 12px;\r\n    }\r\n    \r\n    .ht-click .s8_content.right {\r\n        animation: 1s s8_translate_right;\r\n    }\r\n    \r\n    .ht-click .s8_content.left {\r\n        animation: 1s s8_translate_left;\r\n    }\r\n    \r\n    @keyframes s8_translate_right {\r\n        0% {\r\n            transform: translateX(55px)\r\n        }\r\n        100% {\r\n            transform: translateX(0px)\r\n        }\r\n    }\r\n    \r\n    @keyframes s8_translate_left {\r\n        0% {\r\n            transform: translateX(-55px)\r\n        }\r\n        100% {\r\n            transform: translateX(0px)\r\n        }\r\n    }\r\n    <\/style>\r\n    <div class=\"wca_shortcode ht-click ht-click-analytics style-8 style-8-sc\" style=\" position:fixed;right:40px;bottom:40px; cursor: pointer; display: inline-flex; z-index: 9999; \"  data-htclick=\"style-8-sc\" onclick=\" window.open('https:\/\/api.whatsapp.com\/send?phone=919494429789&text=https:\/\/holithemes.com\/plugins\/click\/group-id\/, Hello, How are you', '_blank'); \" >\r\n    \r\n    <div class=\"s8_cta\" style=\" display: -ms-flexbox; display: -webkit-flex; display: inline-flex; \">\r\n        <img decoding=\"async\" class=\"s8_img\" src=\" https:\/\/picsum.photos\/200\/300?image=0\" style=\" height: 70px; width: 70px; z-index: 999999;  order: 1;\" alt=\"whatsapp\">\r\n        <div class=\"s8_content  right\" style=\" flex-direction: column; justify-content: center; align-items: center;     background-color: ecf298; border: 1px solid #041c1c; height: 70px; width: 270px;  margin-right: -4px;\" >\r\n            <span class=\"heading\" style=\"color:  #000\"> Tokyo Entrepreneurs<\/span>\r\n            <span class=\"description\" style=\"color:  #000\"> News, Tips, Meetups<\/span>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n\r\n    <\/div>\r\n    \n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Related:<\/p>\n\n\n\n<p><a href=\"https:\/\/www.holithemes.com\/who-can-edit-the-group-name-in-whatsapp\/\">Who can change the Group Name<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.holithemes.com\/how-can-an-admin-only-send-a-group-message-in-whatsapp\/\">How can an Admin only send a Group Message in WhatsApp.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Group chat is not working in Firefox, Safari browsers in desktop. The pages will try to open WhatsApp mobile app even in the desktop. We reported this issue to a few browsers. If the return type is &#8216;Group Chat&#8217;. When the user clicks on any style, it will redirect to a group invite page. Find &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/holithemes.com\/plugins\/click\/group-id\/\"> <span class=\"screen-reader-text\">Group Chat<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-1039","post","type-post","status-publish","format-standard","hentry","category-docs","category-styles"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts\/1039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/comments?post=1039"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts\/1039\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/media?parent=1039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/categories?post=1039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/tags?post=1039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}