Skip to main content

FAQ

Fix Missing Products or Categories​

⁉️ “My app stops working when I display categories in FluxBuilder. What should I do?”

⁉️ “Why are my products or categories not showing up?”

🙋‍♀️ Rest assure! Here are two simple steps to help fix missing products or categories and improve image loading speed.

  • Step 1: Install the required plugins to ensure your website data and images display correctly in your iOS and Android apps. Follow the Prepare Your Website guide.
  • Step 2: Still having trouble? Follow our App Performance Guide to optimize image sizes and network requests for faster loading and to fix the issue.

Fix White Screen & App Freezing​

When launching the app, if you encounter a situation where the app becomes unresponsive or freezes at the initial loading screen, it is likely due to the improper configuration of the Splash Screen.

To double-check the Splash Screen, please open the Features of the app on FluxBuilder, in Branding, select Splash Screen. Now, let check:

  1. If the feature is enabled with blank configuration.
  2. If the feature is configured incorrectly.

To correct the case, please refer to this Splash Screen Guide step by step:

Now you can re-check by create Test APK, or Test iOS by going to Build as below:

Preview & Capture App on Any Device​

⁉️ "My app is configured to support iPad, but I do not have access to a physical iPad to capture the required App Store screenshots.”

🙋‍♀️ If you are facing the same issue, this guide is for you. We will show you how to preview your app on different devices and capture screenshots directly from FluxBuilder.

Manual steps:

  1. Open your app on FluxBuilder

  2. Click the Search bar and navigate to Advanced Preview Mode

  3. Select Model to view the list of available device types.

  4. Select the platform you want to preview (iOS, Android, macOS, Windows, Linux, and Custom), then choose a device

  5. Click Capture Screenshot. The screenshot is usually saved to your desktop

Customize your App Banner​

⁉️ "How can I customize the Banner Slider in my app?"

⁉️ "How can I customize the Banner Image Radius?”

🙍‍♀️ It's easy! In this tutorial, learn how to customize your app's Banner Slider/Image in FluxBuilder App Builder with different content types, styles, and settings.

🖼️ Make your app banners more engaging with multiple content options:

  • Images
  • MP4 videos
  • YouTube videos
  • Animated Stack

You can customize your Banner with various styles and settings to create a more attractive app experience.

Customize Filters & List Screens​

⁉️ “How to disable the Date or Title A to Z filter in my app?” ⁉️ "How to remove the “Filter” text & top items from the Product List screen?"

It's easy! In this tutorial, learn how to customize your app's Filter and Product List screens using FluxBuilder No-Code App Builder.

Add a Chat Widget to any Screens​

⁉️ "How can I add a Chat widget to the bottom-right corner of my app?”

🙍‍♀️ It's easy! In this tutorial, learn how to add and configure a Chat widget in FluxBuilder in just a few minutes — no coding required!

You can display the Chat widget on almost any screen of your iOS and Android app, including Home, Category, Product Details, Profile, and more.

💬 Connect with your users through multiple chat and contact methods:

  • WhatsApp
  • Phone & SMS
  • ChatGPT
  • Google & Facebook Messenger
  • Twitter / X
  • Tawk
  • Firebase
  • And more!

Display a Page as WebView or Native​

⁉️ "How can I fetch a page from my site Not as a Web View on App?"

🙍‍♀️ You can display a website page as a WebView or Native screen (Not WebView). It depends on your needs:

  • WebView: select Page in DESIGN LAYOUT.
  • Native screen: select Post Screen, as shown in the image below:

Open External Website​

⁉️ “Can I open external URL open in Chrome (not web view) from inside my App, in google chrome for example?”

You can completely configure External URLs on the locations below:

👉 On Home and Dynamic screens: using the Button or Banner Image widgets:

Step 1: Open your app on FluxBuilder, select Design (1). Then select a tab (2). Select Home (3.1) or Dynamic (3.2) screen:

Step 2: Choose ADD NEW LAYOUT:

