{"id":881,"date":"2020-11-01T13:33:30","date_gmt":"2020-11-01T08:03:30","guid":{"rendered":"http:\/\/holithemes.com\/plugins\/click-to-chat\/?p=881"},"modified":"2025-12-22T11:38:07","modified_gmt":"2025-12-22T06:08:07","slug":"animations","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/animations\/","title":{"rendered":"Animations"},"content":{"rendered":"\n<p>Animations help to capture the user&#8217;s attention, making it easier for website visitors to notice and interact with your chat button. By default, no animations are applied, but you can easily set them up to enhance user engagement.<\/p>\n\n\n\n<p>Set the animations from <strong>&#8216;Click to Chat&#8217;<\/strong> -&gt; <strong>&#8216;Other settings&#8217;<\/strong> -&gt; <strong>&#8216;Animations&#8217;&nbsp;<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"159\" height=\"154\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2020\/11\/Other-Settings-nav.webp\" alt=\"\" class=\"wp-image-6278\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Available Animations:<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Flip<\/li>\n\n\n\n<li>Bounce<\/li>\n\n\n\n<li>Flash<\/li>\n\n\n\n<li>Pulse<\/li>\n\n\n\n<li>Heartbeat<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"928\" height=\"814\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/11\/animationfinal.png\" alt=\"\" class=\"wp-image-3752\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/11\/animationfinal.png 928w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/11\/animationfinal-300x263.png 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/11\/animationfinal-768x674.png 768w\" sizes=\"(max-width: 928px) 100vw, 928px\" \/><figcaption class=\"wp-element-caption\">Animations<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Customization Options:<\/strong><\/h4>\n\n\n\n<p><strong>Animation Iteration:<\/strong> Define how many times the animation repeats.<\/p>\n\n\n\n<p><strong>Animation Delay:<\/strong> Set the time delay before the widget starts its animation. The delay begins after the widget becomes visible on the page.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Entry Effects:<\/strong><\/h4>\n\n\n\n<p>Control how the button\/icon is displayed when the page first loads:<\/p>\n\n\n\n<p><strong>Center (Zoom In):<\/strong> The widget zooms in from its own position, creating a zoom effect as it loads.<\/p>\n\n\n\n<p><strong>Corner:<\/strong> The widget slides in from its designated corner, based on where it\u2019s placed.<\/p>\n\n\n\n<div class=\"ctc_animation_demo_container\">\n<h2>Demo: Animations<\/h2>\n<button data-animation=\"bounce\">Bounce<\/button>\n<button data-animation=\"flash\">Flash<\/button>\n<button data-animation=\"pulse\">Pulse<\/button>\n<button data-animation=\"heartBeat\">Heartbeat<\/button>\n<button data-animation=\"flip\">Flip<\/button>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Boost with Badges<\/strong><\/h4>\n\n\n\n<p>Pair Animations with Notification Badges to Grab Attention<br><\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/notification-badge\/\">Notification Badge Documentation<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Future Updates:<\/strong><\/h4>\n\n\n\n<p>We are actively working on enhancing this feature. If you have suggestions or ideas, feel free to <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/support\/\">contact <\/a>us<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Animations help to capture the user&#8217;s attention, making it easier for website visitors to notice and interact with your chat button. By default, no animations are applied, but you can easily set them up to enhance user engagement. Set the animations from &#8216;Click to Chat&#8217; -&gt; &#8216;Other settings&#8217; -&gt; &#8216;Animations&#8217;&nbsp; Available Animations: Customization Options: Animation [&hellip;]<\/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":"default","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":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-opacity":"","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-opacity":"","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-opacity":"","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-opacity":"","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-opacity":"","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-opacity":"","overlay-gradient":""}},"footnotes":"","_htd2_assets":[]},"categories":[53],"tags":[],"class_list":["post-881","post","type-post","status-publish","format-standard","hentry","category-features"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/881","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/comments?post=881"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/881\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=881"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/categories?post=881"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/tags?post=881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}