WebToAppMaker

Navigation

Floating Action Button

Add one prominent floating shortcut with configurable icon, target URL, position, colors, and rules.

Before you start

  • One high-priority action
  • A target URL that works in the WebView

Configure and verify

  1. Set the action

    Enter the URL opened when the button is tapped.

  2. Choose icon and colors

    Select a familiar icon and accessible theme colors.

  3. Position the button

    Set the bottom offset to clear bottom navigation, cookie banners, chat widgets, and safe areas.

  4. Add visibility rules

    Hide the button where it could cover important website controls.

  5. Test the APK

    Confirm tap feedback, URL loading, scrolling, keyboard overlap, and bottom-navigation clearance.

When to use it

A FAB should represent one primary action such as create, contact, scan, or compose. Use Speed Dial for several related actions.

Test before release

  • Only one primary action is assigned
  • Button does not cover content
  • Target loads
  • Both themes work