WooCommerce WordPress 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 pane in WordPress, go to Bread & Butter, and copy the Callback URL.
Step 5

Step 6

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 6

Step 7

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 7

Step 8

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

Step 9

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

Step 10

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

Step 11

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

Step 12

Go to the Global Configuration tab in the WordPress Plugin setup, and Enable 'Continue with' On All Pages. Click Save Changes You can also choose the position of the Continue with, your button theme, and other options here. Alternately, if you only want Analytics enabled, you can leave Enable 'Continue with' On All Pages. off.

Step 13

In your Wordpress Admin, go to Settings and ensure that the New User Default Role is set to Customer, to ensure that users who register via SSO receive the same Role as users who register via WooCommerce.

Step 14

Return to your WooCommerce site's login page. You should now see SSO sign in options available. If enabled, the Continue with widget will also load.