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.

Steps to add Floating Button

1. Enable Floating Button

2. + Add Floating Button

• Within the Floating Button section, locate the option to "Add Floating Button" and click on it to start the process of adding a new button.

3. Upload Icon

• 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

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

5. Button Position

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

6. URL Redirection

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

7. Select Button Shape: Decide whether the button should have a circular or square shape.

• After customizing the button's appearance and behavior, proceed by clicking the "Next" button.

Set Visibility Settings

• Choose the visibility settings for the floating button to control where it appears:

• 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.
  • Select the appropriate visibility option based on your app's requirements.

Save Changes and Rebuild App

• Once all customization and visibility settings are configured, click on the "Save" button to apply the changes.
• After saving the settings, initiate the app rebuilding process to implement the floating button with the specified configurations.

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.