Facebook Login - Anything

Before you start

Make sure you have:

• An Anything project with User Accounts turned on
• Your app running on a custom domain through Anything’s domain setup

Overview

Set Up Facebook App

Add keys to Anything

Add credentials to Anything

Add sign-in UI

Customize the login button

Test flow

Make sure login works

Facebook Setup

1. Access Facebook Developers

   1. Go to Facebook for Developers
   2. Sign in with your Facebook account
   3. Click “My Apps” in the top right

2. Create New App

   1. Click “Create App” from the dashboard
   2. You’ll be taken to the app creation screen

3. Configure App Details

   1. Enter your app name
   2. Add your contact email
   3. Click “Create App”

Choose an app name that clearly represents your business or service - this will be visible to users

4. Add Facebook Login

   1. On the product selection screen
   2. Find and select “Facebook Login”
   3. This will add the login capability to your app

5. Business Portfolio Setup

   1. Choose whether to add your app to a business portfolio
   2. You can skip this step for now during development
   3. You’ll need to complete this before launching

6. Complete Initial Setup

   1. Click “Go to Dashboard” to finalize the initial setup
   2. This will take you to your app’s main dashboard

7. Configure Email Permission (Optional)

   1. Navigate to App Settings > Permissions
   2. Add the email permission if you want to receive user email addresses
   3. This is optional but recommended if your app needs to email users

8. Access Settings

   1. In the left sidebar, click “Facebook Login > Settings”
   2. This is where you’ll configure the OAuth settings

9. Configure OAuth Redirect URI

   1. Under “Valid OAuth Redirect URIs”
   2. Add: https://www.your-domain.com/api/auth/callback/facebook
   3. Replace “your-domain.com” with your actual domain

Must include:

• https:// protocol
• www prefix in the domain
• Exact domain used in Anything’s custom domain settings
• Valid CNAME record for www subdomain in DNS

10. Save OAuth Settings

11. Scroll to the bottom of the settings page

12. Click “Save Changes” to store your OAuth configuration

13. Go to Basic Settings

14. Navigate to Settings > Basic in the left sidebar

15. This section contains your app credentials and core settings

16. Copy App Credentials

17. Find your App ID

18. Click “Show” to reveal your App Secret

19. Save both values - you’ll need them for Anything setup

Keep your App Secret secure - never share it publicly

13. Complete Basic Settings (Later) Before launching, you’ll need to complete these additional settings:
14. Add your domain with www prefix
15. Add Privacy Policy URL
16. Add User Data Deletion Policy URL
17. Add Terms of Service URL

You can use services like Termly to generate these required policy documents and then host them on pages in your Anything app.

14. Business Verification (Later) Required before launching your app:

15. Complete the business verification process

16. Provide required documentation

17. Wait for Facebook’s review

18. Publish Your Facebook App (Later) Final step before going live:

19. Navigate to the App Dashboard

20. Switch your app from Development to Live mode

21. Complete any remaining verification steps

Add to Anything project

1. Enable User Accounts You have two options:

   1. Prompt Anything with “Let users sign in”
   2. Enable User Accounts from the logo menu

2. Access Project Settings

   1. Click the 3-dot menu at the top of the chat
   2. Select “Project Settings”

3. Enable Facebook Login

   1. Navigate to the Authentication section
   2. Find Facebook Login toggle
   3. Turn it on

4. Add Facebook Credentials

   1. Paste in your App ID
   2. Paste in your App Secret
   3. Click Save

5. Add Sign In UI

   1. Return to the chat
   2. Prompt Anything with “Add Facebook Login as an option”
   3. Anything will update your sign-in pages automatically

6. Publish Your App

   1. Click the Publish button
   2. Review your changes
   3. Publish to make the Facebook Login feature live

Testing

1. Publish your changes
2. Open your app in a new incognito window
3. Go to the sign in page
4. Try signing in with Facebook
5. Check the auth_users table to see your new user

Troubleshooting

Can't see the Facebook button

• Check if User Accounts is turned on
• Make sure Facebook Login is enabled in Project Settings
• Try publishing your changes again
• Clear your browser data and try in incognito mode

Login not working

• Double check your domain is exactly the same in Anything and Facebook
• Make sure your callback URL is right: www.your-domain.com/api/auth/callback/facebook
• Check if your App ID and Secret are pasted correctly
• Verify your domain is set up in Facebook
• Make sure your app is live at your custom domain

Users can't sign in after domain change

• Update the OAuth Redirect URIs in Facebook
• Update your App Domains in Facebook
• Re-publish your app on the new domain

FAQ

What user info do I get?

By default:

• Email address
• Name
• Profile picture (if they have one)

Additional information requires requesting extra permissions and may require Facebook app review.

Can I change how the login button looks?

Yes! Just:

1. Go back to chat
2. Tell Anything how you want it to look
3. Anything will help style it while following Facebook’s rules

Do I need Facebook to review my app?

• For basic login: No
• For extra features: Yes
• You’ll need to submit your app to Facebook for approval.