Gadget
Gadget
  • 124
  • 153 313
Use Shopify web pixel extensions to capture most-viewed product pages
Try out Gadget: ggt.link/build-shopify
In this video, we will build an app that uses Shopify web pixel extensions to track the most-viewed product pages in a storefront. We will also use Gadget's computed fields and realtime queries to display the view count in an embedded admin app.
Shopify web pixel extension tutorial: shopify.dev/docs/apps/build/marketing-analytics/build-web-pixels
HTTP routes in Gadget: docs.gadget.dev/guides/http-routes#what-is-an-http-route-in-gadget
Computed fields docs: docs.gadget.dev/guides/data-access/computed-fields#computed-fields
Live/realtime query docs: docs.gadget.dev/guides/frontend/realtime-queries
Chapters
00:00 Intro
01:12 Connect to Shopify
06:12 Add a model for pixel data
08:19 Add a computed field for view count
09:40 Add custom field to shopifyShop
10:24 Add a HTTP route to receive pixel data
13:49 Set up web pixel extension
20:01 Deploy and connect web pixel
22:50 Test the web pixel
25:36 Build embedded frontend table
30:01 Use realtime queries to update view count
31:55 Setup pixel on shopifyShop install
34:35 Outro
มุมมอง: 668

วีดีโอ

