Access the Website Builder
Animations are configured inside the Website Builder editor.
Steps
Go to Websites.
Select the website you want to edit.
Click Edit on the page you want to modify.
Select the Page to Edit
Each website can contain multiple pages.
Steps
Choose the page (for example, Home, Appointment, or Thank You).
Click Edit to open the page editor.
Select a Text Element
Animations can be applied to text-based elements.
Supported Elements
Headline
Sub Headline
Paragraph text
Lists
Steps
Click the text element on the page.
The element settings panel opens on the right.
Open the Animations Tab
Each text element includes animation settings.
Steps
In the element settings panel, select Animations.
Click Entrance Animation.
Choose an Entrance Animation
You can select how the text appears on the page.
Available Animation Types
None
Fade (In, Up, Down, Left, Right)
Slide (Up, Down, Left, Right)
Bounce
Flip (X or Y)
Rotate
Steps
Select the animation style.
The animation applies instantly in preview mode.
Adjust Animation Settings
You can fine-tune how the animation behaves.
Adjustable Controls
Scale
Duration
Delay
Easing
Steps
Click Adjust Animation.
Modify values using sliders or input fields.
Close the panel when finished.
Apply Animations to Sub Headlines
Animations work the same way for subheadlines.
Steps
Select the subheadline element.
Open Animations > Entrance Animation.
Choose an animation style.
Fine-Tune Sub Headline Animation Timing
Each subheading can have unique animation timing.
Steps
Click Adjust Animation.
Set scale, duration, delay, and easing.
Confirm changes.
Preview Animations Before Publishing
Always preview animations before making the page live.
Steps
Click the Preview icon.
Scroll the page to test animation behavior.
Save and Publish the Page
Animations are not live until the page is published.
Steps
Click Save.
Click Publish to apply changes to the live site.
Common Issues and Fixes
Issue: Animation does not appear
Confirm an entrance animation is selected and the page is published.
Issue: Animation feels too slow or fast
Adjust duration and delay settings.
Issue: Page feels cluttered
Reduce the number of animated elements.
FAQ
What animation settings can I customize?
You can adjust scale, duration, delay, and easing for each animated element.
Are animations SEO-friendly?
Yes. Animations do not affect SEO as long as content remains accessible and page load times are optimized.
Can animations trigger on scroll?
Yes. Entrance animations trigger when the element enters the viewport.
Can I animate elements other than text?
Yes. Animations can also be applied to images and other visual elements.