1"use strict";(self.webpackChunk_verdict_docs=self.webpackChunk_verdict_docs||[]).push([[4377],{13431:(e,o,t)=>{t.d(o,{R:()=>s,x:()=>c});var i=t(22155);const n={},r=i.createContext(n);function s(e){const o=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function c(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:s(e.components),i.createElement(r.Provider,{value:o},e.children)}},45299:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>a,contentTitle:()=>c,default:()=>h,frontMatter:()=>s,metadata:()=>i,toc:()=>d});const i=JSON.parse('{"id":"woocommerce/verification-page","title":"Embed ID verification into a WordPress page","description":"You can embed the ID verification flow into any page on your WordPress site using our JS SDK.","source":"@site/docs/woocommerce/verification-page.md","sourceDirName":"woocommerce","slug":"/woocommerce/verification-page","permalink":"/help/docs/woocommerce/verification-page","draft":false,"unlisted":false,"tags":[],"version":"current","frontMatter":{},"sidebar":"docsSidebar","previous":{"title":"Logs","permalink":"/help/docs/woocommerce/logs"},"next":{"title":"Ninja Forms","permalink":"/help/docs/woocommerce/ninja-forms"}}');var n=t(65723),r=t(13431);const s={},c="Embed ID verification into a WordPress page",a={},d=[{value:"Add a new HTML block",id:"add-a-new-html-block",level:2},{value:"Already verified customers",id:"already-verified-customers",level:2},{value:"Questions",id:"questions",level:2}];function l(e){const o={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",header:"header",img:"img",p:"p",pre:"pre",...(0,r.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.header,{children:(0,n.jsx)(o.h1,{id:"embed-id-verification-into-a-wordpress-page",children:"Embed ID verification into a WordPress page"})}),"\n",(0,n.jsxs)(o.p,{children:["You can embed the ID verification flow into any page on your WordPress site using our ",(0,n.jsx)(o.a,{href:"/help/docs/js",children:"JS SDK"}),"."]}),"\n",(0,n.jsx)(o.p,{children:"You can set the ID verification flow to prompt for ID immediately, or gate a button or form until the customer is verified."}),"\n",(0,n.jsx)(o.h2,{id:"add-a-new-html-block",children:"Add a new HTML block"}),"\n",(0,n.jsxs)(o.p,{children:["In the WordPress page editor, type ",(0,n.jsx)(o.code,{children:"/"})," to choose a new block. In the search bar, type in ",(0,n.jsx)(o.code,{children:"HTML"})," and choose the ",(0,n.jsx)(o.code,{children:"Custom HTML"})," block:"]}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://res.cloudinary.com/tinyhouse/image/upload/v1744659207/Real%20ID/Docs/WooCommerce/Page%20Embed/CleanShot_2025-04-14_at_15.31.09.png",alt:"Choosing the HTML block to start the ID verification embed"})}),"\n",(0,n.jsx)(o.p,{children:"Paste this bit of code in the new block:"}),"\n",(0,n.jsx)(o.pre,{children:(0,n.jsx)(o.code,{className:"language-html",children:'<div id="real-id-check"></div>\n\n<script>\n jQuery(document).ready(() => {\n RealID.createFlow({\n target: "#real-id-check",\n });\n });\n<\/script>\n'})}),"\n",(0,n.jsx)(o.p,{children:"Now save the page and this will result in the ID verification prompt to display on the page:"}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.img,{src:"https://res.cloudinary.com/tinyhouse/image/upload/v1744659362/Real%20ID/Docs/WooCommerce/Page%20Embed/CleanShot_2025-04-14_at_15.35.45.png",alt:"Displaying the ID verification check"})}),"\n",(0,n.jsx)(o.admonition,{title:"ID gating specific buttons or forms",type:"note",children:(0,n.jsxs)(o.p,{children:["This example uses the ",(0,n.jsx)(o.code,{children:"full"})," example. But you can also use the ",(0,n.jsx)(o.code,{children:"modal"})," mode to gate a specific HTML element. More details on how to use ",(0,n.jsx)(o.a,{href:"/help/docs/js",children:"this mode here"}),"."]})}),"\n",(0,n.jsx)(o.h2,{id:"already-verified-customers",children:"Already verified customers"}),"\n",(0,n.jsx)(o.p,{children:"This JS SDK will remember already verified customers automatically. It will attempt to find the customer's past ID check based on their account and/or browser."}),"\n",(0,n.jsx)(o.h2,{id:"questions",children:"Questions"}),"\n",(0,n.jsxs)(o.p,{children:["If you have any questions about setting up this page, ",(0,n.jsx)(o.a,{href:"https://getverdict.com/contact",children:"please contact us"}),"."]})]})}function h(e={}){const{wrapper:o}={...(0,r.R)(),...e.components};return o?(0,n.jsx)(o,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.