9 Chrome Extensions for Shopify Store Owners & Developers
what is up guys in this video i'm going,to show you some really useful chrome,extensions that will either save you a,lot of time or just make your life a,whole lot easier when working on a,shopify store i'm going to start with,the most simple extensions and then,progress to the more advanced and,technical ones so let's begin the first,one i want to show you is called,colorzilla this is simply a color picker,nothing crazy about it you just click,the color picker you can have a look at,your competitor websites or just other,websites for design inspiration and see,what color they are using,just click anywhere to copy that color,code to the clipboard but it's not just,useful for other websites it's useful,for your own site as well because i know,for a fact that there are many,situations in which you're not sure if a,color looks correct doesn't look exactly,the same as a color that i set elsewhere,on the page and that's because it's just,an illusion you can't really trust your,eyes all the time in web design so you,need a color picker now another thing i,like to use a color picker for is when,you're designing a website and you just,need a basic color scheme to start with,you can actually grab the color from the,product images so here we have the blue,product packaging and i can click,anywhere on this,packaging and as you can see it's kind,of a gradient it's giving me different,shades of blue and all of these shades,of blue are going to work really great,with these product images so that's a,quick design life hack for you grab your,color scheme from your actual product,images okay so the next tool that i want,to show you is called what font,and i use this for pretty much the same,reasons as the color picker tool it's,mostly to,look at design inspiration so first of,all when you look at another website,that you like and you want to see what,font they're using you can click the,what fun icon and then whatever you,hover over it'll tell you what font that,is and when you click again you will see,more information about that font like if,it's normal or italic the font weight,like bold or regular which would be 400,and then the size the line height and,the color as well but it's not only for,getting design inspiration it's also for,working on your own site so sometimes,you will have set the typography across,your site but something doesn't look,right or something's too small too big,you're not sure if headings are the same,sizes,right so you can also use this on your,own site to check for example that my h1,is 40 pixels i will know that i will,know that my regular paragraph is 16,pixels and that small text like sold out,is 12 pixels right and that just might,help me a little bit during the theme,customization process when you're,setting up a new site okay so this is,going to be the last one that isn't like,specifically a shopify focused chrome,extension,but i think that this is really,important and underrated this extension,is grammarly you might be already u
Let's move on to the first section of Google theme shopify
How to verify your site with Google and submit a sitemap || Shopify Help Center
How to verify your site with Google and submit a sitemap || Shopify Help Center
Want to expand the reach of your online store
so it's easier for customers to find and buy,your products?,Consider submitting a sitemap to Google, and
verifying your site.,Sitemaps and verification are two ways you
can improve your store's Search Engine Optimization,also known as SEO.,SEO helps customers find your store on search
engines like Google.,My name is Casey, and I’ll show you how
to do both in this video.,The first step is to verify your store’s
website, with Google.,When you verify your store’s website, you
prove to Google that you own the site.,This lets Google provide their services to
you.,Let’s get started by verifying your site.,It’s a good idea to keep two tabs open while
your doing this.,One tab for Google Search Console, and one
with your Shopify admin.,First, open Google Search Console using the
link in the description, and login or create,an account.,You need an account to verify your site.,If the website of your online store is live
and open to customers, then stay on this page.,If you still have a password page protecting
your store so it's unavailable to the public,,then you need to disable the password.,This is because Google can only verify live,
public websites.,You can turn the password back on after your
site is verified if you aren’t ready for,it to be public.,To disable your password from the Shopify
admin, click “Online Store”.,Then, click “Preferences”, and then click
“Disable password” on the banner.,This takes you to the “Password protection”
section.,Uncheck the “Enable password” box, then
click “Save”.,Open Google Search Console.,Here you choose between two property types.,Use the “Domain” option if you are verifying
with DNS records.,You can use this option if you have a third-party
domain that hasn’t been transferred to Shopify.,Your online store web address is your domain,
which is also the same as your URL.,For more information about third-party domains,
click the link in our description.,If you use a domain that you purchased through
Shopify, or the myshopify.com domain, then,use the URL prefix option.,When you enter the web address for your domain,
enter the full URL, also known as a web address.,Include the wwws and the SSL certificate,
which is https.,I’m typing in our custom domain which is
alyalthetics.com.,Then, click “Continue”.,After checking verification, you see several
methods for verifying your site.,I’ll show you the HTML tag method.,Click the arrow to open the HTML tag section.,Here you see a line of code that shows the
“meta tag”.,Click “Copy”.,This copies the entire code for you.,Back on your Shopify admin, you need to paste
the meta tag into your current theme’s code.,To start, click “Online store”.,Find the theme that you want to edit, click
“Actions”, and then “Edit code”.,In the “Layout” section, click “theme.liquid”
to open the file in the online code editor.,Find the tag, “head”, near the top of
the page.,Click return to create a new line.,Then, paste the meta tag you copied directly
After seeing the first section, I believe you have a general understanding of Google theme shopify
Continue the next second section about Google theme shopify
How to install Google Tag Manager on Shopify
How to install Google Tag Manager on Shopify
so you want to install Google tag,manager on your Shopify store then in,this video I'm gonna show you how you,can place the GTM snippet on all your,pages including the checkout pages of,your Shopify store all the more coming,up right after this today our journey,starts in our Shopify store we want to,install Google tag manager on all pages,now in order to make sure that this,actually works we would need to check,the actual normal pages the home page,for example the product pages but then,everything through the cart and also,through the checkout now the official,Shopify documentation says that you can,install Google tag manager via the theme,code editor so in your back-end that,would be under your online store the,themes here we can go to action and edit,the HTML and CSS specifically we are,looking at the theme liquid file and,this is where you would place the,snippet now you can find the snippet of,Google tag manager once I've opened up,an account by clicking up here on this,GTM ID and this will prompt you with,your two snippets that you should,install and the head section and the,body section of your HTML of your,Shopify store so that would be one time,here under the head section and under,the body section now what I have found,when I've installed this was that Google,tag manager would not be installed on,all the pages namely the checkout pages,now in the documentation it says you,should place your code in a checkout,liquid file but this is actually not,available to normal Shopify users only,to Shopify Plus users so I've come up,with a little workaround and that would,look like this so we would take the body,portion of the tag so that's the no,script portion copy that and go over to,our theme liquid file so that's the,first file here and we would go down to,the body section and place that right,after the opening body tag so right here,let's save this and,the head section we won't use this,integration we would actually go over to,the preferences and here we can enter,custom JavaScript to add to our Google,Analytics code so let's click on this,and enter our head code right here copy,that and enter here now this is already,surrounded by script tags as you see so,no HTML allowed so we'll get rid of the,script tags at the beginning and the end,in this comment up here and we are left,with just the script tag and we can save,this and go over to our store reload now,we can see already in our tag assistant,for google chrome that we have Google,tag manager installed an easy way to,actually see if it's installed on all,the pages is entering the preview in,debug mode so now we only preview in,debug mode and let's reload this page,and we see Google tag manager is on this,page so let's check our pages we are,going to the home page you go into a,product page and each time we see that,the console opens so Google tag when she,is installed let's check out also on the,checkout page its installed let's go,through to check out and you see Google,tag manager is insta
After seeing the second section, I believe you have a general understanding of Google theme shopify
Continue the next third section about Google theme shopify
Shopify's "Debut" Theme: How to Connect Custom Google Fonts
Shopify's "Debut" Theme: How to Connect Custom Google Fonts
what's going on YouTube my name is John,and today I'm gonna show you how to do,three things for the Shopify debut theme,there's a couple of limitations on this,theme namely fonts and text transforms,that I've been having issues with lets,we're today we're gonna change the font,for the headers for the menu and for the,buttons we're also going to get rid of,the force upper case text transforms for,the buttons and the h2 header which can,be very irritating depending on your,design choices let's get started first,we're gonna head to our admin dashboard,then we're gonna select actions edit,code first place that we're gonna go is,config setting schema Jason this,separates your fonts for the theme,settings this separates fonts and,heading in buttons fonts and body and,text body text fonts so the top one is,the headings and buttons fonts we're,gonna head all the way to the bottom,we're gonna copy this insert a comma,paste below and the font that I'm,wanting to use today is Pacifico so,we're gonna put Google underscore,Pacifico 700 700 is the only font weight,available for Pacifico under google web,fonts your font may have other weights,it also may have serif or sans serif,versions available make sure you put,those weights and the serif or sans,serif distinction and include those,underscores the label we're gonna use,for this one is gonna be Pacifico you,can put whatever you want and the group,is gonna be serif google web fonts,that's gonna make it easier for us to,find go ahead and hit save there the,next file that we're gonna be doing is,under assets we're going to go to themes,SCSS liquid and this is where we're,gonna knock out the rest of our changes,the first thing that we're gonna do is,get rid of those text transforms and the,text for the buttons these guys and,you're gonna find those on line 1640 or,there abouts here's BTN that's the class,that we need an edit what we're gonna do,is we're gonna find where it says text,transform uppercase we're going to,delete that,and we're also going to change where it,says font family we're gonna change it,from font stack header to font stack,body and in order to get rid of that,embolden thing we're gonna delete font,weight we're just gonna get rid of that,the next thing that we're gonna do we're,gonna hit save right there what we're,gonna do next is edit those header tags,now I'll just hit ctrl F or command F on,a Mac at h2 and right there where it,says text transform uppercase we're,gonna get rid of that now here's the,important part while you're here copy,font size just this whole line right,there go ahead and copy that,the next spot that we're gonna go to is,we're in search for site nav now this is,the class that specifies the SID the,settings for your menu right there now,what we're gonna do here is copies I,pasted that in font size that's gonna,change the font size go ahead and change,that to 0.75 it's gonna be,three-quarters of normal and we're gonna,put font family font stack header let me,just make sure
After seeing the third section, I believe you have a general understanding of Google theme shopify
Continue the next fourth section about Google theme shopify
Shopify (Motion Premium) Theme Customize To Reactive Google Merchant Center GMC By Learn with Mahmud
Shopify (Motion Premium) Theme Customize To Reactive Google Merchant Center GMC By Learn with Mahmud
Assalamuyalaykum
After seeing the fourth section, I believe you have a general understanding of Google theme shopify
Continue the next fifth section about Google theme shopify
Google Map Api Key Shopify ( 2021 )
Google Map Api Key Shopify ( 2021 )
hi everybody thanks for tuning back in i,know it's been a while since i made a,video but came across something today i,thought that could be helpful for a lot,of you people who are trying to set up,your google maps so i'm going to show,you how to get a google map api key and,get it working on shopify,okay so google maps has changed,considerably in the last couple of years,and what they've recently done and this,is recently going back six or seven,months is they have required billing,information to be set up for their apis,so people that are high users are the,ones that are going to be paying for it,now what i'm going to do is i'm going to,walk you through how to set up your,google api account now keep in mind,there's a number of apis that are still,offered for free,and when we set up this account i'm,going to show you the two that you need,to have enabled in your google cloud,account so that it shows up on your,shopify site so let me walk you through,that now,all right so step one is we need to set,up an account now it's important that,you set up an account,underneath the google username that you,want to have the billing information go,to so if you have a google account the,first thing you want to do is you want,to go and set up your billing so if you,go into go to google cloud.com maps,platform that's the first place that,we're going to go and you want to make,sure that you're logged in underneath,your username now there's lots of videos,out there that are going to show you how,to add billing and stuff like that i,will find one and list it down in the,description but once you've got your,billing set up what you want to do is,you want to go to the get started button,right here in the middle i'll also link,leave a link to the,google cloud platform so you go and go,right to it so the first thing you do is,you go to google cloud platform and,it'll ask you to get started,once you've done that you're going to,need to set up a project so i have got a,number of projects set up in here i'm,going to go and create a new project,and i'm going to give it a name of test,map,api,we're going to create that,let's get rid of those notifications,there,and then we're going to go to maybe apis,and there are two that we need to enable,so the first two that we need to enable,in order to get the correct um,work the correct api working on shopify,is you need maps javascript api and you,need the geocoding api so there's a,bunch of ones that when you set this up,initially it's going to try and,activate all of them you can leave all,of them set up if you want to but you,don't necessarily have to,i like to keep mine to the bare minimum,so i don't accidentally get charged for,something that is not something that i,want to be using so once you've set up,the individual two apis and added them,to your account you simply click on the,api that you want to add i'm not adding,directions.api but you click enable and,it will add it to your account,so let's go back here to the,dashboa
After seeing the fifth section, I believe you have a general understanding of Google theme shopify
Continue the next sixth section about Google theme shopify
How to Setup Shopify's Google Channel App w/ Google Shopping Product Feed Ads (2021 Tutorial)
How to Setup Shopify's Google Channel App w/ Google Shopping Product Feed Ads (2021 Tutorial)
hello and welcome to another nexus,digital tutorial my name is brady and in,today's video we're going to walk you,through the app add-on process for the,google channel app made by shopify that,will link into the back end of your,shopify store website that will allow,you to start running ads through google,merchant center for google shopping and,also provide you with the free listings,for organic shoppers that are out there,now before we get this started and start,running through the process of adding on,the app and setting it all up there's a,few housekeeping things that i would,highly recommend you do in advance,before setting up the app you can do,these while you're in the process of,setting the app but it's going to speed,things up and save you some time in the,long run and i highly recommend that we,do that so we're going to start off with,that and then we're going to go into the,app add-on process with that said let's,get started,okay so i just want to quickly clarify,something before we begin this these,steps aren't necessarily going to save,you time in the long run they will save,you some frustration some headache but,it will ultimately make the google,channel app add-on process just a little,bit smoother for you so you're not,jumping between,the app um setup and then going back,into your page and going through your,settings and things like that so it will,kind of save you some time in that sense,and more so just some frustration just,making things a little bit easier to do,so what you're going to do,from your shopify account in your,settings section these are the areas,that you want to uh focus in on the,first one is your legal section which is,right here uh from your settings along,the bottom hand you'll see it along the,bottom hand side here,your settings section here and then,you're going to go into the legal,section,and you want to set up your refund,policy,your privacy policy,your terms of service,your shipping policy,okay now uh what's really great about,shopify is,if you don't have,access to these templates you don't have,this information um you can actually,create or shopify will create a basic,template for you and i just kind of go,in and modify certain elements if you,don't know what you're doing um,otherwise yeah you should have some of,the stuff on file or it should already,be existing on your actual website so,you're gonna put that plug that,information in,um and then along the bottom you'll just,see this uh save button just click on,that and you're good to go,after that you're gonna go back into,your online store,and you're going to go into your,navigation,and this is where you're going to click,on your footer and this is where you,want to add in and make sure that these,elements,are present on your website,after you've got them in place um,shopify will automatically kind of,include them or,look to include them onto your website,but these are the things you want to set,up first so you're going to click on,your footer menu,an
After seeing the sixth section, I believe you have a general understanding of Google theme shopify
Continue the next seventh section about Google theme shopify
Shopify SEO Tips for Beginners - Rank #1 in Google
Shopify SEO Tips for Beginners - Rank #1 in Google
Google search can be really powerful in,sending potential customers to your,online store but how do you get ranked,in the first page of Google with the,search results well the first step is to,make sure that you've optimized your,Shopify store correctly so that the,Google Bots find it there's a couple key,areas that you need to optimize on your,Shopify store to get ranked in the,search engines and we're going to be,going over all of that in this video so,first off you have the home page title,and description and don't forget about,these social sharing image too you can,find these under the online store and,preferences next you have the meta,description so this is the search engine,listing and you can find this under,collections products pages and blog,posts so whenever you're actually,creating your photo and uploading it to,Shopify make sure that you've saved the,keyword that you're targeting in the,name of the photo file itself and then,you can also go in and customize the alt,tag with your keyword for this photo,adding in the alt tag for photo is a,great way to add in your keywords there,too for the search engine Bots but also,for visually impaired people that have,Pages being read to them by software so,for the search engine listing you'll,have a few different things that you,want to customize you have both the,title the description and the URL handle,and for all of these you can put in your,keywords and optimize that so before we,go into examples let's talk first about,keywords and how you can figure out the,best keywords to use for your Shopify,store when you're thinking about,keywords to be targeting for SEO you,really want to think about how your,ideal customer would be searching for,and finding your product online so let's,give a general kind of example of boots,no one is going to go to Google and just,type in Boots because oh my gosh that's,so Broad and you would get millions and,millions of search results that would be,just so much time to try and go through,well you don't want to really Target the,keyword of just boots then because no,one's going to be really searching just,specifically for boots instead again,think of how your ideal customer would,be searching for that product so,probably not boots women's boots meh,it's still pretty broad black women's,boots better,black women's leather knee-high boots,okay well now we're going somewhere now,we're a lot more specific and this is,something that we can do specific for,that individual product and could be a,lot more likely of someone searching for,this and it includes a couple different,keywords in that one main long tail,keyword as well so I recommend coming up,with a list of about one to three,keywords per product or collection or,page that people would be searching for,to find your store you can actually go,and estimate the search volume of how,many people are actually searching for,that specific keyword in a free tool,called the Google Keyword Planner which,is really helpful to figu
After seeing the seventh section, I believe you have a general understanding of Google theme shopify
Continue the next eighth section about Google theme shopify
Ultimate Guide to grow Your Shopify Site with Google
Ultimate Guide to grow Your Shopify Site with Google
hey jan here welcome back to coding with,jan,and if you're watching this chances are,very good that at some point you have,already heard about,google analytics maybe the google tag,manager,google ads or google adwords remarketing,tags,google shopping or the google merchant,center and if you're anything like me,and especially if you're just starting,out this might be very confusing at,first,so here's my attempt to give you the,most comprehensive crispy clear overview,spoken in almost accent-free english,just like he used to hear it from me,and the goal is that by the end of this,video you will have a very good,understanding on what each of these,tools is meant to do,how and when they interact together,which ones you might want to use in,order to grow your e-commerce business,and maybe most important how they all,integrate within shopify,so without further ado i would say let's,get started,now let's begin today's journey by,taking a look at google shopping,and let's suppose someone is searching,anything specific on google like how to,sell on google,then for many website owners this would,be a great opportunity,to have a piece of content in place that,ranks as high as possible in the search,results,because so they might be able to,redirect the fraction of that search,traffic,directly to their page for free,traditionally,text-based content would rank best and,that could be a blog article for,instance,with relevant keywords and the striving,for the highest position would be known,as,search engine optimization or in short,seo i'm sure you heard of this before,now over the last few years user,behavior has changed dramatically online,and nowadays people are searching,anything online they search for,questions or images for videos for,traffic routes for shopping and online,products and this is exactly where you,come into play,so for example if i search for new,sneakers online i will not only be,presented with text-based search results,but also with results from the google,shopping feed,and these are actually paid,advertisements but once you switch over,to the google shopping tab,this is where you can actually get your,products listed for free,and if i click on one of these listings,like this one for example,it would take me to a shopify product,page and i know it's a shopify product,page because coincidentally it was built,by the agency i'm currently working at,uh but the main takeaway here is that,google shopping is a search engine for,products,now how do you get your products listed,on google shopping first of all you will,have to create a google merchant center,account,it's completely for free to set up and,in here you could either add your,products,one by one manually uh it kind of looks,like,the shopify backend you have to enter a,product title a product price,upload images and so on and so forth or,what might be an even better way,is adding the google channel to your,shopify store,and you can do that directly from the,shopify app store,now once you h
After seeing the eighth section, I believe you have a general understanding of Google theme shopify
Continue the next ninth section about Google theme shopify
Quick Shopify SEO Tip to Increase Google Ranking
Quick Shopify SEO Tip to Increase Google Ranking
a big issue that Shopify stores can have,when being indexed by Google is being,flagged for duplicate content and this,is just because of how Shopify actually,structures the different pages on the,site so let me quickly explain what this,means how it looks and then I have a one,minute quick fix for you as well you,just have to put some code into your,Shopify theme but don't worry I'll show,you exactly what to do so when you,create a product with Shopify you can,have it listed in a variety of different,collections let's say you have a product,that's black boots you could have it,listed in the women's collection the,apparel collection shoes boots black,shoes shoes under fifty dollars I mean,you could create so many different,collections that this product could live,in and it would all still be relevant,the problem with that though is that,each time you put a product in a,different collection Shopify then,creates a different URL for it to,actually Link in from that collection so,let's say if that product is in five,different collections well now you have,five different links to the exact same,product page but the URLs are just a,little slight bit different based off of,that collection name this can be,problematic for Google then that sees it,as all these duplicate pages and the,product page looks the same the URL is,just a little bit different so Google,either thinks okay well they're trying,to trick the system and it's just all,this duplicate content but the biggest,issue is that Google just doesn't know,which page is the most important to show,to your viewers in the search results so,it's important to then highlight and say,Okay Google this is the collection or,the product page that I want you to,showcase,I'm not at all saying that you need to,just have one product per collection you,can put it in as many collections as you,want that are of course relevant however,you want to just make sure that you let,Google know which product URL you want,to actually have be your main one so,whenever people are linking to your site,and you're kind of building up that link,juice for all of your search engine,optimization efforts you have an exact,URL that is being focused on and it's,going to be promoted more so to do this,we need to add just a small line of code,into your Shopify theme to again,highlight which one Google should be,prioritizing so it doesn't get rid of,any of the other URLs that you're,linking in through different collections,however it's just going to Showcase this,is the one to prioritize so to add this,in first you're going to need to go to,your Shopify back-end under online store,and themes make sure you're on your,current published live theme and then,click edit code once you're in this,back-end area be careful you don't want,to mess anything up here but you can see,on the left hand side you have a layouts,section and you want to click on theme,dot liquid there,then at the top of the site within the,head tags you're going to add this,little
Congratulation! You bave finally finished reading Google theme shopify and believe you bave enougb understending Google theme shopify