Shopify Metafields - How to use Custom Fields

Поделиться
HTML-код
  • Опубликовано: 12 сен 2021
  • Shopify Metafields and how to use them with the online store 2.0 updates. A brand new native solution for adding custom fields!
    ► How I can help
    --------------------------------------------------------------------------
    🎯 Get some free personal advice for your developer-career:
    codingwithjan.com/career-advi...
    👨‍💻 Are you looking for a Shopify Developer who can help out on your project?
    codingwithjan.com/shopify-dev...
    💻 Become a Developer yourself by enrolling in our Bootcamp “Freemote” (Freelance or Fulltime)
    codingwithjan.com/?...
    ► Let's stay in touch :-)
    --------------------------------------------------------------------------
    🤝 LinkedIn (business journey and behind the scenes)
    / jan-frey
    🎬 RUclips (Shopify and Web Development)
    ruclips.net/user/letsbuildsh...
    ► SEO Description
    --------------------------------------------------------------------------
    Metafields make it possible to store additional information for articles, blogs, collections, customers, orders, pages, products and other important objects in Shopify.
    shopify.dev/api/liquid/object...
    For the longest time, metafields could only be added by using apps such as metefields guru. Now we find a new native metafield editor directly in our Shopify Admin dashboard.
    The new theme editor lets merchants add new meta fields and properties without APIs or any form of coding. This gives you much more flexibility when it comes to your store’s content. Shopify users are now free to add the content they want to their product pages.
    Alongside the Online Store 2.0 updates, Shopify also introduced new metafield filters. You can apply these Liquid filters in order to output metafield information in a standard format.
    shopify.dev/api/liquid/filter...