Step 3: Select Banner Image or Button widget:

Step 4: Select Add New Banner , then click on No navigation and select Open URL by External Browser:

👉 On the Profile (Settings) screen: select Design , Profile , and click on ADD NEW. Then you can configure to open an external URL:

👉 On the Side Menu:

Hide Unavailable Attributes​

⁉️ "Hello, I have product have color and sizes, for example, i need when select color red display sizes, and when i select blue color blue display other sizes.”

🙍‍♀️ This is a helpful feature and it has been supported in FluxBuilder. You can easily configure it to make it work on app by these steps:

  1. Open your app on FluxBuilder
  2. On the simulator, click on any variable product
  3. On the right panel, turn on the option Hide Invalid Attributes

Note: All attributes will be displayed when the feature is disabled, as shown in the image below:

Display Special Products​

⁉️ “Can I display some of products in the app not all. For example in WooCommerce I have 10 perfumes but in the app I want to show just 3 it can be or not?”

🙍‍♀️ If you have the same question, the guide below will help you out.

On Home, we have a powerful layout called Horizontal Products that can show special products instead of full products of any category. You have the ability to choose these special products by following just a few simple steps.

  • Open your app on FluxBuilder, and navigate to Home config.
  • Add or select Horizontal Products on HOME LAYOUT to edit.

  • Enable Use Special Product and click ADD PRODUCT.

Now, feel free to search for the names of the products you need. That’s all!

Make your app easier with FluxBuilder. Enjoy!

Hide Shopping Cart​

⁉️ “I want to use the application only as a catalogue. Can we cancel the sales functions?“

🙍‍♀️ We understand that some users prefer to use the application solely as a catalog without any Shopping Cart on the app. We are happy to inform you that you can indeed disable the sales functions in FluxBuilder. This guide will provide you with step-by-step instructions on how to achieve that using FluxBuilder.

Manual Guide

Step 1: Open your app on FluxBuilder and go to Features in the left-side menu.

Step 2: In Cart & Checkout, open Shopping Cart.

Step 3: Turn off the Shopping Cart option.

Step 4: Consider to hide or remove all related Cart screens on the app. You can refer to the list below:

  • Cart Tab:

  • App Bar:

  • Navigating-to-Cart Banners/ Buttons:

  • Profile Settings:

Make the most of FluxBuilder and create a seamless catalog experience for your users!

Hide Out-of-Stock Products​

⁉️ ”How to show or hide Out-of-stock Products?”

⁉️ ”Is there anyway to not show Out Of Stock products on my App?”

🙍‍♀️ The answer is “Yes, you can”.

There are multiple studies show a significant increase in the probability of purchase when there are several Out Of Stock products in the same category. People tend to believe that something is of good quality if many other people express interest in it.

However, If there are too many Out Of Stock products—30% of your inventory or more, showing them won’t have a positive impact. When customers are looking for something specific and doesn’t find any alternative on your store.

On the FluxBuilder drag&drop App Builder, you can follow these steps:

  1. Open your app on FluxBuilder.
  2. Go to Features on the left-side menu.
  3. In General section, select Miscellaneous.
  4. Enable Show Out-of-stock Products.
  5. Click Save button.

Wish you great business!

Customize Checkout Page​

⁉️ “How to remove Shipping from the app? Also, how to customize Checkout page? I need to remove many fields (city, zip code, street ...etc)”

🙍‍♀️ You can edit Checkout screen or remove some items as the detailed guide.

Customize Downloadable Products​

Some businesses like DOWNLOAD the Digital Assets, download E-Book, etc. which not require the checkout and shipping address:

You can setup the app for the DOWNLOADABLE / DIGITAL products (WooCommerce) as the steps below:

  1. Open your app on FluxBuilder.
  2. Go to Features on the left-side menu.
  3. In Cart & Checkout section, select Checkout Screen.
  4. In Address, disable the option Enable Address.
  5. Go to Shipping, disable the option Enable Shipping.

Add or Hide Side Menu​

