Last updated 06/13/2024
Before adding the ‘Continue with’ widget make sure you have added the initialization script tag.
This feature allows you to trigger the ‘Continue with’ along with with the Blur Screen Prompt text when a user clicks a button on a page.
You can use this feature in conjunction with the Content Gating features to have users unlock content on a page via a button click, or to redirect users to another page or content.
Find the button that you want to trigger the 'Continue with'.
Select it by clicking on it on the page, or by finding it in the Navigator in the left menu.
In the right pane, click Settings to go to Element Settings.
Then, set the ID to a unique value of your choice.
Scroll down to the Custom Code section, for the Head tag.
In the Head Code field, paste in the following script tag after the Bread & Butter initialization script tag.
<script> null == window.breadbutterQueue && (window.breadbutterQueue = []), window.injectBreadButter = function (e) { "undefined" != typeof BreadButter && BreadButter.init ? e() : window.breadbutterQueue.push(e) }; injectBreadButter(function () { BreadButter.ui.applyContinueWithTrigger("BUTTON_ID", { destination_url: 'URL', show_login_focus: true, locale: { "POPUP": { "TEXT_1": "TEXT_1", "TEXT_2": "TEXT_2", "TEXT_3": "TEXT_3", "TEXT_3_2": "TEXT_3_2", "MORE": "MORE", } } }); }); </script>
Replace BUTTON_ID with the ID you set in Step 2.
OPTIONAL: Add a destination URL, if you want the user to return to a different page or content asset. If you want the user to stay on the same page after signing in, remove this line.
There are 5 parameters to set for the Blur Screen Prompt text:
Note: If you prefer to use the default content, remove locale from the code snippet.
Repeat the above steps for any other buttons you want to set up. You can add as many as you want into any page using the head code section.
Don’t use Bread & Butter? Want to learn more about how Bread & Butter solves the four biggest problems facing marketers today? Book a demo and see how Bread & Butter is helping marketers make the most of their first-party data
Add authentication & API event tracking to your website/app with a script tag & configuration