Build a Shopify checkout UI extension in under 25 minutes!

Поділитися
Вставка
  • Опубліковано 4 лют 2025

КОМЕНТАРІ • 15

  • @49land61
    @49land61 Рік тому +2

    Thank you. Exactly what I need

  • @spacecore2077
    @spacecore2077 11 місяців тому

    I'm so glad i found gadget. I will probably be using Gadget pretty soon. P.S.: you have gorgeous hair!

  • @JesusGil90
    @JesusGil90 День тому

    how can i sync de code (with the extension) in gadget?

  • @wilmerramirez3631
    @wilmerramirez3631 Рік тому +2

    Great tutorial! I just have one question, I understand that the app is fully hosted in gadget but what about the extension?

    • @gadget_dev
      @gadget_dev  Рік тому +2

      Shopify hosts all your extension code! Shopify CLI projects have a `deploy` command that can be used to push your extension to Shopify's infrastructure
      There are some docs on deploying extensions here: shopify.dev/docs/apps/deployment/extension and here: shopify.dev/docs/apps/deployment/extension

  • @TomasRodriguez-qo9pv
    @TomasRodriguez-qo9pv 11 місяців тому +1

    Someone knows how can i create a new payment method using nodejs template?

  • @vertonnes
    @vertonnes Рік тому +2

    Can you make a video talking about creating freight and tax profiles? Or give me some advice? I want to create an application for my store that queries shipping profiles,as it is exhausting to register profiles manually. I wanted to create templates to export multiple profiles.

  • @muhammadaqibshahzad9494
    @muhammadaqibshahzad9494 5 місяців тому

    I am trying to build app,to transfer data of one store including products and collections(sync products+sorting order) ,to move another store
    Issue which I am facing with mapping
    When product import then have new product id,and when collection import ,can not sync to products because sync product not found in second store. and collections doesn't know the new id products
    Is there any solution or guidance?
    I am using shopify admin API

  • @satishpurohit2035
    @satishpurohit2035 9 місяців тому

    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  9 місяців тому

      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

  • @andrewerdle
    @andrewerdle Рік тому +1

    Riley is the best!

  • @shopifydev6028
    @shopifydev6028 8 місяців тому

    Can you create a wishlist app using firebase database?

    • @gadget_dev
      @gadget_dev  8 місяців тому

      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

  • @ekakrisna1027
    @ekakrisna1027 10 місяців тому

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

    • @gadget_dev
      @gadget_dev  9 місяців тому

      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