How To Add Video On Shopify Homepage With Autoplay (2024) Full Guide

How to Add Video on Shopify Home page with AutoPlay

Hello everyone. Welcome back to another video. I hope you all are doing great and are having an amazing and absolutely incredible day

In this video, we're going to be talking about how you're going to be allowing yourself

to add video on your Shopify homepage in the easiest, most simplest way possible

So to allow ourselves to do this, what we are going to be doing is we're going to be going to be going through all the

steps okay we're going to be creating account I'm going to be walking through the whole account

creation steps and then once we've created our accounts from there we're going to talk about all

the great details that your Shopify creation requires so please do make sure to fully watch this

video until the end so you can get the general idea of how all of this is done so without further ado

let's get straight into this video now to start things out what we're going to do is we're

going to go over to start free trial okay because that is what we're going to start off with

preferably i would prefer if you uh use your you could say basic user upgraded plans because that would

give you a much better outlook on using the video on shopped my home page with auto play but i'm

just going to give you an idea okay so i'm just going to skip all these questions and we're

going to click on next and once we click on next it's going to locate me and take me straight

to the dashboard and might ask you your email and stuff so obviously just go ahead and add all those

necessary things so once we have our email over here i'm just going to paste it add in your password

and once you have added in your password from there and out what you're going to do is you're

just going to create your shopify account in the easiest most simplest way possible

Now once your thing starts loading up you going to get into the store to create things in the easiest way again possible Now how are we supposed to add video onto a Shopify homepage with AutoPlay

Okay. How is that supposed to actually work? So basically, obviously, first of all, you're going to upload video into your media through your settings, okay

And once you've uploaded video or, you know, any type of other media from your PC into your settings

What you're going to do over there is you're going to, you know, add some different liquid

files and add different file banners into the code section. And what that will allow us to do is it will help us more in working with the, you

could see, basic video section. So obviously, let me first show you what the online store basically looks like, what the

basic template of the online store looks like. It's not the prettiest

It has a very, you could say, off-putting vibe to it. And it doesn't necessarily require you to, you know, be very artistic

So, like, if I were to come over here, view my online store, let's see how it looks

Let's see the general idea. And this is how it's going to look. You know, it has a very certain look to it

Now, if we are to go ahead and add a, you could say, liquid video over here onto our

homepage with an auto play. Auto play basically means that it keeps on playing, it keeps on looping

So how are we going to do that? How are we going to display that? So we're going to come here and we're going to go into content, okay

We're going to go into content and here we're going to add our meta object definition or we're

just going to go into files, okay? Now once you come into files, you're going to

upload the video files or the content that you want to consecutively play

Okay so let say I have some videos that I want to display over here right So let me go with a small video Okay let not go with something too big in size So I say the smallest

So let's say right now I'm just going to go ahead with this one

Okay, because it's relatively not too big. So once you start uploading some type of media that you want to potentially add into your Shopify homepage with the auto play

we're just going to wait for this to load up. And once the file is properly uploaded, what you're going to do is you're obviously going to add some type of template for a video background into your themes, right

Now, when I said, or when I was at least talking about the little team liquid, what we're going to do to add that theme liquid is you can go into your coding section

And once you go into your coding section, you can add different things over here

So if you go on edit code over here, right? Now, in the edit code section, you are going to want to have a custom liquid code

Now, you can either add it over here under in theme liquid. Okay, as you can see, I have a lot of code in my theme liquid over here

So you can either add that custom code in your theme liquid, or you can add it directly into your Shopify's customizable

I would prefer adding it directly to your Shopify's customizable because that just makes it much easier

So let's say I'm going to come here. And once you come here, we're going to go into the template section

And we're going to add a section. And over here, I'm just going to add video

It's going to give me the video background. Or you can just write background, to be honest

So once you get the video background option, just go ahead and add that video background option for yourself

And yeah, once you have gotten that option for yourself, it's going to be

a piece of cake to work with that. So here you can see you have that. So you're going to add it over here

And in this video section you can either paste the URL of the section that you want to go with and then here in custom CSS is where you going to add the theme liquid okay and the theme liquid that we are going to be

adding is first of all let me just change things here to select the video that we're going to be

adding you can either upload it directly over here or you can copy the link from the video that

you uploaded in the shopify content section and paste it over here so once you

Once you've done that, your video will start playing over here. And what you're going to do to make it on auto play

So there is, we're just going to write here, clean, I'm just going to write Shopify

Video, Auto Play, Liquid Code. Okay, I'm just going to write that

And once you write that, it's going to give you a AutoPlay code. Okay

And once you get the snippet of the code, you can get it

get it off of GitHub or other websites or maybe even in the community some folks have submitted it

into the community that you can get so this is the code and we're just going to copy off over here

and once you copy this code off you're going to paste it down here and once you paste it down here

obviously in this section where it says https you're going to want to make sure to take this

HTTP section out and add the link of the video that you actually have

We're just going to click on save. What that will do is it's going to publish this HTML link with the settings of your video

And it's going to obviously format all of that over here. And that will add an auto play to whatever video URL you paste it

So yeah, that's pretty much about it for this video. Now if you enjoyed watching, please do make sure to drop down a like and subscribe to the channel

And if you want to see more videos like this in the foreseeable future, let me know down in the

comments below and I will make more for you but yeah until then that's pretty much about it

thank you for watching this video all the way till the end and I will see all the few wonderful

people next time goodbye