Text Animation Module Documentation

Overview

The Text Animation Module is designed to empower HubSpot users to create dynamic sections on their website. This module incorporates versatile text animation functionalities, allowing users to apply multiple animations to text elements. Users can seamlessly utilize these animated texts as banners or in various sections of their web pages. The module offers additional customization options such as spacing adjustments and background settings, including background video, background image, and background color.

Features

  1. Text Animation: Users can choose from a variety of animations to apply to text elements. These animations are customizable and can be tailored to suit the desired look and feel.

  2. Banner Creation: The animated text can be effortlessly transformed into engaging banners, enhancing the visual appeal of web pages.

  3. Background Customization: Users have the flexibility to set different background types:

    • Background Video: Incorporate videos as backgrounds for added visual impact.
    • Background Image: Users can upload or select images to serve as backgrounds behind the animated text.
    • Background Color: Customizable color options for backgrounds to complement the text animations.

Usage

  1. Drag and Drop Functionality: The module is designed for easy integration into HubSpot pages. Users can simply drag and drop the Text Animation Module into the desired sections of their web pages.

  2. Animation Selection: Select the text elements and choose from a range of available animations to apply to the text.

  3. Background Customization: Tailor the background settings as per the requirements of the web page section. Options include video upload, image selection, or color palette choices.

How to Use

  1. Adding the Module:

    • Access the HubSpot page editor.
    • Drag the Text Animation Module from the module library onto the desired section of the page.
  2. Configuring Text Animations:

    • Select the text element within the module.
    • Choose the preferred animation effect from the provided list.
  3. Adjusting Background:

    • Navigate to the background settings.
    • Select the background type (video, image, or color) and customize accordingly.
  4. Saving Changes:

    • Save the configurations and preview the section to ensure the desired outcome.

Support and Assistance

For further guidance on utilizing the Text Animation Module or for any inquiries, please refer to our support documentation or contact our customer support team.

 

Edit-Page-Text-Particle-Animation-ModuleEdit-Page-Text-Particle-Animation-Module (1)