Last updated 09/04/2023
Before adding the ‘Contact us’ tool make sure you have added the initialization script tag.
The ‘Contact us’ tool from a button click allows you to add a button that will launch the ‘Contact us’ tool when clicked.
Users are prompted to authenticate first, before they can submit their message:
This allows you to convert your users while they are trying to contact you, and ensures that you only receive real requests from real, validated users. Submissions are sent by email to the app owner.
Follow these steps to add the ‘Contact us’ button to a page:
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 on the gear icon 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 tag 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.handleContactUs('bb-contactus',{ show_phone: true, show_company_name: true, locale: { "CONTACT_US": { "HEADER": "Get in touch", "SUB_HEADER": "%FIRST_NAME%, how can we help?", "BUTTON": "%FIRST_NAME%, send your message", "SUCCESS": "Thanks for reaching out %FIRST_NAME%. We'll get back to you as soon as possible" }, "POPUP": { "TEXT_1": "Sign in to continue", "TEXT_2": "'Continue with' your trusted login method. We'll have you started in no time.", "TEXT_3": "You will be redirected to authenticate with your chosen account. We don’t see your password, only confirmation that you authenticated successfully and securely." } } }); }); </script>
Note: If you have other Bread & Butter feature snippets, just add this snippet below them.
The following content can be configured to suit your specific requirements (see screenshot):
Add authentication & API event tracking to your website/app with a script tag & configuration