Build Shopify customer account UI extensions
มุมมอง 8032 หลายเดือนก่อน
Try out Gadget: ggt.link/build-shopify In this Shopify tutorial, we explore customer account UI extensions, and build a fullstack app that allows merchants to define issues that customers can then select once an order has been fulfilled. This tutorial: gadget.dev/blog/building-with-shopify-customer-account-extensions Gadget docs for customer authentication and account UI extensions: docs.gadget...
Set up billing for public Shopify apps in under 20 minutes! (with Gadget and Mantle)
มุมมอง 9003 หลายเดือนก่อน
Try out Gadget: ggt.link/build-shopify Learn how to quickly handle ALL of the boilerplate required when building public Shopify apps with Gadget and Mantle. Gadget gives you a hosted and scaled fullstack app that manages Shopify webhook subscriptions, data sync, AppBridge, session tokens, and OAuth, while Mantle takes care of billing, provides dashboards for tracking revenue metrics, and allows...
Build a pre-purchase Shopify checkout UI extension in 25 minutes!
มุมมอง 1.3K4 หลายเดือนก่อน
Try out Gadget: ggt.link/build-shopify In this Shopify tutorial, Riley builds a pre-purchase offer app using Shopify's checkout UI extensions and a fullstack admin embedded app. Read the written tutorial: docs.gadget.dev/guides/tutorials/checkout-ui-extension Shopify's pre-purchase offer tutorial: shopify.dev/docs/apps/checkout/product-offers/pre-purchase/build?framework=react Shopify checkout ...
Speedrun: Forward Shopify data to an external service in under 5 minutes
มุมมอง 3324 หลายเดือนก่อน
Try building (quickly!) with Gadget: ggt.link/start-building-shopify In this speedrun, we build a custom Shopify app that forwards order data to an external service really fast! The code that powers this speedrun could change! Check out our docs for the most up-to-date code: docs.gadget.dev/guides/tutorials/middleware Watch the webinar: th-cam.com/users/liveH4-ydSZDSNQ Join the Discord: ggt.lin...
Build an automated Shopify product tagger in under 20 minutes
มุมมอง 1.8K4 หลายเดือนก่อน
Build with Gadget: ggt.link/start-building-shopify This step-by-step tutorial will teach you how to build a full-stack Shopify app from scratch. By the end of it, you'll have built a Shopify app backend and embedded frontend using Polaris that allows merchants to define keywords they want products to be tagged with, and automatically apply those as tags when products gets created or updates. Th...
Agency partner program (Launch Week Day 5)
มุมมอง 1194 หลายเดือนก่อน
Gadget CEO Mohammad wraps up launch week by announcing a new Agency Partner program and lower pricing for all Gadget teams! Read the blog post: gadget.dev/blog/grow-with-gadget-introducing-new-partner-program See the rest of our launch week announcements: gadget.dev/launch-week
Background actions (Launch Week Day 4)
มุมมอง 1574 หลายเดือนก่อน
Today we're announcing background actions, available in all Gadget apps! Read the announcement post: gadget.dev/blog/from-queue-to-completion-background-actions-are-now-available-on-all-gadget-projects See the rest of our launch week announcements: gadget.dev/launch-week Use background actions for important, non-user facing work that requires reliability and/or concurrency to complete! Chapters...
GGT & local development improvements (Launch Week Day 3)
มุมมอง 1364 หลายเดือนก่อน
Today we're happy to announce an improved local development experience, with our updated CLI, ggt! Read the blog post: gadget.dev/blog/seamless-syncing-a-better-local-development-experience-with-ggt See the rest of our launch week announcements: gadget.dev/launch-week The new version of ggt allows developers to work on their remote Gadget environment locally, enables the use of source control, ...
Source control in Gadget (Launch Week Day 2)
มุมมอง 2024 หลายเดือนก่อน
Finally, it arrives! You can now use source control to manage your Gadget projects. Read our announcement post: gadget.dev/blog/git-comes-to-gadget-better-app-development-with-source-control See the rest of our launch week announcements: gadget.dev/launch-week With source control support in Gadget, anything you modify in the Gadget UI is now expressed in metadata files when you work locally wit...
Set up a Shopify connection in Gadget
มุมมอง 8814 หลายเดือนก่อน
Learn how to connect your Gadget app to Shopify! Docs: docs.gadget.dev/guides/tutorials/connecting-to-shopify Developer Discord: ggt.link/discord Chapters 00:00 Start connection setup 01:58 Protected customer data access form 03:17 Install on a development store 04:57 Syncing data
Unlimited development environments (Launch Week Day 1)
มุมมอง 1364 หลายเดือนก่อน
You can now create unlimited multiplayer development environments for your Gadget apps! Check out the announcement blog: gadget.dev/blog/unlimited-environments-work-better-together-with-a-full-stack-environment-for-every-feature With unlimited Gadget environments, you can instantly create new development sandboxes for each developer on your team and deploy to production in seconds. See the rest...
Gadget Launch Week kickoff
มุมมอง 2134 หลายเดือนก่อน
Gadget co-founders Mohammad and Harry preview some of the exciting new features coming to Gadget this week! Follow along with our daily launch week announcements: gadget.dev/launch-week
Developer experience improvements (Launch Week sneak peek!)
มุมมอง 1384 หลายเดือนก่อน
Developer experience improvements (Launch Week sneak peek!)
Shopify theme development setup using Shopify's CLI
มุมมอง 6605 หลายเดือนก่อน
Shopify theme development setup using Shopify's CLI
Use Shopify customer account UI extensions to capture order problems
มุมมอง 8636 หลายเดือนก่อน
Use Shopify customer account UI extensions to capture order problems
Build an OpenAI-powered chatbot for a Shopify store (using theme extensions)
มุมมอง 1.2K6 หลายเดือนก่อน
Build an OpenAI-powered chatbot for a Shopify store (using theme extensions)
Fork and deploy fullstack apps in minutes: Gadget app templates
มุมมอง 3566 หลายเดือนก่อน
Fork and deploy fullstack apps in minutes: Gadget app templates
Build a custom Shopify quiz app in under 15 minutes (using theme app extensions)!
มุมมอง 1.2K6 หลายเดือนก่อน
Build a custom Shopify quiz app in under 15 minutes (using theme app extensions)!
Quickly build React forms in Gadget (with useActionForm)
มุมมอง 3436 หลายเดือนก่อน
Quickly build React forms in Gadget (with useActionForm)
Build a Shopify checkout UI extension in under 25 minutes!
มุมมอง 4K7 หลายเดือนก่อน
Build a Shopify checkout UI extension in under 25 minutes!
Start building Shopify apps, FAST
มุมมอง 11K8 หลายเดือนก่อน
Start building Shopify apps, FAST
Learn Shopify customer segment template extensions
มุมมอง 3588 หลายเดือนก่อน
Learn Shopify customer segment template extensions
The fastest way to build Discord apps (with hosted Node.js and Postgres)
มุมมอง 1.2K8 หลายเดือนก่อน
The fastest way to build Discord apps (with hosted Node.js and Postgres)
Build a Shopify post-purchase app that uses OpenAI to create upsell offers based on purchased items
มุมมอง 1.3K8 หลายเดือนก่อน
Build a Shopify post-purchase app that uses OpenAI to create upsell offers based on purchased items
Build a Shopify checkout UI extension to validate VAT numbers in under 20 minutes
มุมมอง 1K9 หลายเดือนก่อน
Build a Shopify checkout UI extension to validate VAT numbers in under 20 minutes
Sync Shopify data to Airtable (using Google Cloud Tasks and Gadget)
มุมมอง 4219 หลายเดือนก่อน
Sync Shopify data to Airtable (using Google Cloud Tasks and Gadget)
Build a full-stack Shopify product tagging app in 20 minutes
มุมมอง 2.3K10 หลายเดือนก่อน
Build a full-stack Shopify product tagging app in 20 minutes
Use Shopify admin extensions to build a VIP management app (Webinar)
มุมมอง 1.6K10 หลายเดือนก่อน
Use Shopify admin extensions to build a VIP management app (Webinar)
Building an extension-only Shopify app in 10 minutes (using a Shopify admin extension!)
มุมมอง 4.4K11 หลายเดือนก่อน
Building an extension-only Shopify app in 10 minutes (using a Shopify admin extension!)

