diff --git a/docs/accounts-billing/imgs/referral-link.avif b/docs/accounts-billing/imgs/referral-link.avif new file mode 100644 index 00000000..31ef31ac Binary files /dev/null and b/docs/accounts-billing/imgs/referral-link.avif differ diff --git a/docs/accounts-billing/imgs/track-referral.avif b/docs/accounts-billing/imgs/track-referral.avif new file mode 100644 index 00000000..d4d01628 Binary files /dev/null and b/docs/accounts-billing/imgs/track-referral.avif differ diff --git a/docs/accounts-billing/referral-program.md b/docs/accounts-billing/referral-program.md index 3ebd9881..c6203012 100644 --- a/docs/accounts-billing/referral-program.md +++ b/docs/accounts-billing/referral-program.md @@ -21,7 +21,7 @@ Your personal referral code is listed on your [My Account Page](https://app.flut 1. Navigate to the [My Account Page](https://app.flutterflow.io/account) and scroll down to the **Referrals** section. 2. To copy your referral code, press the copy icon. -![img_19.png](imgs/img_19.png) +![referral-link](imgs/referral-link.avif) ### How To Track How Many People Have Signed Up Using Your Referral Code @@ -30,7 +30,7 @@ You can track your referrals in the **Referrals** section on the [My Account Pag * **Signed Up:** How many people have signed up for FluterFlow using your referral link. * **Subscribed:** How many people have subscribed to FlutterFlow Pro or Standard using your referral link. -![img_20.png](imgs/img_20.png) +![track-referrals.png](imgs/track-referral.avif) ### I forgot to sign-up using the referral link, can I add this after creating account? diff --git a/docs/ff-integrations/authentication/firebase-auth/google-login.md b/docs/ff-integrations/authentication/firebase-auth/google-login.md index ab837d78..9ec118b2 100644 --- a/docs/ff-integrations/authentication/firebase-auth/google-login.md +++ b/docs/ff-integrations/authentication/firebase-auth/google-login.md @@ -23,10 +23,33 @@ Before getting started with this section: ## Enable Google Sign-in Provider in Firebase -- Open the Firebase Console and click on Authentication -- Follow the steps to enable Google Sign in for your Firebase project - - +Open the **Firebase Console**, click on **Authentication** and then follow the steps below to enable Google Sign in for your Firebase project. + +
+ +
+

## Add a Login Screen with Google Login Action @@ -37,21 +60,42 @@ You can create your own or use the one from page templates. ### Add Login Action -- On your Google Login button, select **Actions** from the properties panel (the - right menu) and select Add Action. -- Search and select the Log In (under **Backend/Database > Firebase +1. On your Google Login button, select **Actions** from the properties panel (the + right menu) and select **Add Action**. +2. Search and select the Log In (under **Backend/Database > Firebase Authentication**) action. -- Set Auth Provider to Google. - - - -- Enable the **Create User Document** and set the **Collection** to **users**. - After successful login, this will insert the user's account details, such as - email, - name, and photo, into the 'users' collection. If a user already exists, it - won't add details again. - -:::info +3. Set **Auth Provider** to **Google**. +4. Enable **Create User Document** and set the **Collection** to **users**. After successful login, this will insert the user's details, such as email, name, and photo, into the *users* collection. **Note** that, if a user exists already, it won't add the details again. + +If you haven’t already, see how to [create *users* collection](auth-initial-setup.md#creating-the-users-collection). + +
+ +
+

+ +:::tip To let users log out of your app, you can use the [**Logout**](auth-actions.md#logout-action) action. ::: @@ -69,29 +113,29 @@ To let users log out of your app, you can use the [**Logout**](auth-actions.md#l 2. To add in Firebase console: - - Open the Firebase console and click on Authentication and select the + 1. Open the Firebase console and click on Authentication and select the Setting tab. - - Select **Authorized domains** from the left side menu. + 2. Select **Authorized domains** from the left side menu. - - Click **Add domain**. + 3. Click **Add domain**. 3. To add in Google cloud console: - - Head over to + 1. Head over to your [Project Credentials](https://console.cloud.google.com/apis/credentials?project=_) page. - - Ensure you are on the correct project. In our case, we are using the + 2. Ensure you are on the correct project. In our case, we are using the [EcommerceFlow demo project](https://bit.ly/ff-docs-demo-v1), it will be different for you. - ![credential-page.png](../imgs/credential-page.png) + ![credential-page.png](../imgs/credential-page.png) - - Under the '**OAuth 2.0 Client IDs**', select '**Web client** (auto created by + 3. Under the '**OAuth 2.0 Client IDs**', select '**Web client** (auto created by Google Service)'. - - Under the '**Authorized JavaScript origins**', click ADD URI and add both the + 4. Under the '**Authorized JavaScript origins**', click ADD URI and add both the URL. - - Similarly, under the '**Authorized redirect URIs**', click ADD URI, add both + 5. Similarly, under the '**Authorized redirect URIs**', click ADD URI, add both the URL and append '/__/auth/handler' at the end. ### Verify user created in Firebase Dashboard To confirm the successful integration of Google authentication and the creation of users, navigate -to your Firebase project > Authentication > Users and check the user entries. +to your **Firebase project > Authentication > Users** and check the entries. ![verify-google-auth-users.png](../imgs/verify-google-auth-users.png) \ No newline at end of file diff --git a/docs/ff-integrations/maps/google-maps/place-picker-widget.md b/docs/ff-integrations/maps/google-maps/place-picker-widget.md index 75834b98..f56108bb 100644 --- a/docs/ff-integrations/maps/google-maps/place-picker-widget.md +++ b/docs/ff-integrations/maps/google-maps/place-picker-widget.md @@ -46,9 +46,9 @@ Here's an example from the Demo app:

:::note[Prerequisites] -- Ensure you have enabled **Places API** from Cloud console. [**Check out the Setup docs.**](generate-maps-keys) +- Ensure you have enabled **Places API** from Cloud console. [**Check out the Setup docs.**](generate-maps-keys.md#add-places-apis) - Enable **Google Maps Platform Billing** via your Cloud console. Please note: Failing to enable the Google Maps Platform Billing will not show any place in an autocomplete list. -- Add API keys as suggested in [**Getting Started**](generate-maps-keys) guide. +- Add API keys as suggested in [**Getting Started**](generate-maps-keys.md#add-keys-to-flutterflow) guide. :::