Element Behaviors in Website Builder

  • 1
  • 1
  • Question
  • Updated 3 months ago
When designing your website, you want it to be the easiest experience possible for your site visitors. If you have a really complicated menu or the pages are difficult to navigate, it is more likely that someone will leave your page to find the answer to what they are looking for elsewhere. You can use Element Behaviors to help make your site easy to use.

Element Behaviors are effects you can place on an element that triggers another action. For example, you can add an element behavior to have a picture scale bigger when a mouse hovers over it. You can trigger a button to cause another element to appear or hide. You can create "scroll to" anchor links.

To add an element behavior an any element, simply:
  1. Click the element
  2. Click More > Advanced > Settings > Add Behavior
  3. Choose the Behavior you would like to apply
  4. Choose what element to apply it to
  5. Choose the trigger that will cause this behavior
The options that are available for Element Behaviors are:

  • Scale: Will allow you to cause an element to grow bigger or smaller when it is triggered
  • Rotate: Allows an element to pivot when triggered.
  • Pop Up Image: You can program an element to show an Image when triggered.
  • Show: Will allow you to Show an element when triggered. (*Note: You probably don't want the element visible to start, so you can go into Size & Position for the element you are "Showing" and turn off "Starts Visible")
  • Hide: Will allow you to Hide an element when triggered.
  • Scroll To Element: Creates an anchor link to scroll to an element when triggered.
  • Navigate Next: This can only be used to apply to elements like Image Gallery or Tabs, that you would need to scroll through.
  • Navigate Prev.: This can only be used to apply to elements like Image Gallery or Tabs, that you would need to scroll through.
  • Next Page: Will send the page viewer to the next page in your Navigation Menu
  • Prev Page: Will send the page view to the previous page in your Navigation Menu.
  • Submit Form: Can only be used on contact forms, to submit the information input.
  • Clear Form: Can only be used on contact forms, to clear the information input.
  • Play, Stop, Pause: Can only be used on Video elements to make it easier for your page visitors to view the video.
  • Add To Cart: Can be applied to add an item from your store to the cart. 
  • Analytics Event:

When you choose these Behaviors, it will usually ask you if you want to apply it to "This Element" or "Other Element". If you choose "Other Element", it will bring you to the website page and you will need to choose which element to associate to the Behavior and click Apply.

**Note: You can only add element behaviors to elements on the same page
Photo of Homestead FAQ

Homestead FAQ, Employee

  • 41,976 Points 20k badge 2x thumb

Posted 3 months ago

  • 1
  • 1

Be the first to post a reply!