{"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\/tl\/docs\/embedded-one-click-check\/","title":{"rendered":"Isinamang Isang-Pindot na Pag-check para sa Negosyo"},"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 &nbsp;\u00b7&nbsp; Last updated: March 2026 What Is the Embedded One-Click Check? The Worker Checks Embedded One-Click Check allows you to embed a &#8220;Start Background Check&#8221; button directly on your own website or internal portal. When a visitor clicks the button, a secure popup form appears where they&#8230;<\/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":"mga tseke ng manggagawa","author_nicename":"workerchecks","author_url":"https:\/\/workerchecks.com\/tl\/author\/workerchecks\/"},"doc_category_info":[{"term_name":"Business Portal","term_url":"https:\/\/workerchecks.com\/tl\/docs-category\/business-portal\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/workerchecks.com\/tl\/wp-json\/wp\/v2\/docs\/14821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/workerchecks.com\/tl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/workerchecks.com\/tl\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/workerchecks.com\/tl\/wp-json\/wp\/v2\/users\/196713191"}],"replies":[{"embeddable":true,"href":"https:\/\/workerchecks.com\/tl\/wp-json\/wp\/v2\/comments?post=14821"}],"version-history":[{"count":0,"href":"https:\/\/workerchecks.com\/tl\/wp-json\/wp\/v2\/docs\/14821\/revisions"}],"wp:attachment":[{"href":"https:\/\/workerchecks.com\/tl\/wp-json\/wp\/v2\/media?parent=14821"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/workerchecks.com\/tl\/wp-json\/wp\/v2\/doc_category?post=14821"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/workerchecks.com\/tl\/wp-json\/wp\/v2\/doc_tag?post=14821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}