{"id":1844,"date":"2026-04-01T13:15:12","date_gmt":"2026-04-01T13:15:12","guid":{"rendered":"https:\/\/onesystemcrm.com\/help\/?post_type=docs&p=1844"},"modified":"2026-04-01T13:15:12","modified_gmt":"2026-04-01T13:15:12","password":"","slug":"how-to-add-dynamic-animations-to-text-elements","status":"publish","type":"docs","link":"https:\/\/onesystemcrm.com\/help\/Supports\/how-to-add-dynamic-animations-to-text-elements\/","title":{"rendered":"How to Add Dynamic Animations to Text Elements"},"content":{"rendered":"
We\u2019re thrilled to introduce our new Entrance Animations for Text Elements feature! This update allows you to add dynamic animations to text (Heading, Sub-heading, Paragraph and Bullet list element) – making your online content more engaging.<\/div>\n
\n
Key Features and Benefits<\/div>\n<\/div>\n
    \n
  1. \n
    Dynamic Entrance Animations for Text Elements<\/div>\n<\/li>\n<\/ol>\n
      \n
    • Engage Your Audience: Add captivating entrance animations to text elements.<\/li>\n
    • Trigger on Scroll: Animations start when the text comes into view.<\/li>\n
    • Builder Preview: See animations in action while editing your content.<\/li>\n<\/ul>\n
        \n
      1. \n
        Extensive Animation Options: Choose from an array of animation effects to suit your content style and audience preferences. Categories include:<\/div>\n<\/li>\n<\/ol>\n
          \n
        • Fade: Gradually bring text into view for a subtle yet elegant effect.<\/li>\n
        • Slide: Make text slide in from various directions to create a dynamic entrance.<\/li>\n
        • Bounce: Add a playful bounce effect to capture attention and add energy.<\/li>\n
        • Rotate: Rotate text elements into view for a creative and eye-catching appearance.<\/li>\n
        • Zoom: Zoom text in and out for a dramatic entrance that highlights important information.<\/li>\n<\/ul>\n
            \n
          1. \n
            Seamless Integration<\/div>\n<\/li>\n<\/ol>\n
              \n
            • Easy Implementation: Add animations with our intuitive interface.<\/li>\n
            • Cross-Platform Compatibility: Animations work consistently across devices and screen sizes.<\/li>\n<\/ul>\n
              \n
              How to Use<\/div>\n<\/div>\n
                \n
              1. Go to the funnel\/website editor from the builder.<\/li>\n
              2. Choose or add the text you want to animate.<\/li>\n
              3. Navigate to the new animations tab in the style editor.<\/li>\n
              4. Choose from various entrance animations like fade, slide, bounce, rotate, and zoom.<\/li>\n
              5. View the effect directly on the builder page.<\/li>\n
              6. Save your changes and publish the page.<\/li>\n<\/ol>\n
                <\/div>\n
                \"image\"<\/div>\n
                \"image\"<\/div>\n","protected":false},"excerpt":{"rendered":"

                We\u2019re thrilled to introduce our new Entrance Animations for Text Elements feature! This update allows you to add dynamic animations […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","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":"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":"","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-4)","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-4)","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-4)","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":""},"doc_category":[86],"doc_tag":[],"class_list":["post-1844","docs","type-docs","status-publish","hentry","doc_category-funnels-and-websites"],"year_month":"2026-07","word_count":239,"total_views":"18","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"usamasaeed219","author_nicename":"usamasaeed219","author_url":"https:\/\/onesystemcrm.com\/help\/author\/usamasaeed219\/"},"doc_category_info":[{"term_name":"Funnels and Websites","term_url":"https:\/\/onesystemcrm.com\/help\/Supports-category\/funnels-and-websites\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/docs\/1844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/comments?post=1844"}],"version-history":[{"count":1,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/docs\/1844\/revisions"}],"predecessor-version":[{"id":1845,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/docs\/1844\/revisions\/1845"}],"wp:attachment":[{"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/media?parent=1844"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/doc_category?post=1844"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/doc_tag?post=1844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}