ความคิดเห็น

  • @julieshi9257
    @julieshi9257 2 วันที่ผ่านมา

    can you customized the look too?

  • @NeroTheDog
    @NeroTheDog 6 วันที่ผ่านมา

    Hi, thanks for your tutorial, I do have a few questions. I scaffolded an app with React Remix template 1. You said you are going to add the mutation once the app is installed, i really need to know, where do you do that? 2. I noticed that I had to delete the webPixel and re-add again to have it have my updated webPixel code. What if 10k users install my app and I decide to update the code of a webpixel? What is the industry standard for this?

  • @linkndark
    @linkndark 7 วันที่ผ่านมา

    Underrated short.

  • @amitmanevlog1609
    @amitmanevlog1609 9 วันที่ผ่านมา

    What is gadget Is it the only way to add gdpr webhook?

  • @denyslav
    @denyslav 21 วันที่ผ่านมา

    the Ui doesn't look like that now .. none of these are getting imported now

    • @gadget_dev
      @gadget_dev 20 วันที่ผ่านมา

      Yes, Gadget has changed quite a bit from when this video was published, but we still handle GDPR webhooks for Shopify apps! When you connect to Shopify in Gadget, you will have a shopifyGDPRRequest model with action files for each request. You can handle the incoming requests in these action files

  • @pramodkumartg4430
    @pramodkumartg4430 24 วันที่ผ่านมา

    Hi can you please share the code for the frontend, that you pasted in index.js?

    • @rushipatel6965
      @rushipatel6965 23 วันที่ผ่านมา

      its on their docs

    • @gadget_dev
      @gadget_dev 20 วันที่ผ่านมา

      Here's a link to the written tutorial with all of the code: docs.gadget.dev/guides/tutorials/automated-product-tagger

  • @saiyamgambhir
    @saiyamgambhir 28 วันที่ผ่านมา

    How can we convert a app already buitl on vue 3 and using php larvel rest api connection. Can we have a connection to our own database?

    • @gadget_dev
      @gadget_dev 20 วันที่ผ่านมา

      Right now we don't allow connections to external databases. You would need to migrate existing data using a Gadget app's API (which you would generate by adding various data models) and then bulk create items in the db. If you want to chat more about this, feel free to jump in our Discord (ggt.link/discord). We have done migrations before have have a solutions engineering team that would be happy to help!

  • @user-qj7fd1wr8s
    @user-qj7fd1wr8s 29 วันที่ผ่านมา

    how i can work on existing extension of the app? i have already deleted the files from my computer and now i want to update the extension

  • @macenwilliams3283
    @macenwilliams3283 หลายเดือนก่อน

    I was not able to run a test on my global actions commands. does that affect my app or bot?

    • @gadget_dev
      @gadget_dev หลายเดือนก่อน

      You shouldn't need to run a "/test" command for the bot to work, but it could mean that the slash commands weren't installed properly! Do you see /test available in Discord as a command to run, or is an error thrown?

  • @macenwilliams3283
    @macenwilliams3283 หลายเดือนก่อน

    For The Gadget Process, We would register correct? Or would we log in?

    • @macenwilliams3283
      @macenwilliams3283 หลายเดือนก่อน

      nevermind. I forgot to add gadget.app !😭

  • @rushipatel6965
    @rushipatel6965 หลายเดือนก่อน

    how long does it take?

    • @gadget_dev
      @gadget_dev หลายเดือนก่อน

      You should hear back within a few days! Approval then depends on any hurdles you might face during the review process.

    • @rushipatel6965
      @rushipatel6965 หลายเดือนก่อน

      @@gadget_dev I’m working on an app that exports product and order data to an AWS database. Do you think that might raise some concerns when getting approval?

  • @tervahagn
    @tervahagn หลายเดือนก่อน

    Hey Riley, thank you for sorting everything out in the video! It was really useful!

  • @rjamesh21
    @rjamesh21 หลายเดือนก่อน

    Thank you!

    • @gadget_dev
      @gadget_dev หลายเดือนก่อน

      you're welcome!

  • @YaroslavVasin
    @YaroslavVasin หลายเดือนก่อน

    It is not work. I don't have Protected customer data access.

    • @gadget_dev
      @gadget_dev หลายเดือนก่อน

      Have you filled out the protected customer data access forms in Shopify for your app? docs.gadget.dev/guides/plugins/shopify/building-shopify-apps#protected-customer-data-access

  • @axelamoe
    @axelamoe หลายเดือนก่อน

    Can you a us how to fetch data from graphql admin from inside of an extension? Trying to do that from a pos ui extension. Thank you

    • @gadget_dev
      @gadget_dev หลายเดือนก่อน

      It looks like Shopify has some docs on making a request from a POS UI extension: shopify.dev/docs/api/pos-ui-extensions/2024-04/server-communication It seems like you would need to use the built-in fetch() to send a request to a Gadget route, or your app's GraphQL endpoint (which can be found in your Gadget app's API docs). Hope that helps! If you want more info, we're happy to have a discussion and send full code snippets in our Discord (ggt.link/discord)!

  • @itsshitposter
    @itsshitposter หลายเดือนก่อน

    I'm getting this error when I run npm run dev at 22:20 Couldn't find an app toml file at │ │ /Users/dheerajpg/Desktop/Dev/airecommend, is this an app directory?

    • @gadget_dev
      @gadget_dev หลายเดือนก่อน

      Hey there, this is a bug with the Shopify CLI. Add an empty shopify.app.toml to the root of your application If this doesn't help, hop into our Discord and ask in #code-help someone will be able to take a closer look: discord.com/invite/fpCMTtyW2Z

  • @ikkikart
    @ikkikart หลายเดือนก่อน

    Hi, have completed all the steps, my chatbot is visible on the page, but its not opening. please suggest what is to be done?

    • @gadget_dev
      @gadget_dev หลายเดือนก่อน

      Hmmm. Hop into our Discord and ask in #code-help someone will be able to take a closer look: discord.com/invite/fpCMTtyW2Z

  • @swi101
    @swi101 หลายเดือนก่อน

    I do not have the AI app option

    • @gadget_dev
      @gadget_dev หลายเดือนก่อน

      Ah, sorry for the confusion. The product has been updated and this tutorial may not work without some modifications. Please refer to our docs at docs.gadget.dev for the latest information. In your case, just select "Web app" - there is no more "AI app" option to choose at the same part.

  • @christianthrige
    @christianthrige 2 หลายเดือนก่อน

    What if your store has multiple currencies? My issue being, that if the default currency is set to dollars, but customer is from europe, they still get shown an upsell product with the dollar price value, and therefor the product price is misleading.. Any ways of changing that according to localization of some sort?

    • @gadget_dev
      @gadget_dev 2 หลายเดือนก่อน

      Had to dig around for this one! Shopify appears to have an open ticket (github.com/Shopify/ui-extensions/issues/613) and support thread (community.shopify.com/c/extensions/checkout-ui-extensions-currency-conversion/m-p/2405895) on currency conversion in extensions. It seems like there isn't something built-in yet, but the suggestion at the bottom of the support thread using metafields/metaobjects and Shopify's currency converter could be a possible solution. As an alternative, you could always make a separate call to a backend (like a Gadget action) that dynamically does the currency conversion for the offer and displays the result to the shopper. We have some docs on calling Gadget from extensions here: docs.gadget.dev/guides/plugins/shopify/extensions

  • @user-qj7fd1wr8s
    @user-qj7fd1wr8s 2 หลายเดือนก่อน

    my gadget project has different files (no files folder)

    • @gadget_dev
      @gadget_dev 2 หลายเดือนก่อน

      This video was shot on an older version of Gadget. We released Gadget v1.0 earlier this year, which updated the structure of the files. Backend files, including actions and models, are now in the API folder, and frontend code is in WEB. The most up-to-date version of this tutorial can be found in our docs here: docs.gadget.dev/guides/tutorials/ai-product-recommender

  • @cameron-smith
    @cameron-smith 2 หลายเดือนก่อน

    What's the best way to manage sending to development and production routes? (instead of hard coding like the example)

    • @gadget_dev
      @gadget_dev 2 หลายเดือนก่อน

      This is a tricky one! There isn't really a great out-of-the-box, automated solution for this right now. Some developers have built custom scripts that do string matching and replacement based on a passed in variable (which is usually the environment). And then this script can be run during a CI/CD pipeline when deploying to production (or when changing/starting up development environments) to make sure that the extension is always targeting the correct Gadget environment Providing a better fix for this is on our todo list!

  • @user-qj7fd1wr8s
    @user-qj7fd1wr8s 2 หลายเดือนก่อน

    Thank you for the video! In case I want to inject a little piece of script code to the merchant's public theme (To the theme.liquid file), Do I also need do structure the app as a theme extension app?

    • @gadget_dev
      @gadget_dev 2 หลายเดือนก่อน

      Theme extensions are nice because they will be added to merchant's stores when they install your app. Merchants can then use the theme editor to place the extension widget in a theme. But if you're building a custom app, you also have the option to just manually add code right into the theme, it doesn't have to be a theme extension

  • @simongondeck
    @simongondeck 2 หลายเดือนก่อน

    How can you trigger to forward all orders in last 60 days after the app is installed?

    • @gadget_dev
      @gadget_dev 2 หลายเดือนก่อน

      You can call `api.shopifySync.run({...})` inside the `shopifyShop.install` action We have some examples in our docs here: docs.gadget.dev/guides/plugins/shopify/syncing-shopify-data#sync-on-shop-install

  • @gadget_dev
    @gadget_dev 2 หลายเดือนก่อน

    Notice: This video is out of date! Watch the updated video here: th-cam.com/video/Sl1PQgiVE3I/w-d-xo.html

  • @diego_af
    @diego_af 2 หลายเดือนก่อน

    Excellent video, help-me a lot! Thank you so much <3

    • @gadget_dev
      @gadget_dev 2 หลายเดือนก่อน

      Glad it helped!

  • @pradiprupareliya7478
    @pradiprupareliya7478 2 หลายเดือนก่อน

    Awesome

    • @gadget_dev
      @gadget_dev 2 หลายเดือนก่อน

      🙌

  • @sebszocinski
    @sebszocinski 2 หลายเดือนก่อน

    Trying to follow this tutorial and I get stuck on generate extension. "Couldn't find an app toml file at..." I don't see any toml files in your video? how do we generate a toml file via Gadget?

    • @zakariabouzangad9702
      @zakariabouzangad9702 2 หลายเดือนก่อน

      The same issue for me, Update: I've figured out by running this command : yarn shopify app config link

    • @gadget_dev
      @gadget_dev 2 หลายเดือนก่อน

      Yes, there is now an error thrown when building with the Shopify CLI. To fix this, you can add an empty shopify.app.toml file to the root of your app. Our docs have been updated to include this step: docs.gadget.dev/guides/tutorials/checkout-ui-extension#step-4-build-a-pre-purchase-checkout-ui-extension

  • @shopifydev6028
    @shopifydev6028 2 หลายเดือนก่อน

    Can you create a wishlist app using firebase database?

    • @gadget_dev
      @gadget_dev 2 หลายเดือนก่อน

      Gadget has a built-in Postgres db, so we don't need to use Firebase (unless you already have data stored there you would like to use!). A wishlist app is a great idea, it has been added to our list

  • @HamzaBigfolio
    @HamzaBigfolio 2 หลายเดือนก่อน

    Do I need to be a plus partner in order to have checkout extensibility in Development Stores.

    • @gadget_dev
      @gadget_dev 2 หลายเดือนก่อน

      No, anyone with a Partner account should be able to try out the latest checkout extensibility features! You need to create a new development store and enable the checkout and customer accounts extensibility to get access to the latest features: shopify.dev/docs/api/release-notes/developer-previews#checkout-and-customer-accounts-extensibility-developer-preview

  • @christhedatabaseguy
    @christhedatabaseguy 3 หลายเดือนก่อน

    Does Gadget support theme extensions like app blocks for sections that can be placed in a theme? We are building the admin for our app on Gadget but have not seen anything on how we might add theme extensions to embed tools for consumers to use.

    • @gadget_dev
      @gadget_dev 3 หลายเดือนก่อน

      Yes, you can call your Gadget app API from within theme extensions! We have a chatbot tutorial that uses theme extensions: docs.gadget.dev/guides/tutorials/ai-product-recommender and documentation on adding your Gadget API client to a theme extension: docs.gadget.dev/guides/plugins/shopify/extensions#theme-app-extensions

    • @christhedatabaseguy
      @christhedatabaseguy 3 หลายเดือนก่อน

      @@gadget_dev Oh, that's Awesome! We separated the extensions into a separate repository but would love for all of the app to be in a single space. Assuming extensions is a root folder. Will work on migrating over today.

  • @zubair.mohsin
    @zubair.mohsin 3 หลายเดือนก่อน

    Wondering why you didn't choose AppData field ( app-owned metafield ), instead chose the Shop-owned metafield.

  • @bigsidetech
    @bigsidetech 3 หลายเดือนก่อน

    Thanks Riley, mantle abd gadget are blessing to new shopify app developers :)

  • @pranavsaini685
    @pranavsaini685 3 หลายเดือนก่อน

    light ya gami would be proud

  • @soccerwagsgfo
    @soccerwagsgfo 3 หลายเดือนก่อน

    if gadget can give me one easy profitable Shopify app idea to build, I will pay a life time subscription to gadget

    • @gadget_dev
      @gadget_dev 2 หลายเดือนก่อน

      Noted! In the meantime, you can check out our post with 4 tips about how to come up with a great Shopify App idea: gadget.dev/blog/4-ways-to-find-your-next-shopify-app-idea

  • @cameron-smith
    @cameron-smith 3 หลายเดือนก่อน

    I'm keen to see how this differs from my hacked together version 😅

    • @cameron-smith
      @cameron-smith 3 หลายเดือนก่อน

      While my version still works, there were a few handy tips I'll use to improve my Mantle integration. Thanks!

    • @jlgosse
      @jlgosse 3 หลายเดือนก่อน

      @@cameron-smithalways looking for ways to improve our libraries too so feel free to chat with us!

  • @Saterata13
    @Saterata13 3 หลายเดือนก่อน

    `App Setup` was changed to `Configuration` in Shopify partners. That Aside, thank you for changing the API layout naming to somewhat familiar Shopify layout :)

    • @gadget_dev
      @gadget_dev 3 หลายเดือนก่อน

      Thanks for the info! The video is a tad dated and both Shopify and Gadget have changed since it was released. I'll add a note to the video description!

  • @jingyichen92
    @jingyichen92 3 หลายเดือนก่อน

    Thank you for the tutorial. But when I add the gadget to my test shop, I can only prompt 1 sentence and receive a response, then it tells me that network error. What should I do?

    • @gadget_dev
      @gadget_dev 2 หลายเดือนก่อน

      Sorry to hear that there are some issues with the responses! You can always check the built-in Gadget Logs page or your browser web console to start debugging If you want some additional help, you can join our developer Discord (ggt.link/discord) we'd be happy to help debug the app - it's a bit easier to share code snippets and error messages

  • @joelleon8712
    @joelleon8712 3 หลายเดือนก่อน

    Why gadget install packages using yarn?

    • @gadget_dev
      @gadget_dev 3 หลายเดือนก่อน

      yarn is just the package manager that Gadget supports under the hood. If you have any specific features provided by other package managers that you would like to see in Gadget, we would love to hear from you in our feature requests board on Discord: ggt.link/discord

    • @joelleon8712
      @joelleon8712 3 หลายเดือนก่อน

      @@gadget_dev Thanks for the answer, but i needed to install a library from npm packages and I couln't use the gadget because of that!

  • @YashJain-ek4mu
    @YashJain-ek4mu 3 หลายเดือนก่อน

    Hello, how to save data from extension app to gadget db ? what i mean is like what we are doing from shopify settings to gadget db is it possible to do same from extension to gadget db ?

    • @gadget_dev
      @gadget_dev 3 หลายเดือนก่อน

      Yes, you can install your Gadget app's API client into an extension to make calls to your Gadget backend and store data in the db. We have some docs on working with extensions here: docs.gadget.dev/guides/plugins/shopify/extensions

  • @satishpurohit2035
    @satishpurohit2035 3 หลายเดือนก่อน

    Thanks for this informative video, I just want to know, how can I show a peive of UI(popup) on home page/ or any page? Thanks in advance.

    • @gadget_dev
      @gadget_dev 3 หลายเดือนก่อน

      If you want to add a popup to the storefront, you probably want to look at Shopify's theme app extensions: shopify.dev/docs/apps/online-store/theme-app-extensions Our chatbot tutorial makes use of them if you want to walk through a tutorial that uses Gadget: docs.gadget.dev/guides/tutorials/ai-product-recommender

  • @neimerhamad5424
    @neimerhamad5424 4 หลายเดือนก่อน

    totally free?

    • @gadget_dev
      @gadget_dev 3 หลายเดือนก่อน

      Free to start! Gadget has a hobby plan that allows you to start building and deploy a production app without entering any kind of billing information, so long as you stay under the usage limits. You can check out our pricing page for more info: gadget.dev/pricing

  • @sethakkerman
    @sethakkerman 4 หลายเดือนก่อน

    Don't worry about not live-coding! That method is so helpful for us who are new and trying to understand all of this for the first time. Otherwise, we have to try and take time to figure out what all the code means that was just pasted in.

  • @ezramollena7588
    @ezramollena7588 4 หลายเดือนก่อน

    great video thank you so much

  • @user-dq3hg3se4t
    @user-dq3hg3se4t 4 หลายเดือนก่อน

    Thank you for the video! Is that app ready for publishing on the Shopify's app store? I want to start develop my first public Shopify app with gadget, is it possible without React? I am using HTML, CSS, JS, NODE.JS Thank you in advance!

    • @gadget_dev
      @gadget_dev 2 หลายเดือนก่อน

      In theory, this could be pushed to the app store, although it might need some additional polish and it would be handy to add additional features! Yes, it is possible to build Shopify apps without React, especially if you are building extension-only Shopify apps. Gadget officially supports React for frontends, but you could probably modify the vite.config.js settings to build with vanilla JS instead!

  • @theedisonunion
    @theedisonunion 4 หลายเดือนก่อน

    Might be worth updating the video description/adding a comment: fetch calls to the Gadget APIs are now supported. From the docs: "Admin UI extensions can also make authenticated calls to your app's backend. When you use fetch() to make a request to your app's configured auth domain or any of its subdomains, an Authorization header is automatically added with a Shopify OpenID Connect ID Token. There's no need to manually manage session tokens. Relative URLs passed to fetch() are resolved against your app's app_url. This means if your app's backend is on the same domain as your app_url, you can make requests to it using fetch('/path')."

    • @gadget_dev
      @gadget_dev 3 หลายเดือนก่อน

      Awesome, thanks for the note! I will definitely add it to the vid description

  • @ekakrisna1027
    @ekakrisna1027 4 หลายเดือนก่อน

    Hi sir, Do you know how to automatically add it to the checkout page?

    • @gadget_dev
      @gadget_dev 3 หลายเดือนก่อน

      If you want to add the component to a fixed position on the checkout, you can always modify the extension target in the shopify.extension.toml file (and in your jsx/tsx file): shopify.dev/docs/api/checkout-ui-extensions#extension-targets If you don't want a fixed position, you can also deploy the extension (shopify.dev/docs/api/shopify-cli/app/app-deploy) and then use Shopify's checkout editor (help.shopify.com/en/manual/checkout-settings/checkout-extensibility/checkout-editor) to place the extension in the checkout like a merchant would do on a production app

  • @igetpaidtocode
    @igetpaidtocode 4 หลายเดือนก่อน

    I’d love a video about a sales channel as well!

    • @gadget_dev
      @gadget_dev 4 หลายเดือนก่อน

      Thanks for the suggestion! I'll make sure to add a sales channel app to our todo list!

  • @user-wp3nk8zq4r
    @user-wp3nk8zq4r 4 หลายเดือนก่อน

    Hello, thank you for your content. Could you create a video showing how to create a custom Shopify section with code?

    • @gadget_dev
      @gadget_dev 4 หลายเดือนก่อน

      If you're looking for some info on theme sections, we do have theme app extensions in our chatbot tutorial: th-cam.com/video/Y_ivi2cW9bk/w-d-xo.html (although we aren't creating these dynamically using code)

  • @user-wp3nk8zq4r
    @user-wp3nk8zq4r 4 หลายเดือนก่อน

    Excelent video! Thank you guys, it is so useful