Planning Center

Need a hand? Setting up developer credentials can sometimes feel a bit overwhelming. We offer a complimentary 15-minute onboarding session to help you get this configured perfectly. Book your session with a specialist here

When you first install Bread & Butter, the Planning Center 1-click connection may not display your own branding during the connection process if it is not fully configured for your domain.

To maximize user trust and prevent conversion drop-off, you must set up an application in the Planning Center Developer portal. This allows you to generate your own credentials so your visitors see your brand when they click "Continue with Planning Center."

Here is how to set it up in four steps.

Step 1: Create Your Planning Center App

1. Log in to the Planning Center account using your standard Planning Center account.
   • https://api.planningcenteronline.com/oauth/applications
2. Click on API Keys in the top menu.
3. Select My Developer Applications from the left menu.
4. Scroll to the bottom of the page and click New Application.

Step 2: Configure Your Application Details

This ensures Planning Center displays your branding and correctly routes your users back to your website after they authenticate.

5. Enter your App information. For the App Name, we highly recommend using your exact organization or company name, as this is what will appear to users during the login process.
6. Enter a description, your organization's website address, and upload an app icon to maximize brand trust.

7. For the Authorization callback URLs, paste the following exact link: https://api.breadbutter.io/callback  

   

8. Click Submit.

Step 3: Generate Your App Credentials

9. Your app has now been created, and your Client ID and Secret will be displayed.

⚠️ Important: Copy and save both of these values. You will need them to connect Bread & Butter in the final step.

Step 4: Link Your Credentials to Bread & Butter

10. Log in to your Bread & Butter dashboard.
    • https://app.breadbutter.io
11. Go to Settings in the left menu, then navigate to your Global Conversion Methods tab.
12. Locate your Planning Center connection and edit the settings to switch from Sandbox to Production Mode.
13. Enter a custom name and description for your reference.
14. Paste the Client ID and Secret you generated in the Planning Center portal.
15. Click Save, and ensure the checkbox next to your new Planning Center provider is enabled.

Final Polish: Complete Your White-Label Setup

You have successfully added your brand name to the Google consent screen! However, visitors may still see breadbutter.io listed in the URL routing during the connection process.

To completely remove our branding and keep visitors fully within your own domain ecosystem, navigate to the Custom Auth Domain tab in your Bread & Butter settings to set up your Custom Auth Domain.

• For more information, see: What is a Custom Auth Domain, and how do I set it up?