Security

• Private topics can only be shared by admins and moderators of the topic space. 
• Anyone you share the unique link with will be able to access your topic, including members outside the space and logged out visitors.
• Non-members will not be able to see or post comments until they sign in, and unless they're a member of the topic space and community.
• The shared links are unique and non-guessable; as a result, they're only accessible by the people you share the link with. Think of these like links to a private Notion or Google Doc.

Layout customization

You can customize the layout of private topic links by turning on Minimal Layout. Since logged out visitors may not have access to the rest of your community, this mode lets your content shine front and center.

Here's an example of a shared private topic in minimal layout mode. (For full effect, make sure to view this in Incognito Mode.)



The Teaser only toggle lets you show just a teaser of the topic, enticing visitors to sign up or sign in with a call-to-action.

Here's something awesome: you can customize the call-to-action from Settings → General and point it to a custom landing page with your own copy.







🚨 If you plan to use a custom domain, set that up first as this will change your Callback URL. Not doing this first can potentially lead to being locked out of your account.

✅ Step 1: Set up Circle integration in Outseta

1. Within Outseta, click on Settings → Integrations → OAuth. Then click 'Add Oauth Client'.




  2. Name your integration, then jump into your Circle account and go to Settings → Single Sign-On to get your Callback URL. Enter the Callback URL back in Outseta, then click 'Add'.




✅ Step 2: Copy Outseta SSO information to Circle

1. Back in Circle, select "Outseta" as the OAuth provider by navigating to Settings → Single Sign-On.
2. Then input the Client ID, Secret Key, and Outseta URL provided in Outseta. Click 'Save Changes'.





✅ Step 3: Enable SSO

🚨  As an admin, you will need to add yourself as a member on Outseta and use those credentials with Circle. We recommend keeping the "Allow members with a Circle account to sign in" toggle enabled to avoid getting locked out of your account while setting up your SSO integration. In the case this happens, you can easily sign in again with your Circle credentials.





• Allow members with a Circle account to sign in: If you have members that have already registered their email with Circle, they can still sign in with those credentials using a separate sign in button.

💡 What happens to Circle member accounts?
If this is toggled ON, Circle members can continue to login using the "Sign in with Circle" button. We will create accounts for Outseta members automatically on our backend if the email doesn't exist within Circle.

If this is toggled OFF, members with Circle accounts will no longer be able to sign in with those credentials unless the email of their Circle account matches the email of their Outseta account, in which case we'll link the two automatically going forward.

💡 What happens to my admin account?
If the email you use to log in to Outseta is different from Circle, we recommend toggling this ON to ensure you don't get locked out of your admin account. Once you grant admin rights to both accounts you can always toggle this off later.

If this is toggled OFF, you will only be able to log in under your email that is registered within Outseta.

• Allow members to sign up via a custom URL: After enabling SSO, members won't be able to sign up via Circle. However, you can keep the sign up button visible and point it to a custom URL.

🏁 If the setup was successful, you will now see your custom Single Sign-On option when trying to log in to your community!





Suggested Articles:

• How do I connect with Zapier?
• How do I embed Circle on my website?

• email
• name
• firstName
• lastName
• isAdmin (true/false)
• isModerator (true/false)
• location
• profileUrl
• publicUid (the member's unique Circle ID)
• linkedinUrl
• twitterUrl
• facebookUrl
• websiteUrl

FS.identify(circleUser.publicUid, {
   displayName: circleUser.name,
   email: circleUser.email,
   isAdmin: circleUser.isAdmin,
   profileUrl: circleUser.profileUrl
});

As a reminder, you can add custom JavaScript and CSS code snippets to your <head> section by navigating to Settings → Code Snippets.

Thanks to everyone who suggested this improvement. Leave questions or comments below!

❤️ Thanks to Circle user Joe Brown from Smaal for his help with the integration and this tutorial!

Requirements

3) Setup your Bubble database fields for Profile Picture and Full Name exactly as listed below, so that Circle can read them properly:

     1. Profile Picture = profile_pic 



     2. Full Name = full_name

3) Make sure you are on Circle's Professional or Enterprise plan



---

TL;DR: The short version

✅  Success! If you've just done the TL:DR version of this setup then you're most likely already a Bubble pro 😎  If you need more clarification on any of the above - below are more detailed instructions with screenshots.

Step #1 - Create your Bubble Single Sign-On page

💡Tip #1: This page can have both a login form and a sign-up form on it. Just build it in Bubble like you normally would.

💡Tip #2: This page can also be the same page you use for your regular users to login. It does not need to be a dedicated SSO page for Circle.









✅ Great work! If you're using a dedicated SSO login page, and not your app's normal login page, then you're done with this section and can move onto Step #2. If you have a single login page for both your app's normal users and your community, keep reading.

Step #1, Part 2:

1. This is a parameter that Bubble sets specifically for SSO and is what replaces the Client ID and Redirect URI in their security process. So, when checking to see if it "is empty," that means this workflow will only run when the user DID NOT come from a 3rd party app for SSO.









✅ Success! You've now added a conditional to your multi-use login page and it should run properly for both your Circle SSO users and all other regular users.



---



Step #2: Setup Circle

















Step #3 - Finish Bubble Settings




3) Scroll down to the section for 3rd Party OAuth/SAML Access













Step #4 - Finish Circle Settings





✅ Success! You've made it to the end. You should now be able to fully test logging into your Circle community FROM your Bubble app. Or if you've embedded your Circle community INTO your Bubble app, your users will automatically be logged in.