WordPress Plugin Installation Guide

Last updated 10/31/2021

Step 1

Log in to your WordPress admin panel as an Administrator.

Step 2

  • Go to Plugins in the left menu, then click the Add New button at the top.
  • Search plugins for "breadbutter"
  • Click "Install Now" for the Bread & Butter IO plugin
Step 2

Step 3

Go to https://app.breadbutter.io/sign-in/ and Sign In (or Sign Up to make a new account).

Step 4

In Bread & Butter, navigate to Providers, then to Default Rules and enable or disable the Identity Providers you want to have on your login page:
Step 4

Step 5

In the left menu in WordPress, click on Bread & Butter IO.
Step 5

Step 6

  • Under the Configuration tab, enable Conversions.
  • Then, copy the Callback URL.
Step 6

Step 7

In Bread & Butter go to the App Settings page:
  • Set Enable Callback URL to ON.
  • Paste the Callback URL into the Callback URL field.
  • Leave your website in the Destination URL field.
  • Click anywhere outside the text box to save.
Step 7

Step 8

Next, copy the CORS Allow URL from the WordPress Plugin, and paste it into the CORS Allow List on the App Settings page, and click Add
Step 8

Step 9

On the App Settings page, copy the App ID.
Step 9

Step 10

Take that App ID, and paste it into the WordPress plugin setup for App ID.
Step 10

Step 11

On the App Settings page in Bread & Butter,  scroll down to App Secrets, click Generate Secret, and copy your App Secret.
Step 11

Step 12

Take that App Secret, and paste it into the WordPress plugin setup for App Secret.
Step 12

Step 13

Return to your Website's login page. You should now see the Continue with widget load. If you do not see your enabled providers, please contact Bread & Butter Support. For more information on all of the available features, check out Bread & Butter WordPress plugin features.