Last updated 01/04/2023
Within the Bread & Butter WordPress plugin setup panel, you can customize the Bread & Butter ‘Continue with’ tool, including its position, theme, and custom authentication prompt text. These settings can be changed globally for all pages, or individually in the page editor.
Please note that the following can be changed per page, in the Bread & Butter Setup panel. Settings in the Bread & Butter Setup panel take precedence over the settings below. You can find the Bread & Butter Setup panel by clicking the Bread & Butter logo at the top right when editing a post or page, or by clicking on the Options button, and selecting Bread & Butter under Plugins.
The global settings can be found by following these steps.
You can adjust the position of the ‘Continue with’ tool to better align with your content. The Margin creates space above and below, or to the left and right, of the popover.
You can adjust the text that appears at the very top of the continue with, for several different states. The “New User” text is displayed when the user is brand new to your site, and you don’t have their email address or information yet. The “Returning User” text is displayed to people who have signed in previously, and have come back to your site.
In the General Settings section of the Display Settings tab, you can also set a Display Name. If you have a Display name set, then the “Display Name Set” versions of the text are displayed. If you have no Display Name set, then the “no Display Name set” versions of the text are displayed.
Currently, %APP_NAME% is the only available parameter.
You can choose to blur the web page when the ‘Continue with’ is displayed. See the Authentication Prompt per page setup below for enabling this feature. Customize the default text in the paragraph fields to direct customers. The “Expand label” text is used to prompt users to read more information in a third paragraph.
Select Icons or Tiles to display the identity provider or single sign-on options.
The global settings can be found by following these steps.
You can adjust the position of the ‘Continue with’ tool to better align with your content. The Margin creates space above and below, or to the left and right, of the popover.
You can choose to blur the web page when the ‘Continue with’ is displayed. Customize the default text in the paragraph fields to direct customers. The “Expand label” text is used to prompt users to read more information in a third paragraph.
Select Icons or Tiles under Advanced Settings to display the identity provider or single sign-on options.
For global changes on the Display Settings tab, click “Save” anywhere on the page to save your changes.
For per page customization, click the “Publish” button to publish your post or page.
The ‘Continue with’ is now configured for your WordPress website.
Add authentication & API event tracking to your website/app with a script tag & configuration