Add Animations to Content Blocks

Add Animations to Content Blocks

Content blocks can have an Animation applied to them, allowing you to add some flair to your website. There are 9 animation options available, as well as the ability to customize a delay and slow the animation. 

  1. To apply an animation, click on the Design tab at the top of the page.
  2. In the Design preview window, click on the content you would like to animate. 
  3. Scroll down to the bottom of the menu on the far right side until you see Animation at the bottom. Click on that Animation header to reveal the options available, such as the Type, Speed, and Delay. 
  4. Use the drop-down menu within Type to select the animation you would like to add to the content block. Set your speed (the runtime of the animation) and delay (the amount of time the animation delays before beginning).

  5. Once your animation is set, click the Save button, and then the Publish button to take your changes live!

Note: Animations are only set per content block. When creating an animation block, the default animation is set to none. Animations cannot be set for an entire page.

    • Related Articles

    • Add/Edit Content Blocks

      Content blocks are sections of your website that are editable on the Pages dashboard. Blocks comprise the content and media of your website, and they will stack from top to bottom on every page. There are many different types of blocks for you to ...

    • Types of Content Blocks

      Each content block has its own purpose, and they all do different things. It's important to know what each block does so that you can make sure you're getting the right type of content onto your website. Here are the different types of content blocks ...

    • Duplicate, Reorder, or Move Content Blocks

      Duplicate a content block You can duplicate content blocks, which is a good alternative to manually rebuild a content block on another page. The block will retain all of its content and design settings after being duplicated. To duplicate a block: ...

    • Add Border to Content Block

      You can add borders to specific content blocks on your site. To add or edit a content block's border: Select the Design tab at the top of the Websites app. In the Design preview window, click directly on the content block you'd like to edit. This ...

    • Add Facebook (Meta) Pixel to Websites 360®

      You can measure the success of your Facebook Ads performance by adding the Facebook Pixel (also known as the Meta Pixel) to your website. Create your Facebook pixel If you have not yet created your Facebook Pixel, then follow these steps. If you ...