How To Add Sections to Any Page on Shopify (2024) Full Guide

How to add sections to any page on Shopify

Hey guys, welcome back. In this video, I'll be showing you how you can add sections to any page on Shopify

May it be a product section, may it be a general section

a image section, a text box, whatever it might be. You can integrate anything you want into your Shopify pages

So you're not really limited to what the template has preseted for you

You can customize this however you want. The template presets are only to show you what has worked best for e-commerce builders

and to give you a better idea of how you should format. However, there are no real rules to formatting your website

So to be able to create sections wherever you want, simply click on your online store on the left toolbar

Once you've clicked on your online store over here, you can click on customize

And once you click on customized, you can actually add, a section in any page. So you will see your website is going to be divided in two different

sections. First off you have your header, then you have your template section, and then you have

your footer section. So in each of these segmentations, you can add any section that you want

You can choose to add sections in the form of these pre-existing or predetermined bars

or you can integrate applications as well. Now what happens if you want to add your own custom

liquid or you know you want to add something different but you can't really add it because those

sections are not available because if you go into the template section you have these pre-existing

types of sections so for that what you can do is you can actually go into chat gpt and you can ask

chat gpt to write you a custom liquid so let's say i want to add you know something like maybe a

which can add a text line saying howdy part partner like this So I going to ask chat GPT write a custom liquid and you will see it just going to create the liquid for you You just going to click on copy and then after that you going to head on back to your page

and you can click on add section, click on custom liquid and within your liquid code you're going

to paste the code like this. Once you paste the code you will be able to see a section will be

added and then just like that this has been integrated into our header section. This is a part of our

header now and you can actually build off of this however you want so if i want to add a new section in my you know

body in the body of our page so i can ask the chaty bta i to write a custom liquid where it's a carousel of

images from google images so whatever you might want it to be and i'm just going to copy the basic few lines which

are going to be write me a custom liquid to add to my Shopify home page in which random

themes from the internet are displayed. Now keep in mind if you give such a bide kind of request

it might not be able to add your request. So you can actually source them from a particular page

So you can actually add the API you plan to use or you can add, you know, the particular website

that you want because you want it to be as specific as possible so I would usually

rephrase this and you write me a custom liquid to add to my Shopify home page in which

images in which and I can just copy a particular URL so I'm going to search for the happy cat

the happy cat jiff whatever you want so we have this image over here and I'm going to open the

image in a new tab like this. Open image in a new tab. And I would just copy this link over here

and click on paste is displayed So just like that I asked it to display this image And then we are just going to copy this code over here

And then go into our website editor. And then we're going to click on add block or add section

It really depends on you. And you can create a custom liquid section

And you can just paste your code over here to be able to display your item

Now, if you do this in a different way, you can just click on add block to only add text

So creating this kind of block might not be very realistic in any other situation

I can place this within any section that I want. It really is up to you where you want this to be placed

And you can add this in a smaller size as well. For that, you just ask Chatjiwati to make the padding larger and the size of the source code smaller

So that can adjust your sizing as well. You can even go into your section and, you know

reduce the padding by yourself to the standard amount. And you can also change these color schemes over here

You can also write a custom code for basically anything. These are just some of the basic examples

I'm just going to save over here. And after that, I can go into this section

And let's say I think it looks too empty. So what I can do is I can ask it to make the GIF centered and, yeah, make the GIF centered

So I can ask it to rewrite the code and now it's going to actually, you know, add the image selection

And then I can click on paste over here to further, you know, customize the image section

But currently this is not happening. So I'm just going to remove this

But in this way you can customize your Shopify sections. Now, this is just customization

If you want to add anything that is standardized, so your featured pages or anything like that

let say I go into my product pages And if I go into this page over here let say I want to add something you know more text to this I can click on add block and I have multiple different theme blocks such as pop collapsible rows custom liquid text SQU inventory product rating pop complimentary product icon with text

So you can really add your own blocks in each of your pages

Let's say I just want to add some text and I have this text over here and within that text, I can

can display whatever I want. So let's say I want to display the best tote. So now it's going to say

the best tote on top in that text section. You can add more text if you want. You can also add

dynamic content sources in Shopify as well. That can be a great way for you to build carousels

and a more interactive website. Now other than that, you can also do a lot more customization. You can

build your backgrounds using FashyPT's code so create a header background custom liquid for my Shopify

store header background so I wanted to be pink better background custom liquid for my Shopify store

and then I'm just going to copy this code over here and then I can go into my basic settings and

within my basic settings i'm going to go into my header and i am going to just make sure that i'm

adding this to the right place so i am going to go on ahead and go into my header now i'm going to

click on add selection custom liquid and then within that custom liquid you can paste your code over

here and this would add the particular type or color that you're looking for

Obviously, you can do this in a better way that is by exiting from here

And you can actually go into the basic code, so edit the entire code of your website

And you can add any type of section in any place that you want. So I hope you guys found this video helpful

If you did, make sure to leave a like and subscribe