Website to Desktop App – Coming Soon!

Join the waitlist now and get an exclusive early-bird discount when we launch!

+91

By filling this form you are granting the permission to share your details with Webtonative

Floating Button

Floating Button

Introducing a Floating Button that provides quick access to key actions. This small, interactive button remains fixed on the screen, offering users a convenient way to navigate or perform tasks within the app.

Steps to add Floating Button

1. Enable Floating Button

Screenshot 2025-05-08 093335.png


2. + Add Floating Button

Screenshot 2025-05-08 094830.png

  • Click on "Add Floating Button" to move further in creating your floating button.

3. Upload Icon

Screenshot 2025-05-08 095529.png

  • Choose an icon for the floating button by uploading an image file. The recommended size is 1024x1024 pixels to ensure optimal resolution.

4. Adjust Background Color

Screenshot 2025-05-08 095947.png

  • Select a background color for the button to match your app's design theme.

5. Button Position

Screenshot 2025-05-08 100127.png

  • Determine where on the screen the button will be positioned.

6. URL Redirection

Screenshot 2025-05-08 100319.png

  • Specify a URL to which users will be redirected when they click the floating button.

7. Select Button Shape

Screenshot 2025-05-08 100754.png

Decide whether the button should have a circular or square shape.


Click on "Next" button to proceed.

8. Configure Display Settings

Screenshot 2025-05-08 102459.png

Select the appropriate visibility option based on your app's requirements:

  • Show on All Pages: Display the button on all pages of your app.
  • Exact URL: Specify the exact URL of the page where the button should appear.
  • Start with URL: Display the button on pages that start with a specific URL pattern.

After customizing and configuring visibility settings, click on the "Save" button to apply the changes. "Rebuild" your app to apply and view the changes. The rebuild process may take a few minutes, depending on the complexity of your app.


9. Review and Test After rebuilding the app, thoroughly review and test the floating button functionality to ensure it behaves as expected and appears correctly based on the defined visibility settings.

Untitled design - 2024-05-16T160027.899.png