{"id":828868,"date":"2025-02-07T05:44:18","date_gmt":"2025-02-07T05:44:18","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=828868"},"modified":"2025-02-07T05:44:18","modified_gmt":"2025-02-07T05:44:18","slug":"live-chatbot-banner-for-customer-support","status":"publish","type":"wporg-pattern","link":"https:\/\/it.wordpress.org\/patterns\/pattern\/live-chatbot-banner-for-customer-support\/","title":{"rendered":"Live chatbot banner for customer support"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-e62d0a3d wp-block-group-is-layout-constrained\" style=\"border-radius:27px\">\n<div class=\"wp-block-group alignwide is-layout-constrained wp-container-core-group-is-layout-da7bfc0a wp-block-group-is-layout-constrained\" style=\"border-radius:0px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-not-stacked-on-mobile has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\" style=\"border-top-left-radius:30px;border-top-right-radius:30px\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"has-white-color has-text-color has-link-color wp-elements-3dd8425f37a906b9eb45a2690b48334c wp-block-paragraph\">Live Support<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-75981b65 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-resized has-custom-border\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/image_png_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L2pvYjcyNi0xMDEtcC5wbmc.png\" alt=\"\" style=\"border-radius:100px;aspect-ratio:1;object-fit:cover;width:60px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide has-vivid-red-background-color has-background is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-c9f53dca wp-block-group-is-layout-constrained\" style=\"border-bottom-left-radius:30px;border-bottom-right-radius:30px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--40)\">\n<p class=\"has-white-color has-text-color has-link-color wp-elements-007a40d0b17c3f5c8e527f362dfe85ba wp-block-paragraph\" style=\"letter-spacing:1px\"> \ud83d\udfe2    Online<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":20881081,"parent":0,"template":"","meta":{"wpop_keywords":"Chatbot, Banner, Live support","wpop_description":"A UI element consisting banner of chatbot for customer support, showing online\/offline status.","wpop_viewport_width":1200,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/column,core\/columns,core\/group,core\/image,core\/paragraph","footnotes":""},"pattern-categories":[60,42,63],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-828868","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-banner","wporg-pattern-category-call-to-action","wporg-pattern-category-services"],"category_slugs":["banner","call-to-action","services"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"style\":{\"border\":{\"radius\":\"27px\"}},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"300px\"}} -->\n<div class=\"wp-block-group\" style=\"border-radius:27px\"><!-- wp:group {\"align\":\"wide\",\"style\":{\"spacing\":{\"blockGap\":\"0\",\"padding\":{\"top\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"right\":\"0\"},\"margin\":{\"top\":\"0\",\"bottom\":\"0\"}},\"border\":{\"radius\":\"0px\"}},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"100%\"}} -->\n<div class=\"wp-block-group alignwide\" style=\"border-radius:0px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><!-- wp:columns {\"verticalAlignment\":\"center\",\"isStackedOnMobile\":false,\"style\":{\"border\":{\"radius\":{\"topLeft\":\"30px\",\"topRight\":\"30px\"}}},\"backgroundColor\":\"black\"} -->\n<div class=\"wp-block-columns are-vertically-aligned-center is-not-stacked-on-mobile has-black-background-color has-background\" style=\"border-top-left-radius:30px;border-top-right-radius:30px\"><!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"66.66%\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"flex-basis:66.66%\"><!-- wp:paragraph {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"textColor\":\"white\"} -->\n<p class=\"has-white-color has-text-color has-link-color\">Live Support<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"33.33%\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"right\":\"0\"},\"blockGap\":\"0\"}},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:33.33%\"><!-- wp:image {\"id\":null,\"width\":\"60px\",\"aspectRatio\":\"1\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"100px\"}}} -->\n<figure class=\"wp-block-image size-full is-resized has-custom-border\"><img src=\"https:\/\/images.rawpixel.com\/image_png_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L2pvYjcyNi0xMDEtcC5wbmc.png\" alt=\"\" style=\"border-radius:100px;aspect-ratio:1;object-fit:cover;width:60px\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:group {\"align\":\"wide\",\"style\":{\"border\":{\"radius\":{\"bottomLeft\":\"30px\",\"bottomRight\":\"30px\"}},\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|30\",\"bottom\":\"var:preset|spacing|30\",\"left\":\"var:preset|spacing|40\",\"right\":\"var:preset|spacing|40\"}}},\"backgroundColor\":\"vivid-red\",\"layout\":{\"type\":\"constrained\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-group alignwide has-vivid-red-background-color has-background\" style=\"border-bottom-left-radius:30px;border-bottom-right-radius:30px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--40)\"><!-- wp:paragraph {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}},\"typography\":{\"letterSpacing\":\"1px\"}},\"textColor\":\"white\"} -->\n<p class=\"has-white-color has-text-color has-link-color\" style=\"letter-spacing:1px\"> \ud83d\udfe2    Online<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group -->","favorite_count":4,"author_meta":{"name":"Soham Patel","url":"https:\/\/it.wordpress.org\/patterns\/author\/sohampate1","avatar":"https:\/\/secure.gravatar.com\/avatar\/dee9e7752e123e086cb469995e1da43f4647547b396edf4ed7ee5d76f43e55c3?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/828868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":58,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/828868\/revisions"}],"predecessor-version":[{"id":829028,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/828868\/revisions\/829028"}],"author":[{"embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/sohampate1"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=828868"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=828868"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=828868"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=828868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}