How to Add a Shopify Free Shipping Bar to Shopify Dawn Theme (No App Needed)

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 พ.ย. 2024

ความคิดเห็น • 66

  • @codethatconverts
    @codethatconverts  18 วันที่ผ่านมา

    I just launched a community for Shopify Developers. If you are one or want to be one, you should join.
    I'm inviting the first few members in free for life as "founding members". If you want in, join here: www.skool.com/shopify-dev-hub-5821

  • @askiaherbert8450
    @askiaherbert8450 11 หลายเดือนก่อน +1

    Wish i saw this when i was building my last store! Great vid man

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

      Hey Askia good to hear from you bro.
      Feel free to let me know if there are any code snippets tutorials you'd like to see on the channel.

  • @JacoPlayz
    @JacoPlayz หลายเดือนก่อน +1

    GOAT!!

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

      Glad you enjoyed the video. It took a lot of effort to put it together so I appreciate you for watching it.

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

    This worked on the cart drawer beautifully - thank you! Can you please do a tutorial for how to add the shipping bar to the standalone cart page? Thanks!

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

      Will add that to my list.

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

      @@codethatconverts Thanks! The free shipping bar went away with the Dawn update to v13 but I was able to use your video and the saved settings from Dawn v12 to recreate it. Can you please keep this video up, for reference when the Shopify themes update? Thanks for these great tutorials!

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

    That helps so much! I had a slightly error which kept telling me that the snippet didn't exist. I had to delete the '.liquid' part of the name within the code in the cart-drawer. I'm in the UK and I noticed my bar is automatically set to GBP which is amazing but I have different free shipping thresholds depending on currency. Right now it's telling customers free shipping happens at 50, regardless of currency but my threshold for £ is 50 but for USD it's $150. Can you help please?

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

      Do you just sell to customers in the UK, or does your store allow for anyone to purchase internationally?

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

      @@codethatconverts Thank you for getting back to me! I sell internationally as well. The free shipping threshold is different for different countries though but right now it's just stuck to 50 for every currency. For example, people in the US need to hit $150 for free shipping but my store is saying $50. Thanks mate, love this video!

    • @codethatconverts
      @codethatconverts  6 หลายเดือนก่อน +1

      @@hllconsoleclips5083 Send me an email at patrick@codethatconverts.com. I don't think the code has support for this kind of thing but I'd love to add it in. Looking forward to hearing from you.

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

      @@codethatconverts done!

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

    Hello, how can I translate the free shipping bar please

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

      Have you tried using any of the Shopify translation apps?

  • @hammadarif8512
    @hammadarif8512 10 หลายเดือนก่อน +1

    why its not working on product page??

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

      The Free Shipping Bar is supposed to show up in your cart drawer when ever you add a product to your cart. Are you using the Dawn theme or a different theme?

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

    How can i control the amount of this shipping bar For Specific Countries

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

      Do you want to offer a different free shipping threshold for specific countries?

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

      @@codethatconverts yess! Like when I set it to $200, it doesn't take the currency into consideration, it only considers numbers. For example, a client in the United Arab Emirates can purchase a product for 80 AED, and in their currency, it's 293 AED, so they get free shipping directly. It's just an example! So I think we need to consider the currency or offer different free shipping for specific countries, as you suggested. Please, sir, I need help as soon as possible, and thank you for everything!

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

      ​@@codethatconverts yes ! or make the amount dont Ignor Currency Conversion

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

      @@codethatconverts yes

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

      @@codethatconverts yes please! Or make it don’t ignore the currency conversion

  • @IK-rj7yp
    @IK-rj7yp 10 หลายเดือนก่อน

    Excellent Tutorial. Thank you. I have a question. Instead of going to the cart to see how much more a customer need to purchase to get free shipping, is it possible to just display this information in the Announcement Bar so that whatever page the customer is on, they can see the free shipping update. BTW I am using DAWN 12.0. Thanks again.

    • @codethatconverts
      @codethatconverts  10 หลายเดือนก่อน +1

      Yes it is possible to do that as well. I'll create a follow-up video to this one soon.
      But while I have you here, are there any other Shopify tutorials that you would like to see on the channel?

    • @IK-rj7yp
      @IK-rj7yp 10 หลายเดือนก่อน

      @@codethatconverts Thanks so much for the quick response

    • @User1-pe9ce
      @User1-pe9ce 10 หลายเดือนก่อน

      I, too, would like to see a tutorial for this feature to be added as a section / block for the announcement bar. Also, if you could make a tabbed content section / block that can be added to any page, but particularly to display information horizontally on the product page. And, a "agree to terms" checkbox snippet that can be added to the product page or cart page / cart drawer.
      Thank you for sharing your knowledge and providing these tutorials. They are helpful.@@codethatconverts

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

      Hey sorry I missed your comment. So you would like to see a tabbed content section as well as a "agree to terms" checkbox integrated into Dawn. Got it!
      Are there any examples of both of these 2 that you can share with me?

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

    Get Access to the Code used for the video here: codethatconverts.ck.page/fbf1382219
    Also over the next few months I'm taking requests for topics you'd like to see on the channel. Let me know what kind of topics you'd like me to cover in the future.

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

    Amazing man! Thx a lot

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

      Hey glad you got value out of the video. If there are any other tutorials you would to see on the channel be sure to let me know.

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

    Thank you!

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

      You're welcome! If there are any other Shopify topics you want me to cover on the channel, let me know.

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

    Amazing!!. Thank you soo much

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

      I'm glad the video helped you out. What are some other things you would like to see a tutorial about on the channel?

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

    Thanks for sharing! But it shows "Either this page doesn't exist or you don't have permission to access it." When I click the link from the email

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

      Thanks for letting me know, I will be updating the link for this soon.

  • @augustin.co.
    @augustin.co. 10 หลายเดือนก่อน

    I need help please , when I click on add to cart, my product is not added, a loading circle appears on the add to cart button but nothing happens.

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

      Hey, which theme are you using? Are you using Dawn?

    • @augustin.co.
      @augustin.co. 10 หลายเดือนก่อน

      yes, I use the Dawn theme. I solved the problem, I had made a mistake in another code. Your code works very well, thank you very much.@@codethatconverts

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

      Happy to hear that you figured it out. Are there any other Shopify tutorials you would like to see on the channel? For the next few months I am taking video requests.

    • @augustin.co.
      @augustin.co. 10 หลายเดือนก่อน

      yes I would have liked a video to make a testimonial section, please as I do not wish to use a paid application. @@codethatconverts

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

      Adding it to the list

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

    Did all the work on signing up to the App to get the code and it is not showing me.. please can you send me the code

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

      Hey, send me an email at patrick@codethatconverts.com and I’ll get that sent over to you.

  • @MrIndia-ff7lh
    @MrIndia-ff7lh 11 หลายเดือนก่อน

    Hey Man. I need your help.. i have shrine theme and i want to make same theme or if possible then i want to use it without license! How can i do that ?

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

      Did you want to re-create the theme so you can use it on multiple stores?

    • @MrIndia-ff7lh
      @MrIndia-ff7lh 11 หลายเดือนก่อน

      yes sir, i want to recreate 🙂, i have spent 30 hrs but i am unable to do that@@codethatconverts

    • @MrIndia-ff7lh
      @MrIndia-ff7lh 11 หลายเดือนก่อน

      sir can you please create one Free Shipping Bar video for the sense theme!

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

      Hey send me an email at patrick@codethatconverts.com and I’ll see I can help you out.
      I just don’t want your messages to get lost.

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

    Getting this error in the cart drawer:
    Liquid error (snippets/cart-drawer line 74): Could not find asset snippets/cart-drawer__shipping-tracker.liquid

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

      When you added in the new code for the shipping bar, did you name the file correctly?
      That error usually shows up because it can’t find the file you’re trying to access.
      All you need to do is go check the name of the file and make sure it is correct and you should be good.

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

    work the same for page cart ?

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

      No this does not work on the cart page in Dawn but if that's something that you guys want to see, let me know so I can make a tutorial on that as well.

    • @myferrann
      @myferrann 9 หลายเดือนก่อน +1

      i want to see the tutorial pls @@codethatconverts

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

      Ok I'll make a version of this for the cart page as well. Thanks for your input

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

    Why can't you just put the code in the description?
    Edit: okay the code was actually easy to get. And it's free! I tried a ton of other places and didn't find anything.

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

      Let me know your thoughts after you try it. Curious to see if there are any features you’d like to see or if it’s worth it for me to build this into a Shopify app.

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

      How can I message you? I’m currently doing stuff for my shopify store and maybe you could do it on my account, get paid, and make a yt video about it. Maybe also help my store out a bit for some $$$

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

      Sure I'm down to help out, just send me an email. My email is patrick@codethatconverts.com

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

    I'm getting this message in place of where the shipping bar should be. I followed exact steps - any idea why I'm getting this?
    Liquid error (snippets/cart-drawer line 74): Could not find asset snippets/cart-drawer__shipping-tracker.liquid

    • @codethatconverts
      @codethatconverts  5 วันที่ผ่านมา +1

      This error message implies you are missing the cart-drawer__shipping-tracker file in your theme. If you followed the instructions exactly, it's possible you probably just put it in the wrong folder.

    • @MarketingCafe_Online
      @MarketingCafe_Online 5 วันที่ผ่านมา

      @@codethatconverts I had an extra dot in the file name. Works well now. Thanks so much!

    • @codethatconverts
      @codethatconverts  5 วันที่ผ่านมา

      @@MarketingCafe_Online Glad it all worked out.