⁉️ “How to display the side menu because i can't find it maybe because the template and how to change the design?”

🙍‍♀️ If you do not know how to add SideMenu (or Left menu) on app’s Homepage. This guide is here to help you save time and provide clear instructions on how to display the side menu and configure its design.

1. Add Side Menu

The Side Menu is now located in some layouts:

  • Logo on HOME LAYOUT

To add a Side Menu from the Logo layout of HOME LAYOUT, please follow the following steps:

  • Open your app and go to the Home page.
  • On HOME LAYOUT, click the Add New Layout button.
  • Select Logo and scroll down to enable the Show Menu option.
  • Click Save.

  • AppBar Items

Side Menu can also be added on all UI of app from AppBar.

Open your app and expand the Design on the left menu. Select AppBar. Then click ADD NEW item:

Select the Text or Icon type. In the Action, you can choose Open Side Menu:

Remember to enable AppBar and select the screen to show AppBar after adding a new item:

2. Configure Side Menu

To configure the Side Menu, you should expand the Design on the left menu, and select Side Menu to edit it directly:

3. Hide Side Menu

To disable the Side Menu completely on the app, you can follow the steps below:

  • Open your app
  • Expand the Design on the left menu, select Side Menu
  • Uncheck the option Enable Side Menu

Create Event Announcement Popup​

There is a way to put a POPUP when the client opens Your App which helps your customers easily view an event, sale, or an important announce.

Remap Categories​

⁉️ “How to organize my app categories differently from the backend site?”

🙋‍♀️ Use Mapped Categories to create a custom category structure for your app without changing the original categories on your website:

  • Allows user to control the Position, Order, and Level of Category manually.
  • Available on Side menu (Category part) and Category screen.

Steps: open your app on FluxBuilder, go to Design, select Category, choose a CATEGORY LAYOUT. Then check the Using Mapped Categories, and click on ADD MAPPING ITEM to start creating a new category tree:

Change Flag Image in Languages List​

When changing the language on an app, the flag associated with each language can help users quickly identify and select their preferred language.

If you're looking to update the flag of the language switcher in your app, such as one of our customers’ questions: “can i change the flag of the language switcher Arabic to UAE flag for example ?”, this guide will walk you through the process using FluxBuilder.

Step 1: Launch FluxBuilder and open your app project.

Step 2: Navigate to the Features section and select Export Data. Follow the instructions provided in this Import & Export guide to export the env.dart file.

Step 3: Locate the exported env.dart file on your local machine and open it using a text editor. Look for the script shown below:

Step 4: Within the script, find the line corresponding to the language you want to update (in this case, Arabic). Update the image link by replacing "icon": "image-link" with the desired image link. For example, you can set it to "icon": "UAE-flag-image-link".

Step 5: Save the modifications you made to the env.dart file.

Step 6: Return to FluxBuilder. Navigate to the Features section and select Import Data. Then, import the modified env.dart file according to the instructions provided in this Import & Export guide.

Create Demo App​

⁉️ ”How to view a Demo App for My Website?”

🙍‍♀️ The answer is “Yes, you can”.

A Mobile App will take your online business to the next level, because about 78% of all traffic and 66% of all orders came from Mobile Devices.

Without purchase, you can view a Demo App for Your Website using the FluxBuilder drag&drop App Builder for Free. This is the Quick guide.

Support multi-type of your Websites:

  • WooCommerce
  • WCFM (WC Lovers)
  • Dokan
  • Wordpress (multi-purpose, blog, news, )
  • Shopify
  • Opencart
  • Magento
  • Listeo, MyListing, ListingPro
  • PrestaShop
  • Strapi
  • Notion
  • BigCommerce

Undo, Redo, and Restore App Version​

The Undo and Redo features in FluxBuilder allows you to quickly revert recent changes made to your app’s design without manually reconfiguring elements. This ensures a safer and more efficient workflow, especially during experimentation or iterative design.

We also recommend using Version History to save your current design and configuration.