How to Use the Hover Settings in FlexiFunnels

The Hover Settings in FlexiFunnels allow you to create interactive effects when visitors place their mouse pointer over a section, row, or element. This helps make your website more engaging and user-friendly.

Steps to Use Hover Settings

1. Open the Editor

   • Log in to your FlexiFunnels account and open the editor for the page you want to work on.
     
     

2. Select the Component

   • Hover settings are available for all major components like Sections, Rows, and Elements (text, images, buttons, etc.).

   • Click on the component you want to customize.
     
     
     

3. Choose the State

   • In the settings panel, you’ll see an option for State.

   • From here, you can select either Default or Hover.

   • Choose Hover to define how the element should look when a visitor hovers over it.
     
     
     

4. Apply Your Styling

   • Once Hover is selected, you can apply styling changes such as:

     • Background color

     • Font color or size

     • Border style

     • Shadow or glow effect

     • Image changes

     • Button effects (scale, color shift, etc.)
       
       
       

5. Save and Preview

   • After making your changes, preview your page and hover over the element to test the effect.