How to Adjust Your Embedded Decision Tree When Your Page Has a ‘Sticky’ Header

Introduction:

The article outlines the steps to adjust your embedded Decision Tree on a page that uses a ‘sticky’ header. Headers house the main menu and can be either fixed or sticky. While embedding a Decision Tree, we ensure minimal scrolling for users. However, for pages with sticky headers, additional settings are required to prevent the Decision Tree from being obscured.

There are 2 kinds of headers which contains your main menu.

  1. Fixed: Fixed menu move up and out of view when a user scrolls down. Menu disappears from view when scrolled.
  2. Floating or Sticky: A Sticky Header remains on top at ALL times.

When embedding your decision tree, LeadsHook automatically places decision tree so ensure the least amount of scrolling for your website visitors and leads.

Because an embed code can be added anywhere on the page, such as at the bottom of an article or advertorial, usability is horrible if a user has to keep scrolling down AFTER each node. If a node expands in size greater than the view point, then the browser will automatically refresh.

To prevent the needless scrolling, LeadsHook will automatically position your decision tree to the TOP even if embedded at the bottom of the page. This is optimal for conversions.

If you are using a sticky header then you’ll have to inform LeadsHook to add a height so the decision tree is NOT hidden under the header.

This is the setting for adding in a height in pixels…

Pro Tips:

  • Test the visible area after adjusting the height to ensure optimal visibility and user experience.
  • Keep the header size minimal to maximize the space for the Decision Tree.

Troubleshooting:

  • If the Decision Tree remains hidden after adding the height, try increasing the pixel value.
  • Ensure the correct embedding code is used and placed at the appropriate position in your page.

Conclusion:

Adjusting your embedded Decision Tree on a page with a sticky header enhances user interactivity and conversion rates. Remember to test your settings thoroughly to ensure optimal results.

FAQs:

  • Can I use the same height setting for all pages?
    • The optimal height can vary depending on page layout and header size. It’s best to adjust and test it on each page.
Tagged: