Fynd Partners: Extension Building Essentials

<div class="wrap-faq"> <div itemtype="https://schema.org/Question" itemscope="itemscope" itemprop="mainEntity" class="faq_item"> <div id="accordion-1-header-1-0" tabindex="0" role="button" aria-controls="accordion-1-content-1-0" aria-expanded="false" class="faq_accordion1_header listing"> <div class="small-arrow-wrap"> <div itemprop="name" class="faq_question_text-small">Overview</div> <div class="faq_accordion1_arrow-wrapper"> <img src="https://cdn.prod.website-files.com/670cbf146221ee06c3cdd73c/672891e54585a64f06cddcf8_s.svg" loading="lazy" alt="" class="fs_accordion-1_icon"> </div> </div> <div class="t-time">04:17</div> </div> <div id="accordion-1-content-1-0" aria-labelledby="accordion-1-header-1-0" itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="faq_accordion1_content" style="width: 100%; display: none;"> <div class="faq_accordion1_body small-inner"> <p itemprop="text" class="faq_accordion_answer_text light-answer"><p>In this video, you will get a quick overview of the course structure, tools we’ll use, and the real-world extension you’ll be building. You’ll also get introduced to Fynd Partners — the platform where developers can build and publish extensions to enhance storefront functionality.</p> </p> </div> </div> </div> </div> <div class="wrap-faq"> <div itemtype="https://schema.org/Question" itemscope="itemscope" itemprop="mainEntity" class="faq_item"> <div id="accordion-1-header-1-1" tabindex="0" role="button" aria-controls="accordion-1-content-1-1" aria-expanded="false" class="faq_accordion1_header listing"> <div class="small-arrow-wrap"> <div itemprop="name" class="faq_question_text-small">Concepts and Systems</div> <div class="faq_accordion1_arrow-wrapper"> <img src="https://cdn.prod.website-files.com/670cbf146221ee06c3cdd73c/672891e54585a64f06cddcf8_s.svg" loading="lazy" alt="" class="fs_accordion-1_icon"> </div> </div> <div class="t-time">04:37</div> </div> <div id="accordion-1-content-1-1" aria-labelledby="accordion-1-header-1-1" itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="faq_accordion1_content" style="width: 100%; display: none;"> <div class="faq_accordion1_body small-inner"> <p itemprop="text" class="faq_accordion_answer_text light-answer"><p>In this video, we’ll take a deeper dive into the Fynd Partners ecosystem — exploring its architecture, core terminology, and how extensions fit into the platform. We’ll also walk through where extensions are used, the WhatsApp use case flow, and the different types of extensions based on business needs and distribution models.</p> </p> </div> </div> </div> </div> <div class="wrap-faq"> <div itemtype="https://schema.org/Question" itemscope="itemscope" itemprop="mainEntity" class="faq_item"> <div id="accordion-1-header-1-2" tabindex="0" role="button" aria-controls="accordion-1-content-1-2" aria-expanded="false" class="faq_accordion1_header listing"> <div class="small-arrow-wrap"> <div itemprop="name" class="faq_question_text-small">Fynd Developer Kit</div> <div class="faq_accordion1_arrow-wrapper"> <img src="https://cdn.prod.website-files.com/670cbf146221ee06c3cdd73c/672891e54585a64f06cddcf8_s.svg" loading="lazy" alt="" class="fs_accordion-1_icon"> </div> </div> <div class="t-time">05:04</div> </div> <div id="accordion-1-content-1-2" aria-labelledby="accordion-1-header-1-2" itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="faq_accordion1_content" style="width: 100%; display: none;"> <div class="faq_accordion1_body small-inner"> <p itemprop="text" class="faq_accordion_answer_text light-answer"><p>In this video, you will be introduced to the Fynd Developer Kit (FDK) and other essential tools you&#39;ll use to build extensions. We’ll cover the CLI, APIs, webhooks, and show you how to navigate Fynd’s developer documentation, guides, and support resources.</p> </p> </div> </div> </div> </div>

<div class="wrap-faq"> <div itemtype="https://schema.org/Question" itemscope="itemscope" itemprop="mainEntity" class="faq_item"> <div id="accordion-1-header-2-0" tabindex="0" role="button" aria-controls="accordion-1-content-2-0" aria-expanded="false" class="faq_accordion1_header listing"> <div class="small-arrow-wrap"> <div itemprop="name" class="faq_question_text-small">Local Setup</div> <div class="faq_accordion1_arrow-wrapper"> <img src="https://cdn.prod.website-files.com/670cbf146221ee06c3cdd73c/672891e54585a64f06cddcf8_s.svg" loading="lazy" alt="" class="fs_accordion-1_icon"> </div> </div> <div class="t-time">12:52</div> </div> <div id="accordion-1-content-2-0" aria-labelledby="accordion-1-header-2-0" itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="faq_accordion1_content" style="width: 100%; display: none;"> <div class="faq_accordion1_body small-inner"> <p itemprop="text" class="faq_accordion_answer_text light-answer"><p>In this video, you will be guided through setting up your local development environment, including access to the Fynd Partners portal and configuring your development company. We’ll also cover all prerequisites, like installing the FDK CLI and setting up WhatsApp for your extension.</p> </p> </div> </div> </div> </div> <div class="wrap-faq"> <div itemtype="https://schema.org/Question" itemscope="itemscope" itemprop="mainEntity" class="faq_item"> <div id="accordion-1-header-2-1" tabindex="0" role="button" aria-controls="accordion-1-content-2-1" aria-expanded="false" class="faq_accordion1_header listing"> <div class="small-arrow-wrap"> <div itemprop="name" class="faq_question_text-small">Understanding Boilerplate Code (Backend)</div> <div class="faq_accordion1_arrow-wrapper"> <img src="https://cdn.prod.website-files.com/670cbf146221ee06c3cdd73c/672891e54585a64f06cddcf8_s.svg" loading="lazy" alt="" class="fs_accordion-1_icon"> </div> </div> <div class="t-time">12:56</div> </div> <div id="accordion-1-content-2-1" aria-labelledby="accordion-1-header-2-1" itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="faq_accordion1_content" style="width: 100%; display: none;"> <div class="faq_accordion1_body small-inner"> <p itemprop="text" class="faq_accordion_answer_text light-answer"><p>In this video, we’ll break down the backend structure of a Fynd extension, exploring how the logic is organized and how it connects with FDK and platform APIs. You’ll understand where to write your custom code, handle webhooks, and configure environment variables.</p> </p> </div> </div> </div> </div> <div class="wrap-faq"> <div itemtype="https://schema.org/Question" itemscope="itemscope" itemprop="mainEntity" class="faq_item"> <div id="accordion-1-header-2-2" tabindex="0" role="button" aria-controls="accordion-1-content-2-2" aria-expanded="false" class="faq_accordion1_header listing"> <div class="small-arrow-wrap"> <div itemprop="name" class="faq_question_text-small">Understanding Boilerplate Code (Frontend)</div> <div class="faq_accordion1_arrow-wrapper"> <img src="https://cdn.prod.website-files.com/670cbf146221ee06c3cdd73c/672891e54585a64f06cddcf8_s.svg" loading="lazy" alt="" class="fs_accordion-1_icon"> </div> </div> <div class="t-time">04:43</div> </div> <div id="accordion-1-content-2-2" aria-labelledby="accordion-1-header-2-2" itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="faq_accordion1_content" style="width: 100%; display: none;"> <div class="faq_accordion1_body small-inner"> <p itemprop="text" class="faq_accordion_answer_text light-answer"><p>In this video, we’ll walk through the frontend folder of the extension boilerplate and show how your code integrates into the seller’s admin panel. You’ll learn how to build intuitive UIs that follow Fynd’s design standards and enhance the seller experience.</p> </p> </div> </div> </div> </div> <div class="wrap-faq"> <div itemtype="https://schema.org/Question" itemscope="itemscope" itemprop="mainEntity" class="faq_item"> <div id="accordion-1-header-2-3" tabindex="0" role="button" aria-controls="accordion-1-content-2-3" aria-expanded="false" class="faq_accordion1_header listing"> <div class="small-arrow-wrap"> <div itemprop="name" class="faq_question_text-small">Understanding Platform APIs and SDKs</div> <div class="faq_accordion1_arrow-wrapper"> <img src="https://cdn.prod.website-files.com/670cbf146221ee06c3cdd73c/672891e54585a64f06cddcf8_s.svg" loading="lazy" alt="" class="fs_accordion-1_icon"> </div> </div> <div class="t-time">03:32</div> </div> <div id="accordion-1-content-2-3" aria-labelledby="accordion-1-header-2-3" itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="faq_accordion1_content" style="width: 100%; display: none;"> <div class="faq_accordion1_body small-inner"> <p itemprop="text" class="faq_accordion_answer_text light-answer"><p>In this video, you will be introduced to Fynd’s Platform APIs and show how they power your extension’s backend functionality. You’ll learn how to retrieve key data—like order details and storefront domain—using real API calls relevant to our WhatsApp notification use case.</p> </p> </div> </div> </div> </div> <div class="wrap-faq"> <div itemtype="https://schema.org/Question" itemscope="itemscope" itemprop="mainEntity" class="faq_item"> <div id="accordion-1-header-2-4" tabindex="0" role="button" aria-controls="accordion-1-content-2-4" aria-expanded="false" class="faq_accordion1_header listing"> <div class="small-arrow-wrap"> <div itemprop="name" class="faq_question_text-small">Storefront REST and GraphQL APIs </div> <div class="faq_accordion1_arrow-wrapper"> <img src="https://cdn.prod.website-files.com/670cbf146221ee06c3cdd73c/672891e54585a64f06cddcf8_s.svg" loading="lazy" alt="" class="fs_accordion-1_icon"> </div> </div> <div class="t-time">01:27</div> </div> <div id="accordion-1-content-2-4" aria-labelledby="accordion-1-header-2-4" itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="faq_accordion1_content" style="width: 100%; display: none;"> <div class="faq_accordion1_body small-inner"> <p itemprop="text" class="faq_accordion_answer_text light-answer"><p>In this video, you will get an overview of Fynd’s Storefront APIs, including both REST and GraphQL interfaces. You’ll understand how these APIs enable access to storefront-specific data and how they differ from platform-level APIs in structure and usage.</p> </p> </div> </div> </div> </div> <div class="wrap-faq"> <div itemtype="https://schema.org/Question" itemscope="itemscope" itemprop="mainEntity" class="faq_item"> <div id="accordion-1-header-2-5" tabindex="0" role="button" aria-controls="accordion-1-content-2-5" aria-expanded="false" class="faq_accordion1_header listing"> <div class="small-arrow-wrap"> <div itemprop="name" class="faq_question_text-small">Webhooks </div> <div class="faq_accordion1_arrow-wrapper"> <img src="https://cdn.prod.website-files.com/670cbf146221ee06c3cdd73c/672891e54585a64f06cddcf8_s.svg" loading="lazy" alt="" class="fs_accordion-1_icon"> </div> </div> <div class="t-time">02:14</div> </div> <div id="accordion-1-content-2-5" aria-labelledby="accordion-1-header-2-5" itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="faq_accordion1_content" style="width: 100%; display: none;"> <div class="faq_accordion1_body small-inner"> <p itemprop="text" class="faq_accordion_answer_text light-answer"><p>In this video, you will understand what webhooks are, how they work within the Fynd ecosystem, and why they’re essential for real-time event handling. We’ll also walk through practical examples, like triggering actions when a new order is placed.</p> </p> </div> </div> </div> </div>

<div class="wrap-faq"> <div itemtype="https://schema.org/Question" itemscope="itemscope" itemprop="mainEntity" class="faq_item"> <div id="accordion-1-header-3-0" tabindex="0" role="button" aria-controls="accordion-1-content-3-0" aria-expanded="false" class="faq_accordion1_header listing"> <div class="small-arrow-wrap"> <div itemprop="name" class="faq_question_text-small">Subscribe to Order Placed Event</div> <div class="faq_accordion1_arrow-wrapper"> <img src="https://cdn.prod.website-files.com/670cbf146221ee06c3cdd73c/672891e54585a64f06cddcf8_s.svg" loading="lazy" alt="" class="fs_accordion-1_icon"> </div> </div> <div class="t-time">03:55</div> </div> <div id="accordion-1-content-3-0" aria-labelledby="accordion-1-header-3-0" itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="faq_accordion1_content" style="width: 100%; display: none;"> <div class="faq_accordion1_body small-inner"> <p itemprop="text" class="faq_accordion_answer_text light-answer"><p>In this video, you will understand how to set up a webhook to listen for the “order placed” event in Fynd Partners. You’ll also learn how to handle the incoming webhook payload to extract useful order data for your extension logic.</p> </p> </div> </div> </div> </div> <div class="wrap-faq"> <div itemtype="https://schema.org/Question" itemscope="itemscope" itemprop="mainEntity" class="faq_item"> <div id="accordion-1-header-3-1" tabindex="0" role="button" aria-controls="accordion-1-content-3-1" aria-expanded="false" class="faq_accordion1_header listing"> <div class="small-arrow-wrap"> <div itemprop="name" class="faq_question_text-small">Sending a WhatsApp Message With Order Link</div> <div class="faq_accordion1_arrow-wrapper"> <img src="https://cdn.prod.website-files.com/670cbf146221ee06c3cdd73c/672891e54585a64f06cddcf8_s.svg" loading="lazy" alt="" class="fs_accordion-1_icon"> </div> </div> <div class="t-time">17:09</div> </div> <div id="accordion-1-content-3-1" aria-labelledby="accordion-1-header-3-1" itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="faq_accordion1_content" style="width: 100%; display: none;"> <div class="faq_accordion1_body small-inner"> <p itemprop="text" class="faq_accordion_answer_text light-answer"><p>In this video, you will learn to create a custom WhatsApp message for new orders. You’ll also learn how to fetch the storefront domain, configure offline access, and send the message using the WhatsApp API.</p> </p> </div> </div> </div> </div> <div class="wrap-faq"> <div itemtype="https://schema.org/Question" itemscope="itemscope" itemprop="mainEntity" class="faq_item"> <div id="accordion-1-header-3-2" tabindex="0" role="button" aria-controls="accordion-1-content-3-2" aria-expanded="false" class="faq_accordion1_header listing"> <div class="small-arrow-wrap"> <div itemprop="name" class="faq_question_text-small">Testing Your Extension</div> <div class="faq_accordion1_arrow-wrapper"> <img src="https://cdn.prod.website-files.com/670cbf146221ee06c3cdd73c/672891e54585a64f06cddcf8_s.svg" loading="lazy" alt="" class="fs_accordion-1_icon"> </div> </div> <div class="t-time">03:30</div> </div> <div id="accordion-1-content-3-2" aria-labelledby="accordion-1-header-3-2" itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="faq_accordion1_content" style="width: 100%; display: none;"> <div class="faq_accordion1_body small-inner"> <p itemprop="text" class="faq_accordion_answer_text light-answer"><p>In this video, you&#39;ll learn how to test your extension in a development environment using fdk ext preview. You&#39;ll also discover how to securely store access tokens, link your extension to the development company, and trigger test orders in the dev storefront to validate functionality.</p> </p> </div> </div> </div> </div>

<div class="wrap-faq"> <div itemtype="https://schema.org/Question" itemscope="itemscope" itemprop="mainEntity" class="faq_item"> <div id="accordion-1-header-4-0" tabindex="0" role="button" aria-controls="accordion-1-content-4-0" aria-expanded="false" class="faq_accordion1_header listing"> <div class="small-arrow-wrap"> <div itemprop="name" class="faq_question_text-small">Deploying Your Extension</div> <div class="faq_accordion1_arrow-wrapper"> <img src="https://cdn.prod.website-files.com/670cbf146221ee06c3cdd73c/672891e54585a64f06cddcf8_s.svg" loading="lazy" alt="" class="fs_accordion-1_icon"> </div> </div> <div class="t-time">05:11</div> </div> <div id="accordion-1-content-4-0" aria-labelledby="accordion-1-header-4-0" itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="faq_accordion1_content" style="width: 100%; display: none;"> <div class="faq_accordion1_body small-inner"> <p itemprop="text" class="faq_accordion_answer_text light-answer"><p>In this video, you’ll be guided through the process of deploying your extension on the Fynd Partners platform. You’ll learn how the serverless infrastructure handles your backend logic and the steps required to make your extension production-ready.</p> </p> </div> </div> </div> </div> <div class="wrap-faq"> <div itemtype="https://schema.org/Question" itemscope="itemscope" itemprop="mainEntity" class="faq_item"> <div id="accordion-1-header-4-1" tabindex="0" role="button" aria-controls="accordion-1-content-4-1" aria-expanded="false" class="faq_accordion1_header listing"> <div class="small-arrow-wrap"> <div itemprop="name" class="faq_question_text-small">Submission and Review</div> <div class="faq_accordion1_arrow-wrapper"> <img src="https://cdn.prod.website-files.com/670cbf146221ee06c3cdd73c/672891e54585a64f06cddcf8_s.svg" loading="lazy" alt="" class="fs_accordion-1_icon"> </div> </div> <div class="t-time">02:08</div> </div> <div id="accordion-1-content-4-1" aria-labelledby="accordion-1-header-4-1" itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="faq_accordion1_content" style="width: 100%; display: none;"> <div class="faq_accordion1_body small-inner"> <p itemprop="text" class="faq_accordion_answer_text light-answer"><p>In this video, you’ll be guided through the steps to publish your extension on the Fynd Partners platform. You’ll also learn about Fynd’s review and approval process, including what checks your extension must pass before going live.</p> </p> </div> </div> </div> </div> <div class="wrap-faq"> <div itemtype="https://schema.org/Question" itemscope="itemscope" itemprop="mainEntity" class="faq_item"> <div id="accordion-1-header-4-2" tabindex="0" role="button" aria-controls="accordion-1-content-4-2" aria-expanded="false" class="faq_accordion1_header listing"> <div class="small-arrow-wrap"> <div itemprop="name" class="faq_question_text-small">Best Practices: Development, Deployment and Testing</div> <div class="faq_accordion1_arrow-wrapper"> <img src="https://cdn.prod.website-files.com/670cbf146221ee06c3cdd73c/672891e54585a64f06cddcf8_s.svg" loading="lazy" alt="" class="fs_accordion-1_icon"> </div> </div> <div class="t-time">02:15</div> </div> <div id="accordion-1-content-4-2" aria-labelledby="accordion-1-header-4-2" itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="faq_accordion1_content" style="width: 100%; display: none;"> <div class="faq_accordion1_body small-inner"> <p itemprop="text" class="faq_accordion_answer_text light-answer"><p>In this video, you’ll be guided through essential best practices to follow while building your extension—from design consistency and code quality to performance, security, and testing. You’ll also explore deployment recommendations like CI/CD, backups, and rollback strategies to ensure your extension is reliable and production-ready.</p> </p> </div> </div> </div> </div>