Комментарии • 283

  • @CodingWithJan
    @CodingWithJan  8 месяцев назад +1

    🎯 get personal advice for your developer career. (free for a short time)
    codingwithjan.com/career-advice

  • @quentincaldway
    @quentincaldway Год назад +2

    Awesome Jan! This content just keeps getting better! Love the details you give in every video.
    Definitely makes life alot easier!
    Blessings!

  • @jaycbrand
    @jaycbrand Год назад +1

    Jan, this video is the bomb. You took a subject that has not been well explained and made it clear and concise. Thank you.

  • @whistlerbrad
    @whistlerbrad 2 года назад +1

    Hi Jan, great content 👏 Really enjoyed the metafields walk-though from the dev side, that was helpful to see all the different types and when they can be used. Keep the dev content coming 😃

  • @OpalKrush
    @OpalKrush 2 года назад

    Jan you are blowing my mind. We just upgraded to Shopify+ and I am just learning the differences. Really appreciate your teaching style and voice.

  • @hannankhalid57
    @hannankhalid57 Год назад

    Thank you ! You saved my day for searching and reading blogs about it in a very simplest way possible, Keep it Up 👍

  • @takaakiyamada7294
    @takaakiyamada7294 2 года назад

    The previous post "Shopify how to use Sections Everywhere and JSON Templates" and this post are perfect tutorial for using Metafields! Thank you so much. :-)

  • @charlesbcraig
    @charlesbcraig 2 года назад

    So glad to hear metafields are finally native. I started working with Woo because of this, but now that it's included I'm going to give Shopify a shot.

  • @rosewhyte5726
    @rosewhyte5726 2 года назад

    Since I whizzed through the last task on my website to-do list with help from another of your videos I moved onto the next and now this video has solved another! Such amazing, helpful videos! I'm a fan!!

  • @yoajp
    @yoajp Год назад

    Thanks for the quick overview of the metafield types and what they mean for input on the product page!

  • @alohamilkyway
    @alohamilkyway Год назад +2

    Hey, Jan! With just E-Commerce Sales & Mktg as my background (and on a Magento platform, so yikes), I was able to "develop" my Shopify store and make it function very professionally hugely because of watching your tutorials. Two years in and still learning a lot from you. Thank you so much and more power!

    • @CodingWithJan
      @CodingWithJan  Год назад +2

      wow!!! :D
      One of the best comments in a while, thanks so much for the great feedback! :-)
      Made my day and hope you have an awesome one too! 🙌

  • @jaycbrand
    @jaycbrand Год назад

    Jan - that was a clear explanation than even I could understand! Thank you so much!

  • @njemilesiwatu4148
    @njemilesiwatu4148 Год назад

    Thank you so much!!! This is great! I looked all over for the answer to my issue.

  • @AsdAsd-xf8sw
    @AsdAsd-xf8sw Год назад

    OH MY GOD, I WANT TO TAKE A MINUTE TO THANKYOU SO MUCH FOR MAKING THIS VIDEO, I HAD TO SIFT THROUGH SOO MANY USELESS VIDEOS ON RUclips AND I FINALLY FOUND THIS VIDEO THAT HELPS!! HONESTLY U SAVED ME FROM PAYING A DEVELOPER!! YOU DESERVE 1 MILLION + SUBS!!! (JUST LIKED AND SUBBED TO YOUR CHANNEL)

  • @alifarhan6990
    @alifarhan6990 6 месяцев назад

    Hey Jan!
    To be honest I learned so much from your tutorials I just want to thank you from the depth of my heart ❤️
    Keep it up bro 💪

  • @vishalmadhwar8171
    @vishalmadhwar8171 Год назад

    The way you explain things is really awesome

  • @bobanumaracine
    @bobanumaracine Год назад

    Hi there Jan! Very helpful info you are offering with these tutorials! Thx a million!

  • @kateboss9865
    @kateboss9865 2 года назад

    Lifesaver! Thank you so so much my friend! Wishing you all the best 🙏🏼😁

  • @arvylynogoy9341
    @arvylynogoy9341 2 года назад

    Listening and applying all your instructions develops my skillset to Shopify. Great job!! 🎉💕

    • @CodingWithJan
      @CodingWithJan  2 года назад +1

      Hey Arvy thank you for the kind word!
      Looking forward to hearing more about your journey! 🎉

  • @ThuongNguyen-ye7zy
    @ThuongNguyen-ye7zy 2 года назад

    Such great content, I've learned a lot from you. Really hope you will keep on producing videos like this.👏

  • @MubiSpy
    @MubiSpy 2 года назад

    Really informative. Thanks for explaining metafields in detail!

  • @BarakaSports
    @BarakaSports 10 месяцев назад

    thanks man your the best
    keep it up
    we are getting a lot of valuable information from you and you are helping us a lot
    keep up the good work

  • @erinnlamattery5075
    @erinnlamattery5075 2 года назад

    thank you so much for explaining it! I had so many questions and you helped me understand it better.

  • @chorton53
    @chorton53 Год назад

    This is such a well explained video. Thanks for doing this.

  • @dantheman2887
    @dantheman2887 Год назад

    Amazing Great video. That really helped putting in the meta for the variants

  • @muratkaya2357
    @muratkaya2357 2 года назад

    So easy to understand :) Thanks Jan

  • @JennaSmith-mn2ey
    @JennaSmith-mn2ey Год назад

    Thank you for this video! So helpful!

  • @merelymystic
    @merelymystic 2 года назад

    Woow thank you so so much for this! This was so confusing to me before I saw this!

  • @dannygarg977
    @dannygarg977 2 года назад

    So useful and really well explained. Thanks Jan the Shopify Developer :D

  • @FirozMahamud29
    @FirozMahamud29 2 года назад

    Thank you so much for explaining it!

  • @purple88able
    @purple88able 6 дней назад

    This info is gold! Thank you blessings!

  • @chrisr4815
    @chrisr4815 2 года назад +1

    Thanks Jan! Great video!

    • @CodingWithJan
      @CodingWithJan  2 года назад +1

      Thanks Chris, Glad you liked the video!

  • @29snapdragons
    @29snapdragons Год назад

    Nice explanation, clear presentation, and very helpful. Thank you.

  • @BFYMediaDeveloper
    @BFYMediaDeveloper Год назад

    Excellent tutorial! Thank you!

  • @atulgavali4249
    @atulgavali4249 2 года назад

    You are awesome Jan. Detailed explanation. Keep it up

  • @addanetorica311
    @addanetorica311 Месяц назад

    Tysm! So simple I was doing all kinds of coding and meta field inputa

  • @adeisaac
    @adeisaac 2 года назад

    Yess....finally. Thank you so much, you made it easy.

  • @BigfootHacks
    @BigfootHacks Год назад

    Thanks Jan! you the man

  • @journeywithzen
    @journeywithzen 2 года назад

    Amazing! thank you so much again!

  • @veredm1298
    @veredm1298 2 года назад

    Great job explaining this. I appreciate it!

  • @JAYTEEAU
    @JAYTEEAU 2 года назад

    Fantastic coverage. I'm just using my first 2.0 template and this helps greatly. Cheers, JAYTEE

  • @flip-3d
    @flip-3d Год назад

    Hi Jan, Awesome vid. I will be playin with meta objects to see what I can do to customize my store.

    • @flip-3d
      @flip-3d Год назад

      First off i want to try and define my custom sales (side line for actual pre made products) i.e. when a customer orders a custom item I have print time, material and design fee (all listed as products currently) so my top seller is now print time. and the second thing i want to do is a color picker with pictures of printed color swatches because i can only get set colors on my filaments and they vary from batch to batch. so I think that I might be able to get a work around with the meta objects.

  • @Dan_the_gent
    @Dan_the_gent 2 года назад

    Thanks for the useful video once again!

  • @komal767
    @komal767 2 года назад

    Hi jan you are awesome keep it up, this kind of knowledge we want to explore

  • @cristian-robertfaragau2242
    @cristian-robertfaragau2242 2 года назад

    Great video Jan.

  • @dawid_dahl
    @dawid_dahl 2 года назад

    Great teaching, thank you! 🙏🏻

  • @Md.Bellal.Hossain90
    @Md.Bellal.Hossain90 Год назад

    Very informative. Thanks.

  • @jonward1314
    @jonward1314 2 года назад

    Thanks Jan. Very helpful.

  • @user-tb9xu5xw5s
    @user-tb9xu5xw5s 9 месяцев назад

    Thank you , well explained

  • @Sergparkour
    @Sergparkour 2 года назад

    This is super useful! Had no idea Shopify made this update.

    • @CodingWithJan
      @CodingWithJan  2 года назад +1

      It's still pretty new!
      Super welcome 😃

  • @carstenhankel9299
    @carstenhankel9299 2 года назад +4

    Hey Jan, great video - thanks. Question - maybe for another video... How do you handle large amounts of meta field data and metafield localization (like care instructions). There are some bulk editors in the app store but most of them are not of much use, as the reference fields are some cryptic GIDs and therefor basically incomprehensible in itself and not usable for mapping to exisiting as well...

  • @AranhaBR
    @AranhaBR 2 года назад

    Thank you very much. You are awesome

  • @andreascattelan5279
    @andreascattelan5279 2 года назад

    Great video's! You are great in explaining. I am struggling on creating a search field related on Shopify blogs. ( Search only in related blog you are reading)

  • @djdiva5
    @djdiva5 22 дня назад

    Thank you for your vids.

  • @musikkimies
    @musikkimies 2 года назад

    🔥🔥🔥 as always!

  • @FlorianFrey-digitalartist
    @FlorianFrey-digitalartist 2 года назад

    thanks Jan really good help alles was ich über shopify gelernt habe ist so gut wie 100% von deinen Videos!

    • @CodingWithJan
      @CodingWithJan  2 года назад +1

      Krasser Nachname mega Feedback !! :-)

    • @FlorianFrey-digitalartist
      @FlorianFrey-digitalartist 2 года назад

      @@CodingWithJan naja Frey's gibt es doch einige, zB. Gurkerln, Spedition, Toyota Frey und Schokolade....

  • @ahsanulhaque805
    @ahsanulhaque805 2 года назад

    Thank you so much

  • @renansouza4768
    @renansouza4768 2 года назад +5

    i recently started my career as a junior web dev, and im working mostly with shopify. Im learning a lot with your videos. Thank you for this great work =D

    • @CodingWithJan
      @CodingWithJan  2 года назад

      Awesome 🙌😄

    • @athenaarmani8359
      @athenaarmani8359 2 года назад

      Hi ... Could you please tell me where can I add these codes for Filter Control in Shopify?

  • @lillaraczszabo6720
    @lillaraczszabo6720 2 года назад

    thanks, great explanation as always :)

  • @wakilahmed2704
    @wakilahmed2704 9 месяцев назад

    Hi Jan. Thanks for the really cool and detailed explanation. Would you please make a video on how to use metafields to pass dynamic values to functions?

  • @raent25
    @raent25 Год назад

    Hello from Ukraine, your channel is very useful for me! Thank you so much!!!

  • @ajmaljoiya6006
    @ajmaljoiya6006 2 года назад

    Great thanks

  • @ishdeena
    @ishdeena 2 года назад

    good! I learned a lot today.

  • @qsolshopify222
    @qsolshopify222 2 года назад

    Hey jan! your video is very helpful for me, I've a request kindly make tutorials series on shopify app development

  • @ShubhamSharma-yu4em
    @ShubhamSharma-yu4em 7 месяцев назад

    fantabulous video

  • @1884Winter
    @1884Winter 2 года назад

    Danke!! Ganz prima :)

  • @agenii1
    @agenii1 2 года назад

    Great content Jan and easy explanation! I would love to see how to edit the image layout, currently Dawn theme has it as a waterfall, I would like to have it as a carousel.

  • @chetanpatole7199
    @chetanpatole7199 2 года назад

    your videos are awesome, please post a video about checkout customization.

  • @brynhowlett9497
    @brynhowlett9497 2 года назад

    Awesome!

  • @saifiqbal102
    @saifiqbal102 2 года назад

    You are one of the Best. Thanks for you contents. Can you please make few videos about Shopify Ajax API?

  • @irajvirsingh
    @irajvirsingh 2 года назад

    Hi Jan,
    First of all, I would like to say your content is really nice and helpful. Can you share make one more video which is about filtering products on the Collection list page?

    • @CodingWithJan
      @CodingWithJan  2 года назад +1

      Hey Rajvir,
      Glad my content is helpful
      Yes sure I will keep tje filteting product in mind 😉
      Have a nice day

  • @leyandermiguel704
    @leyandermiguel704 Год назад

    Excelent content

  • @paulfox8307
    @paulfox8307 2 года назад

    I have my own store and I also code..Jan you mentioned confidence. This has always been my main issue. I am so scared I might brake something. It blocks me trying in some cases. But having said that, I have never ever broken anything, quite the opposite, and I do know Shopify and i am confident about that now. I wish shopify would hire me directly to build stores for clients. Mine is a basic Plan 29.99usa, but I have learned so much while building and i have finished a cool udemy course. I also worked on Shopify Advanced/ Plus too for real well known Shopify clients.. I was a merchant for six months in a real Shopify agency company. I left cause they prefered me teaching English. I get it. Im a native, I am Irish and I live in Poland..They love me for English. But i like code Jan. I love shopify and stand by it..

  • @Say_whaaaaat
    @Say_whaaaaat 2 месяца назад

    great video. exactly what I was looking for. can you make one for metafields and json - I'd love to see what's possible there

  • @GamertechHardware
    @GamertechHardware Год назад

    Just found your channel and it’s very helpful. In watching your videos, I think I have more learning to do about basics, like the capabilities of the customizer, before I move on to learning more advanced stuff life coding. Do you have any suggestions on content on that?

  • @mohamedrazin9900
    @mohamedrazin9900 Год назад

    Hey thank you for the video …

  • @arcfiremedia1587
    @arcfiremedia1587 2 года назад +2

    Very cool stuff and will for sure make our lives easier going forward; now I was wondering if you've tried to import large product catalogs and how these metafields could be filled with a csv? I'd rather not have to manually add the data for 3k+ products lol

  • @TheBlueFlame112
    @TheBlueFlame112 Год назад

    Hello. I recently came across your channel, and im very thankful for you!
    The new 2.0 facceted filtering system removes tags completely, so what i wanted to know if we could add filter by metafileds in the big shop filter system? In my case this would be the easiest and fastest way to filter through products.
    Also i would love to see a video on this new filtering system since its changing the whole game

  • @AmedeeBoulette
    @AmedeeBoulette 2 года назад

    Why on earth are you the only one interested in Shopify on RUclips?!? Blows my mind.

  • @patrics.5451
    @patrics.5451 2 года назад +2

    Hi Jan, great tutorial. I was wondering how I can display a product list? I am thinking about "shop the look" for a fashion store. On a product I want to suggest 3 other fitting products. Can you give an advice? Thank you

  • @oezguercelebi
    @oezguercelebi 2 года назад

    Hey Jan, awesome explainer on metafields😎!
    I have two questions:
    - What are the advantages of Shopify plus? There is no real comparison on the Shopify page, just marketing stuff.
    - Also I still don't understand how a development team setup looks like for Shopify? In another video you touched on this topic. But to me it's not clear how to work on production and development env. when you are editing the Shopify backend?

    • @CodingWithJan
      @CodingWithJan  2 года назад +1

      Hey Özgür, great questions :-)
      So Shopify plus has lower transactions fees ( if you have a high order volume it pays for itself) and also a few other features. For example you can edit the checkout, or you’d also have better options for wholesale.
      As for the development workflow,
      I’d use a theme copy as your staging environment. You can use Themekit or the Shopify cli to connect a theme with your local code editor. (Vs code for instance)
      Hope that already points you in a good direction :-)

  • @lady-lizzy
    @lady-lizzy Год назад

    So awesome, thanks, Ive learnt something new today. I would love to know how to make custom bullets in the Dawn them using emojis.

  • @victorvazquez4662
    @victorvazquez4662 2 года назад

    Hey Jan, I've followed you for a long time now!
    I'm wondering if you could do a video on multiple languages now that Shopify has changed and offers some native options.
    Thanks for all the videos!

  • @davidgershon261
    @davidgershon261 Год назад

    Thanks for the best guide.
    How can I hide the section if the field is empty?

  • @phoneholdernation6515
    @phoneholdernation6515 2 года назад +1

    Hello Jan, Im one of your top fan btw, anyway is there a work around on adding metafields for blog template?

  • @bzzi
    @bzzi 2 года назад

    Good stuff, Jan!! Thank you so much! I'm looking for a good way to create a pack/discount solution on the product page, so when you add more to the cart, your price lowers while displaying the price drop on the product page as you add to cart...

    • @CodingWithJan
      @CodingWithJan  2 года назад

      Hi,
      You can do either from the dashboard by going to Shopify discounts -> Automatic discounts
      The downside of this option is that you can only do a quantity discount for one product at a time
      If it isn't enough you can use a third-party app like:
      apps.shopify.com/custom-pricing-discounts-by-appikon
      Cheers 😁

  • @Naoumakoss
    @Naoumakoss Год назад

    Hi Jan, thanks you so much for the videos I just wondering if I can use bold texts in the metafields..

  • @dropthebold
    @dropthebold 2 года назад +1

    Great video, as always Jan!
    At the moment I'm struggling with product color swatches.
    The perfect option would be the color swatches links to other product color pages.
    Only managed to use the color swatches working inside the same product page and having all the product color images in the same page, and that can may confuse customers, and does not look good.
    Would be great if you make a video about that topic.
    Also check your Instagram inbox.
    Keep it up!

    • @aatikahbadat4090
      @aatikahbadat4090 2 года назад

      Hey, did u ever figure it out? Looking for the same thing.
      Any help wil be appreciated
      Thanks

  • @abdelaalelhayawan2529
    @abdelaalelhayawan2529 2 года назад +1

    Hi Jan, thanks for your videos. Can we update the product CSV file to include the custom metafields we have created for product filters?

  • @marcinstanik5331
    @marcinstanik5331 2 года назад

    Thank you for the video. Is possible grouping metafields ? - not all products may have the same fields

  • @maternellecollection
    @maternellecollection 2 года назад

    Hello, thanks for this video, it's great. I have one question: how can I use metafields to customise my colour swatches?

  • @User-vz4xm
    @User-vz4xm 2 года назад

    Would like to see the application of colour metafield, hope you would do a demo on it. Thanks!

  • @Muhannad000
    @Muhannad000 Год назад

    nice explanation, can you make a video to explain how to create metafields using a Shopify application?

  • @naomibenarie6322
    @naomibenarie6322 2 года назад

    Great explanation ☺ Very helpful video, Thanks Jan! is I'm trying to put a few images inside the collapsible tab, is there a way to actually do it ? outside the collapsible tabs i got it, but it looks a bit strange because they stack, and then the product page becomes very long again.

  • @bernardourbina4455
    @bernardourbina4455 Год назад

    Hi Jan thanks for this video. really helpfull! my only question is how todo unique meta fields for variants inside a product. Currently the meta field wont change when a variant is selected. Example if we sell two types of granolas and they have different ingredients.

  • @foxbodyparts
    @foxbodyparts Год назад

    Thank you. Could metafields help on the back end with inventory organization? Bin and shelf labels for each product?

  • @athenaarmani8359
    @athenaarmani8359 2 года назад

    Thanks for making this tutorial video. Could you please tell me where can I add these codes for Filter Control in Shopify?

  • @lins_z2
    @lins_z2 2 года назад

    Thank you for the video! I was wondering what the hell they were for xD
    I have a question or maybe video suggestion! So I’ve been wanting to move the newsletter setting in the dawn footer and turn it into a block that first under the Heading with Rich Text, because when you have too many links on the footer link list, it leaves too much space. I learned how to create sections from here, but into regular templates. Footer however doesn’t have a template, so I don’t know how to place the footer into footer section! ;0;

  • @redhornsofficial
    @redhornsofficial Год назад

    Hey Jan, Can you make a video on how to add Product Dimension (L/B/H) and product weight using Meta fields?

  • @kaiohernner9430
    @kaiohernner9430 2 года назад

    Great Content! Let me know something, if i need to put 2 informations on same metafield, like 2 different materials in same product. How can i do that?