{"id":1073,"date":"2026-08-10T13:28:18","date_gmt":"2026-08-10T20:28:18","guid":{"rendered":"https:\/\/embedded.gusto.com\/blog\/?p=1073"},"modified":"2026-08-10T13:28:18","modified_gmt":"2026-08-10T20:28:18","slug":"react-payroll-sdk","status":"publish","type":"post","link":"https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/","title":{"rendered":"How to Build Payroll with the Gusto Embedded React SDK"},"content":{"rendered":"<p><i><span style=\"font-weight: 400;\">This is the second post in our series on the Gusto Embedded Payroll SDK.<\/span><\/i><a href=\"https:\/\/embedded.gusto.com\/blog\/embedded-payroll-sdk\/\"> <i><span style=\"font-weight: 400;\">The first post<\/span><\/i><\/a><i><span style=\"font-weight: 400;\"> covered why we built it. This one is for the engineers and PMs who are actively evaluating or starting an SDK build. By the end, you should know where the SDK fits relative to your other options, what it actually gives you out of the box, how to customize it, and what a realistic first few weeks of building look like.<\/span><\/i><\/p>\n<h2><span style=\"font-weight: 400;\">Where the SDK Sits<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Gusto Embedded gives you three ways to build payroll: direct API calls, our pre-built embeddable Flows, or the SDK. This isn\u2019t a single decision, but one you can revisit for different parts of payroll as you build. We usually recommend new partners get to market with a pilot rapidly to get early signal from real users. The SDK is the best starting point in most parts of the build, allowing you to move quickly without giving up the customization that makes payroll feel native to your application. If your dev team is proficient in coding with AI, you should be able to use the SDK and our enablement materials to build a comprehensive payroll demo application\u2014or proof of concept that looks native to your application\u2014in a matter of days.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Within the SDK portfolio, we have a spectrum of options that allow you to choose your desired level of customization and level of investment. This was built on the insight that our partners often consider some parts of payroll to be more critical to customize than others, so optionality allows them to optimize for both speed and quality. The nature of the customization may also vary: wanting to bring your own navigation patterns, ensuring consistency in look and feel, or omitting certain data field collection or experiences entirely.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So given this, how do you decide what to use within the SDK? Where a payroll-related workflow is standard and you want to move fast, use the SDK&#8217;s pre-built components. Where a workflow touches something core to your product&#8217;s identity, like how you present cash flow or handle vertical-specific pay structures, use the SDK&#8217;s Hooks to build it yourself on top of our business logic\u2014a headless path that abstracts the API complexity away from your code. The API is always there if you need it, but our goal is to make direct API calls unnecessary for most areas of a complete payroll build.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">What the SDK Actually Is<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The<\/span><a href=\"https:\/\/sdk.gusto.com\"> <span style=\"font-weight: 400;\">Gusto Embedded React SDK<\/span><\/a><span style=\"font-weight: 400;\"> (<\/span><span style=\"font-weight: 400;\">@gusto\/embedded-react-sdk<\/span><span style=\"font-weight: 400;\"> on npm) is a React component library that wraps our payroll APIs with the business logic, validation, and edge-case handling we&#8217;ve built over 15+ years. It ships three ways to consume that logic, and you can mix all three in the same app:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Workflows<\/b><span style=\"font-weight: 400;\">: a single component that encapsulates an entire multi-step experience (for example, <\/span><span style=\"font-weight: 400;\">Payroll.PayrollFlow<\/span><span style=\"font-weight: 400;\">). Best for: areas where you\u2019re happy with the experience and structure as-is and just want to apply your own theming.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Blocks<\/b><span style=\"font-weight: 400;\">: smaller, embeddable components for a specific step or piece of UI you want to drop into your own layout. Particularly useful when you already have some of the data that the Workflow captures, or want to take parts of it piecemeal.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Hooks<\/b><span style=\"font-weight: 400;\">: headless access to the underlying state and logic, with no UI at all, for when you want to build the interface entirely yourself. Useful for maximum customization.\u00a0<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">The Workflows You Get Out of the Box<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Today the SDK ships pre-built workflows for the moments most partners need first: company onboarding, employee onboarding, contractor onboarding, and running payroll (<\/span><span style=\"font-weight: 400;\">Payroll.PayrollFlow<\/span><span style=\"font-weight: 400;\"> and <\/span><span style=\"font-weight: 400;\">Payroll.PayrollList<\/span><span style=\"font-weight: 400;\">, among others). Each one already handles the state-specific tax setup, compliance requirements, and validation that make payroll hard to get right, so you&#8217;re not re-solving problems we&#8217;ve already solved. A complete inventory is <\/span><a href=\"https:\/\/sdk.gusto.com\/docs\/guides\/workflows-overview\"><span style=\"font-weight: 400;\">available here<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">The Customization Levers, and What Each One Unlocks<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">There are two main customization levers we want to highlight. In rough order of how much control they hand you:<\/span><\/p>\n<p><i><span style=\"font-weight: 400;\">Theming<\/span><\/i><span style=\"font-weight: 400;\"> gets you visual consistency (colors, spacing, typography) with minimal effort. It&#8217;s the first thing most partners reach for, and often the only thing they need for a workflow that doesn&#8217;t need to feel bespoke.<\/span><\/p>\n<p><i><span style=\"font-weight: 400;\">The Component Adapter<\/span><\/i><span style=\"font-weight: 400;\"> lets you register your own components (a button, an input, a card) and have the SDK render those instead of its defaults. What might not be immediately clear is that this isn&#8217;t just styling: if you already have a mature design system, the Component Adapter means every payroll screen can be built from your actual components, not skinned versions of ours. That&#8217;s the difference between \u201cthemed to look like you\u201d and \u201cbuilt by you.\u201d<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">React Hooks for the Most Customization<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">And underneath the Component Adapter and headless building sits the real unlock: <\/span><b>React Hooks<\/b><span style=\"font-weight: 400;\">. Hooks give your team optionality. Where our pre-built UI already works well, you get the acceleration. Where you want full control over the experience, you can go headless and build your own UI on top of the hook, without ever having to navigate our APIs directly. Hooks are also a pattern your React developers already know, so the learning curve is minimal.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These aspects are the major cornerstones of our SDK. To see some of our other smaller customization capabilities on the SDK as well as some useful reference for topics we often get asked about, see <\/span><a href=\"https:\/\/sdk.gusto.com\/docs\/reference\/#configuration\"><span style=\"font-weight: 400;\">this reference section<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Mixing SDK, Flows, and API<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Remember, none of these approaches are mutually exclusive or binding. A partner might use a Flow for contractor onboarding because it&#8217;s not core to their product, an SDK workflow for company onboarding because they want it to feel native but don&#8217;t need heavy customization, and Hooks for running payroll because tip and commission handling is central to their app. You can also revisit these choices: a Flow can become a Hooks build as you learn where deeper customization pays off with your users.\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">A Note on Staying Current<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">We follow <\/span><a href=\"https:\/\/sdk.gusto.com\/docs\/guides\/integration-guide\/versioning\/\"><span style=\"font-weight: 400;\">semantic versioning<\/span><\/a><span style=\"font-weight: 400;\"> on the SDK, and breaking changes are called out in the <\/span><a href=\"https:\/\/github.com\/Gusto\/embedded-react-sdk\/blob\/main\/CHANGELOG.md\"><span style=\"font-weight: 400;\">changelog on GitHub<\/span><\/a><span style=\"font-weight: 400;\">. If you&#8217;re building on the SDK, it&#8217;s worth setting up a lightweight process now, even just a recurring check of the changelog before you upgrade, so integration maintenance doesn&#8217;t become a surprise later.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Building Payroll in One Week<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">For most dev teams, the first day breaks down roughly like this: get sandbox credentials and authenticate against the API, install the SDK and then follow our <\/span><a href=\"https:\/\/sdk.gusto.com\/docs\/getting-started\/quick-start\"><span style=\"font-weight: 400;\">Quick Start process<\/span><\/a><span style=\"font-weight: 400;\"> to get up and running. If you\u2019re using AI, you can even point it at our <\/span><a href=\"https:\/\/sdk.gusto.com\/docs\/getting-started\/example-app\"><span style=\"font-weight: 400;\">example application<\/span><\/a><span style=\"font-weight: 400;\"> so it has a working reference to help you stand up your own build within a couple of days. By the end of the first week, you\u2019re already fine-tuning the payroll application to look more like your own, without getting bogged down in the setup or having to learn everything involved with payroll to get started.\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">QA and the Path to Pilot<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Before any partner goes live, Gusto&#8217;s Technical Solutions team reviews the integration against a standard checklist, covering things like test payroll runs across different pay schedules, webhook handling, error states, and tax edge cases. The ones who struggle tend to treat QA as a final gate rather than something to build alongside development. The partners who launch smoothly are the ones who loop in Technical Solutions early, not right before go-live, and who test with realistic (not just happy-path) data during their pilot.\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Docs, Code, and Getting in Touch<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Everything above is covered in more depth in the docs:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">SDK Quickstart and guides:<\/span><a href=\"http:\/\/sdk.gusto.com\/\"> <span style=\"font-weight: 400;\">sdk.gusto.com<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Source and examples:<\/span><a href=\"https:\/\/github.com\/Gusto\/embedded-react-sdk\"> <span style=\"font-weight: 400;\">github.com\/Gusto\/embedded-react-sdk<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Install: <\/span><span style=\"font-weight: 400;\">npm add @gusto\/embedded-react-sdk<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">If you hit something the SDK doesn&#8217;t cover, reach out to us directly via your partner and technical solutions contacts rather than working around it. We&#8217;re shaping this SDK based on partner feedback, and are happy to work with you to make it even more valuable.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">What&#8217;s Next<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">We&#8217;re also exploring an SDK-specific Dev Assistant MCP server, in the same spirit as the<\/span><a href=\"https:\/\/embedded.gusto.com\/blog\/payroll-developer-mcp-server\/\"> <span style=\"font-weight: 400;\">API-focused MCP we launched<\/span><\/a><span style=\"font-weight: 400;\">, so AI coding tools can get accurate, up-to-date context on SDK components, Hooks, and patterns directly. It&#8217;s early days, and we&#8217;ll share more once it&#8217;s ready.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is the second post in our series on the Gusto Embedded Payroll SDK. The first post covered why we&#8230;<\/p>\n","protected":false},"author":40,"featured_media":1074,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"no","rop_publish_now_accounts":[],"rop_publish_now_history":[],"rop_publish_now_status":"pending","footnotes":""},"categories":[6],"tags":[],"class_list":["post-1073","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-updates"],"acf":{"exclude_from_embedded_resources":true,"popularity":0,"essentiality":0},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Build Payroll with the Gusto Embedded React SDK - Gusto Embedded Blog<\/title>\n<meta name=\"description\" content=\"Build payroll into your app with the Gusto Embedded React SDK: Workflows, Blocks, and Hooks, theming options, and what a realistic first week looks like.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Build Payroll with the Gusto Embedded React SDK - Gusto Embedded Blog\" \/>\n<meta property=\"og:description\" content=\"Build payroll into your app with the Gusto Embedded React SDK: Workflows, Blocks, and Hooks, theming options, and what a realistic first week looks like.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/\" \/>\n<meta property=\"og:site_name\" content=\"Gusto Embedded Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-10T20:28:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/embeddedblog.wpengine.com\/wp-content\/uploads\/2026\/08\/Blog-Header-Build-with-the-SDK-upd-scaled.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Charlie Lai\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Charlie Lai\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/react-payroll-sdk\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/react-payroll-sdk\\\/\"},\"author\":{\"name\":\"Charlie Lai\",\"@id\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/#\\\/schema\\\/person\\\/51d130887bca047aedde85c203901a70\"},\"headline\":\"How to Build Payroll with the Gusto Embedded React SDK\",\"datePublished\":\"2026-08-10T20:28:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/react-payroll-sdk\\\/\"},\"wordCount\":1400,\"image\":{\"@id\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/react-payroll-sdk\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/embeddedblog.wpengine.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Blog-Header-Build-with-the-SDK-upd-scaled.png\",\"articleSection\":[\"Product Updates\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/react-payroll-sdk\\\/\",\"url\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/react-payroll-sdk\\\/\",\"name\":\"How to Build Payroll with the Gusto Embedded React SDK - Gusto Embedded Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/react-payroll-sdk\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/react-payroll-sdk\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/embeddedblog.wpengine.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Blog-Header-Build-with-the-SDK-upd-scaled.png\",\"datePublished\":\"2026-08-10T20:28:18+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/#\\\/schema\\\/person\\\/51d130887bca047aedde85c203901a70\"},\"description\":\"Build payroll into your app with the Gusto Embedded React SDK: Workflows, Blocks, and Hooks, theming options, and what a realistic first week looks like.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/react-payroll-sdk\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/react-payroll-sdk\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/react-payroll-sdk\\\/#primaryimage\",\"url\":\"https:\\\/\\\/embeddedblog.wpengine.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Blog-Header-Build-with-the-SDK-upd-scaled.png\",\"contentUrl\":\"https:\\\/\\\/embeddedblog.wpengine.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Blog-Header-Build-with-the-SDK-upd-scaled.png\",\"width\":2560,\"height\":1440,\"caption\":\"embedded payroll react sdk\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/react-payroll-sdk\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Build Payroll with the Gusto Embedded React SDK\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/\",\"name\":\"Gusto Embedded Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/#\\\/schema\\\/person\\\/51d130887bca047aedde85c203901a70\",\"name\":\"Charlie Lai\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/embeddedblog.wpengine.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/charlie-lai-150x150.jpeg\",\"url\":\"https:\\\/\\\/embeddedblog.wpengine.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/charlie-lai-150x150.jpeg\",\"contentUrl\":\"https:\\\/\\\/embeddedblog.wpengine.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/charlie-lai-150x150.jpeg\",\"caption\":\"Charlie Lai\"},\"description\":\"Charlie Lai is a Principal Product Manager at Gusto Embedded, where he works with designers and engineers to enable partners building payroll directly into their platforms. Before Gusto, he held roles at Google, Uber, and others.\",\"url\":\"https:\\\/\\\/embedded.gusto.com\\\/blog\\\/author\\\/charlie-lai\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Build Payroll with the Gusto Embedded React SDK - Gusto Embedded Blog","description":"Build payroll into your app with the Gusto Embedded React SDK: Workflows, Blocks, and Hooks, theming options, and what a realistic first week looks like.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/","og_locale":"en_US","og_type":"article","og_title":"How to Build Payroll with the Gusto Embedded React SDK - Gusto Embedded Blog","og_description":"Build payroll into your app with the Gusto Embedded React SDK: Workflows, Blocks, and Hooks, theming options, and what a realistic first week looks like.","og_url":"https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/","og_site_name":"Gusto Embedded Blog","article_published_time":"2026-08-10T20:28:18+00:00","og_image":[{"width":2560,"height":1440,"url":"https:\/\/embeddedblog.wpengine.com\/wp-content\/uploads\/2026\/08\/Blog-Header-Build-with-the-SDK-upd-scaled.png","type":"image\/png"}],"author":"Charlie Lai","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Charlie Lai","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/#article","isPartOf":{"@id":"https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/"},"author":{"name":"Charlie Lai","@id":"https:\/\/embedded.gusto.com\/blog\/#\/schema\/person\/51d130887bca047aedde85c203901a70"},"headline":"How to Build Payroll with the Gusto Embedded React SDK","datePublished":"2026-08-10T20:28:18+00:00","mainEntityOfPage":{"@id":"https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/"},"wordCount":1400,"image":{"@id":"https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/#primaryimage"},"thumbnailUrl":"https:\/\/embeddedblog.wpengine.com\/wp-content\/uploads\/2026\/08\/Blog-Header-Build-with-the-SDK-upd-scaled.png","articleSection":["Product Updates"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/","url":"https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/","name":"How to Build Payroll with the Gusto Embedded React SDK - Gusto Embedded Blog","isPartOf":{"@id":"https:\/\/embedded.gusto.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/#primaryimage"},"image":{"@id":"https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/#primaryimage"},"thumbnailUrl":"https:\/\/embeddedblog.wpengine.com\/wp-content\/uploads\/2026\/08\/Blog-Header-Build-with-the-SDK-upd-scaled.png","datePublished":"2026-08-10T20:28:18+00:00","author":{"@id":"https:\/\/embedded.gusto.com\/blog\/#\/schema\/person\/51d130887bca047aedde85c203901a70"},"description":"Build payroll into your app with the Gusto Embedded React SDK: Workflows, Blocks, and Hooks, theming options, and what a realistic first week looks like.","breadcrumb":{"@id":"https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/#primaryimage","url":"https:\/\/embeddedblog.wpengine.com\/wp-content\/uploads\/2026\/08\/Blog-Header-Build-with-the-SDK-upd-scaled.png","contentUrl":"https:\/\/embeddedblog.wpengine.com\/wp-content\/uploads\/2026\/08\/Blog-Header-Build-with-the-SDK-upd-scaled.png","width":2560,"height":1440,"caption":"embedded payroll react sdk"},{"@type":"BreadcrumbList","@id":"https:\/\/embedded.gusto.com\/blog\/react-payroll-sdk\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/embedded.gusto.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Build Payroll with the Gusto Embedded React SDK"}]},{"@type":"WebSite","@id":"https:\/\/embedded.gusto.com\/blog\/#website","url":"https:\/\/embedded.gusto.com\/blog\/","name":"Gusto Embedded Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/embedded.gusto.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/embedded.gusto.com\/blog\/#\/schema\/person\/51d130887bca047aedde85c203901a70","name":"Charlie Lai","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/embeddedblog.wpengine.com\/wp-content\/uploads\/2026\/08\/charlie-lai-150x150.jpeg","url":"https:\/\/embeddedblog.wpengine.com\/wp-content\/uploads\/2026\/08\/charlie-lai-150x150.jpeg","contentUrl":"https:\/\/embeddedblog.wpengine.com\/wp-content\/uploads\/2026\/08\/charlie-lai-150x150.jpeg","caption":"Charlie Lai"},"description":"Charlie Lai is a Principal Product Manager at Gusto Embedded, where he works with designers and engineers to enable partners building payroll directly into their platforms. Before Gusto, he held roles at Google, Uber, and others.","url":"https:\/\/embedded.gusto.com\/blog\/author\/charlie-lai\/"}]}},"images":{"large":"https:\/\/embeddedblog.wpengine.com\/wp-content\/uploads\/2026\/08\/Blog-Header-Build-with-the-SDK-upd-1120x630.png"},"authorDetails":{"id":40,"name":"Charlie Lai","avatar":"https:\/\/embeddedblog.wpengine.com\/wp-content\/uploads\/2026\/08\/charlie-lai-150x150.jpeg"},"_links":{"self":[{"href":"https:\/\/embedded.gusto.com\/blog\/wp-json\/wp\/v2\/posts\/1073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/embedded.gusto.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/embedded.gusto.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/embedded.gusto.com\/blog\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/embedded.gusto.com\/blog\/wp-json\/wp\/v2\/comments?post=1073"}],"version-history":[{"count":1,"href":"https:\/\/embedded.gusto.com\/blog\/wp-json\/wp\/v2\/posts\/1073\/revisions"}],"predecessor-version":[{"id":1075,"href":"https:\/\/embedded.gusto.com\/blog\/wp-json\/wp\/v2\/posts\/1073\/revisions\/1075"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/embedded.gusto.com\/blog\/wp-json\/wp\/v2\/media\/1074"}],"wp:attachment":[{"href":"https:\/\/embedded.gusto.com\/blog\/wp-json\/wp\/v2\/media?parent=1073"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/embedded.gusto.com\/blog\/wp-json\/wp\/v2\/categories?post=1073"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/embedded.gusto.com\/blog\/wp-json\/wp\/v2\/tags?post=1073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}