{"id":14821,"date":"2026-03-19T16:12:17","date_gmt":"2026-03-19T05:12:17","guid":{"rendered":"https:\/\/workerchecks.com\/?post_type=docs&#038;p=14821"},"modified":"2026-03-19T16:19:25","modified_gmt":"2026-03-19T05:19:25","password":"","slug":"embedded-one-click-check","status":"publish","type":"docs","link":"https:\/\/workerchecks.com\/fr\/docs\/embedded-one-click-check\/","title":{"rendered":"Ch\u00e8que en un clic int\u00e9gr\u00e9 pour les entreprises"},"content":{"rendered":"\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>Embedded One-Click Check<\/title>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <style>\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n    body {\n      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n      background: #F4F7FB;\n      color: #0B1D3A;\n      font-size: 15px;\n      line-height: 1.7;\n    }\n    .container {\n      max-width: 780px;\n      margin: 40px auto;\n      padding: 0 20px 60px;\n    }\n    h1 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #0B1D3A;\n      margin-bottom: 8px;\n    }\n    .article-meta {\n      font-size: 13px;\n      color: #64748b;\n      margin-bottom: 28px;\n      padding-bottom: 20px;\n      border-bottom: 1px solid #E2E8F0;\n    }\n    h2 {\n      font-size: 18px;\n      font-weight: 700;\n      color: #005bab;\n      margin: 32px 0 12px;\n    }\n    h3 {\n      font-size: 16px;\n      font-weight: 700;\n      color: #0B1D3A;\n      margin: 24px 0 8px;\n    }\n    p {\n      margin-bottom: 14px;\n      color: #334155;\n    }\n    .callout {\n      background: #e3f3fc;\n      border-left: 4px solid #005bab;\n      border-radius: 6px;\n      padding: 14px 18px;\n      margin: 20px 0;\n      font-size: 14px;\n      color: #0B1D3A;\n    }\n    .callout strong { color: #005bab; }\n    .callout-warning {\n      background: #FEF3C7;\n      border-left: 4px solid #D97706;\n      border-radius: 6px;\n      padding: 14px 18px;\n      margin: 20px 0;\n      font-size: 14px;\n      color: #0B1D3A;\n    }\n    .callout-warning strong { color: #92400E; }\n    .callout-danger {\n      background: #FEE2E2;\n      border-left: 4px solid #DC2626;\n      border-radius: 6px;\n      padding: 14px 18px;\n      margin: 20px 0;\n      font-size: 14px;\n      color: #0B1D3A;\n    }\n    .callout-danger strong { color: #991B1B; }\n    ol, ul {\n      margin: 0 0 16px 24px;\n      color: #334155;\n    }\n    li {\n      margin-bottom: 8px;\n    }\n    .step-list {\n      list-style: none;\n      margin-left: 0;\n      padding: 0;\n      counter-reset: steps;\n    }\n    .step-list li {\n      position: relative;\n      padding-left: 48px;\n      margin-bottom: 20px;\n      min-height: 36px;\n      counter-increment: steps;\n    }\n    .step-list li::before {\n      content: counter(steps);\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 32px;\n      height: 32px;\n      background: #005bab;\n      color: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 14px;\n      font-weight: 700;\n    }\n    code {\n      background: #f1f5f9;\n      border: 1px solid #E2E8F0;\n      border-radius: 4px;\n      padding: 2px 6px;\n      font-size: 13px;\n      font-family: 'SF Mono', 'Fira Code', Consolas, monospace;\n      color: #005bab;\n    }\n    pre {\n      background: #0B1D3A;\n      color: #e2e8f0;\n      border-radius: 8px;\n      padding: 18px 20px;\n      margin: 16px 0 20px;\n      overflow-x: auto;\n      font-size: 13px;\n      line-height: 1.6;\n      font-family: 'SF Mono', 'Fira Code', Consolas, monospace;\n    }\n    pre code {\n      background: none;\n      border: none;\n      padding: 0;\n      color: inherit;\n    }\n    .credential-box {\n      background: #ffffff;\n      border: 1px solid #E2E8F0;\n      border-radius: 8px;\n      padding: 18px 20px;\n      margin: 16px 0 20px;\n    }\n    .credential-row {\n      display: flex;\n      align-items: baseline;\n      gap: 12px;\n      padding: 8px 0;\n      border-bottom: 1px solid #f1f5f9;\n    }\n    .credential-row:last-child { border-bottom: none; }\n    .credential-label {\n      font-size: 13px;\n      font-weight: 700;\n      color: #64748b;\n      min-width: 140px;\n      flex-shrink: 0;\n    }\n    .credential-value {\n      font-family: 'SF Mono', 'Fira Code', Consolas, monospace;\n      font-size: 13px;\n      color: #0B1D3A;\n      word-break: break-all;\n    }\n    .credential-value.product-name {\n      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n      font-size: 14px;\n    }\n    table {\n      width: 100%;\n      border-collapse: collapse;\n      margin: 16px 0 20px;\n      font-size: 14px;\n    }\n    th {\n      background: #005bab;\n      color: white;\n      text-align: left;\n      padding: 10px 14px;\n      font-weight: 600;\n      font-size: 13px;\n    }\n    th:first-child { border-radius: 6px 0 0 0; }\n    th:last-child { border-radius: 0 6px 0 0; }\n    td {\n      padding: 10px 14px;\n      border-bottom: 1px solid #E2E8F0;\n      color: #334155;\n    }\n    tr:nth-child(even) td { background: #f8fafc; }\n    a {\n      color: #005bab;\n      text-decoration: none;\n      font-weight: 600;\n    }\n    a:hover { text-decoration: underline; }\n    .help-strip {\n      background: #e3f3fc;\n      border-radius: 8px;\n      padding: 18px 22px;\n      margin-top: 40px;\n      text-align: center;\n      font-size: 14px;\n      color: #0B1D3A;\n    }\n    .help-strip a { color: #005bab; }\n  <\/style>\n<\/head>\n<body>\n<div class=\"container\">\n\n  <h1>Embedded One-Click Check<\/h1>\n  <div class=\"article-meta\">Business Hub &nbsp;\u00b7&nbsp; Last updated: March 2026<\/div>\n\n  <h2>What Is the Embedded One-Click Check?<\/h2>\n  <p>The Worker Checks Embedded One-Click Check allows you to embed a <strong>&#8220;Start Background Check&#8221;<\/strong> button directly on your own website or internal portal. When a visitor clicks the button, a secure popup form appears where they can submit their details to begin a Nationally Coordinated Criminal History Check (NCCHC) \u2014 all without leaving your site.<\/p>\n  <p>When a candidate submits the form, an invitation email and SMS are sent to them automatically, guiding them through the Worker Checks application process.<\/p>\n\n  <div class=\"callout\">\n    <strong>How it works:<\/strong> You add a small code snippet to your web page. The embed injects a styled button and secure popup \u2014 no additional software, plugins, or server-side integration required.\n  <\/div>\n\n  <p style=\"margin: 20px 0 8px; font-size: 14px; color: #64748b; font-weight: 600;\">This is how the button will appear on your page (preformatted in the script):<\/p>\n  <div style=\"background: #f8fafc; border: 1px solid #E2E8F0; border-radius: 8px; padding: 28px; text-align: center; margin-bottom: 24px;\">\n    <div style=\"display: inline-block; background: #005bab; color: white; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 600; padding: 14px 40px; border-radius: 8px; letter-spacing: 0.2px;\">Start Background Check<\/div>\n  <\/div>\n\n  <h2>When Should I Use This?<\/h2>\n  <p>The Embedded One-Click Check is designed for websites and portals that sit behind your firewall or require authentication to access. Common use cases include:<\/p>\n  <ul>\n    <li><strong>Employee onboarding portals<\/strong> \u2014 trigger background checks as part of your hiring workflow<\/li>\n    <li><strong>Recruitment and staffing agency websites<\/strong> \u2014 allow applicants to self-serve their own checks<\/li>\n    <li><strong>Internal HR systems<\/strong> \u2014 streamline intake forms so background checks are initiated at the same time as data collection<\/li>\n    <li><strong>Branded experiences<\/strong> \u2014 offer a seamless, Worker Checks\u2013powered experience without redirecting users to another site<\/li>\n  <\/ul>\n\n  <div class=\"callout-danger\">\n    <strong>Important:<\/strong> This feature is designed for internal websites and portals behind a firewall. It is <strong>not<\/strong> intended for use on public-facing websites. Your Embed Secret is embedded in the page source code and would be visible to anyone who can inspect the page. If you need a solution for a public website, please <a href=\"\/cdn-cgi\/l\/email-protection#0f6e7c644f78607d646a7d6c676a6c647c216c6062\">contact us<\/a> to discuss a more secure integration.\n  <\/div>\n\n  <h2>Your Embed Credentials<\/h2>\n  <p>These credentials are unique to your Business Hub account. You will find them in your <strong>Business Hub<\/strong> under <strong>Settings \u2192 Embedded One-Click Check<\/strong>.<\/p>\n\n  <div class=\"credential-box\">\n    <div class=\"credential-row\">\n      <span class=\"credential-label\">Embed Key<\/span>\n      <span class=\"credential-value\">XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX<\/span>\n    <\/div>\n    <div class=\"credential-row\">\n      <span class=\"credential-label\">Embed Secret<\/span>\n      <span class=\"credential-value\">XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX<\/span>\n    <\/div>\n    <div class=\"credential-row\">\n      <span class=\"credential-label\">Default Product<\/span>\n      <span class=\"credential-value product-name\">Nationally Coordinated Criminal History Check (Volunteer, Worker Pays)<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"callout-warning\">\n    <strong>Keep your Embed Secret secure.<\/strong> These credentials are unique to your business account. Do not share your Embed Secret publicly or embed it on any page accessible outside your organisation&#8217;s network.\n  <\/div>\n\n  <p>The <strong>Default Product<\/strong> determines which background check is initiated when a candidate submits through your embed. To change the default product, contact <a href=\"\/cdn-cgi\/l\/email-protection#0263716942756d70696770616a676169712c616d6f\"><span class=\"__cf_email__\" data-cfemail=\"e081938ba0978f928b8592838885838b93ce838f8d\">[email&#160;protected]<\/span><\/a>.<\/p>\n\n  <h2>How to Implement<\/h2>\n  <ol class=\"step-list\">\n    <li>\n      <strong>Copy the script snippet<\/strong> from your Business Hub (or from the example below) and paste it into your website&#8217;s HTML where you want the button to appear.\n    <\/li>\n    <li>\n      <strong>The embed loads automatically<\/strong> \u2014 it injects a styled &#8220;Start Background Check&#8221; button and a secure popup form. No additional configuration is required for basic use.\n    <\/li>\n    <li>\n      <strong>Optionally, pre-populate candidate details<\/strong> from your own form fields using the JavaScript API (see the Advanced Example below). This is useful if you already collect the candidate&#8217;s name or email in your onboarding flow.\n    <\/li>\n    <li>\n      <strong>Test the integration<\/strong> by clicking the button on your page and confirming the popup form appears correctly. Submit a test entry to verify the invitation email and SMS are received.\n    <\/li>\n  <\/ol>\n\n  <h3>Basic Example<\/h3>\n  <p>Paste this snippet into your HTML where you want the &#8220;Start Background Check&#8221; button to appear. Replace the placeholder credentials with your own Embed Key and Embed Secret from the credentials section above.<\/p>\n<pre><code>&lt;!-- Worker Checks Embedded One-Click Check --&gt;\n&lt;div id=\"worker-checks-embed\"&gt;&lt;\/div&gt;\n&lt;script src=\"https:\/\/app.workerchecks.com\/embed\/one-click-check.js\"\n  data-embed-key=\"YOUR_EMBED_KEY\"\n  data-embed-secret=\"YOUR_EMBED_SECRET\"&gt;\n&lt;\/script&gt;<\/code><\/pre>\n\n  <div class=\"callout\">\n    <strong>Note:<\/strong> The example above uses placeholder values. Replace <code>YOUR_EMBED_KEY<\/code> and <code>YOUR_EMBED_SECRET<\/code> with the actual credentials shown in your Business Hub account.\n  <\/div>\n\n  <h3>Advanced Example \u2014 Pre-Populating Candidate Details<\/h3>\n  <p>If your portal already collects candidate information (such as name and email), you can pass those values into the embed so the candidate doesn&#8217;t need to re-enter them. Use the JavaScript API to set fields before the popup opens.<\/p>\n<pre><code>&lt;!-- Worker Checks Embedded One-Click Check (Advanced) --&gt;\n&lt;div id=\"worker-checks-embed\"&gt;&lt;\/div&gt;\n&lt;script src=\"https:\/\/app.workerchecks.com\/embed\/one-click-check.js\"\n  data-embed-key=\"YOUR_EMBED_KEY\"\n  data-embed-secret=\"YOUR_EMBED_SECRET\"&gt;\n&lt;\/script&gt;\n\n&lt;script&gt;\n  \/\/ Pre-populate candidate details from your form\n  WorkerChecksEmbed.setCandidate({\n    firstName: document.getElementById('candidate-first-name').value,\n    lastName: document.getElementById('candidate-last-name').value,\n    email: document.getElementById('candidate-email').value\n  });\n&lt;\/script&gt;<\/code><\/pre>\n\n  <h2>What Happens After a Candidate Submits?<\/h2>\n  <p>When a candidate completes the form, Worker Checks automatically:<\/p>\n  <ul>\n    <li>Sends an <strong>invitation email<\/strong> to the candidate with a link to complete their NCCHC application<\/li>\n    <li>Sends an <strong>SMS notification<\/strong> to the candidate&#8217;s mobile number<\/li>\n    <li>Creates a pending invitation in your <strong>Business Hub<\/strong> dashboard so you can track progress<\/li>\n  <\/ul>\n  <p>The candidate then follows the standard Worker Checks application process \u2014 including biometric identity verification \u2014 and you&#8217;ll be notified in your Business Hub when the check is complete.<\/p>\n\n  <h2>Requirements<\/h2>\n  <table>\n    <thead>\n      <tr>\n        <th>Requirement<\/th>\n        <th>Details<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td>Business Hub account<\/td>\n        <td>You must have an active <a href=\"https:\/\/app.workerchecks.com\/Account\/AddBusinessAccount\">Business Hub<\/a> account<\/td>\n      <\/tr>\n      <tr>\n        <td>Website access<\/td>\n        <td>Webmaster or developer access to edit the HTML of the page where the embed will appear<\/td>\n      <\/tr>\n      <tr>\n        <td>Internal network only<\/td>\n        <td>The page must be behind a firewall, VPN, or require authentication \u2014 not publicly accessible<\/td>\n      <\/tr>\n      <tr>\n        <td>HTTPS<\/td>\n        <td>Your website must use HTTPS for the secure popup to function correctly<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n\n  <h2>Frequently Asked Questions<\/h2>\n\n  <h3>Can I change the default background check product?<\/h3>\n  <p>Yes. Contact <a href=\"\/cdn-cgi\/l\/email-protection#c5a4b6ae85b2aab7aea0b7a6ada0a6aeb6eba6aaa8\"><span class=\"__cf_email__\" data-cfemail=\"0362706843746c71686671606b666068702d606c6e\">[email&#160;protected]<\/span><\/a> and let us know which product you&#8217;d like as your default (for example, Standard NCCHC instead of Volunteer).<\/p>\n\n  <h3>Can I use the Embedded One-Click Check on a public website?<\/h3>\n  <p>No. The embed includes your credentials in the page source, which means anyone who can view the page source can see your Embed Secret. For public-facing websites, contact us to discuss a server-side integration or alternative solution.<\/p>\n\n  <h3>What if the popup doesn&#8217;t appear?<\/h3>\n  <p>Check that your page is served over HTTPS and that no browser extensions or Content Security Policy (CSP) headers are blocking the embed script. If you&#8217;re still having trouble, contact us with your browser, operating system, and a screenshot of any console errors.<\/p>\n\n  <h3>Can multiple staff members use the same embed credentials?<\/h3>\n  <p>Yes. The Embed Key and Secret are tied to your Business Hub account, not to individual users. All invitations submitted through the embed will appear in your shared Business Hub dashboard.<\/p>\n\n  <div class=\"help-strip\">\n    Need help setting up your Embedded One-Click Check?<br>\n    Contact us at <a href=\"mailto:ask@workerchecks.com\">ask@workerchecks.com<\/a> or visit the <a href=\"https:\/\/workerchecks.com\/help-hub\/\">Help Hub<\/a> for more guides.\n  <\/div>\n\n<\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Embedded One-Click Check Embedded One-Click Check Business Hub - Derni\u00e8re mise \u00e0 jour : Mars 2026 Qu'est-ce que la v\u00e9rification int\u00e9gr\u00e9e en un clic ? La v\u00e9rification en un clic int\u00e9gr\u00e9e \u00e0 Worker Checks vous permet d'int\u00e9grer un bouton \u201cCommencer la v\u00e9rification des ant\u00e9c\u00e9dents\u201d directement sur votre propre site web ou portail interne. Lorsqu'un visiteur clique sur le bouton, une fen\u00eatre contextuelle s\u00e9curis\u00e9e appara\u00eet...<\/p>","protected":false},"author":196713191,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[1353603],"doc_tag":[],"class_list":["post-14821","docs","type-docs","status-publish","hentry","doc_category-business-portal"],"year_month":"2026-05","word_count":1483,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"contr\u00f4les de travail","author_nicename":"workerchecks","author_url":"https:\/\/workerchecks.com\/fr\/author\/workerchecks\/"},"doc_category_info":[{"term_name":"Business Portal","term_url":"https:\/\/workerchecks.com\/fr\/docs-category\/business-portal\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/workerchecks.com\/fr\/wp-json\/wp\/v2\/docs\/14821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/workerchecks.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/workerchecks.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/workerchecks.com\/fr\/wp-json\/wp\/v2\/users\/196713191"}],"replies":[{"embeddable":true,"href":"https:\/\/workerchecks.com\/fr\/wp-json\/wp\/v2\/comments?post=14821"}],"version-history":[{"count":0,"href":"https:\/\/workerchecks.com\/fr\/wp-json\/wp\/v2\/docs\/14821\/revisions"}],"wp:attachment":[{"href":"https:\/\/workerchecks.com\/fr\/wp-json\/wp\/v2\/media?parent=14821"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/workerchecks.com\/fr\/wp-json\/wp\/v2\/doc_category?post=14821"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/workerchecks.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=14821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}