How to use gempages to create templates that perfect your store design

Hey guys, so on this tutorial, I'm going to introduce you to Jerm Pages

Jump Pages is a Shopify web or page beaer which you could use to perfect each of your Shopify pages and beat it out

And it's very beginner friendly and easy to use up. Anyways, so here is a Shopify store that I built with the Bidify

This is not, you know, there's still a lot of room for customization on this store

It's not like a draft store, which I used on my earlier tutorial to show you how to customize the website

Anyways, this is what a single product page looks like. But we're going to use jam pages to create something more, see how we can pay something more professional

And look at the collections pages, simple like this. And we're going to use jam pages to see how

how we can create more professional looking template. All right, so go to your Shopify dashboard

and go to apps and search for gem pages. All right

So you just click on Jam Pages, add the app. Install the app

Yeah, and here you are on the jam pages. On jam pages, right

So you just click on create new page that allows you create new pages

And then let's start with the product page. So click on paper the page

All right. So with jam pages, you could start from the scratch, like you could use a header where you want that to be

And, you know, customize where you want to be on the header design, how you want the header space and all of that

if you select an image, put an image somewhere, and then edit the image

maybe change where you want the image to be. If you put a button somewhere

and edit all of these stuff. But that is when you're trying to build a page from scratch

For this tutorial, I'm not going to be showing you how to build a page from scratch using JemPages

I could do that in a different tutorial, but on a computer's simple and very beginner-friendly

So I'm just going to show you how to use Jem Pages template

All right. So Dan Pages has a lot of templates. So we'll just go to library, right

I'll click on library. we'll see already designed templates that we could just use and switches up and good

Okay, so let's make use of this template. With jam pages, you could have elements and blogs, you could add element and blocks and all of that

But I want to use an entire page, an entire design page, only the template

So add to this. All right, so we'll put no clear then, so we'll remove our format design and we don't have things mixed up

So click on that. So you can import the templates that we've chosen

All right. So you can see the template for these. template for this really

So all of this is a template and therefore it's customizable. Okay, so what you could do is you could click on each of them

and try to customize. You could customize this under theme settings, under the settings, and you could also customize it

under designs. you'd see a lot of options like background and corner and you could also directly you know

remove you could also maybe you want to say over $50 you could edit the test

same thing here you could edit the test The background, the design, all of this

The same thing you could do for the button. You could edit the button

You could edit the button link the typographic button the bottom color all of this stuff And they did that You could also edit these

I'm putting whatever you want. You could change the..

You could change the photo here and putting whatever photo you want

So there's a lot of things that you can do. Everything, like I said, is adorable

This one over here was gotten from, you know, our website, the product we already have on the website

But still, you could still design this. Switching things, the heights and everything, the alignment

The product link can still be changed. The product image can still edit that

Everything is basically editable. So once you're done editing it and look and feel like, you know, what you want

you just click publish. So let's go ahead and see this as product speech template

Let's publish this. So once this is published, the changes, okay, let's go to a product page that I would see

But clearly the changes would not have been made. So we click on a particular product

We see has the Depri-Rify theme setting. The gem pages is there yet

So we have to go back to gem pages and then click on the logo

What's click on the logo? What page we just create? create you just created a product page so what we could do is this is the product page we just

created we could click on assign products and so as we do that we click on add products

so we could maybe assign this product one two or all the products let's just assign this one

and they'll put yes add now. Yes, I've done that

Let's go to our site again and refresh. So we'll refresh

You can see that the site would now have on this templates. Of course, this is just a template

we need to edit these to have the look and feel of our brand, our brand pictures and stuff

Okay. But if we go back here, collections, and then let's just click on another product here

We did not assign GEM pages template so that we could see. On this product here

the GEM pages template was not assigned on this product. That's why you can see

See we do debilify default. you know, style kind of. Anyways, but when you click on this one

this is the one we assign a JNPages template to. You can see that what comes up is different

This work comes up, right? And so therefore, that's how you do it

Anyways, let me show you how you could use Jem pages to design collection page

on your Shopify website. So you just got collection pages and you go to

create new template. So again, you can go to the library

And the library, there are different collection templates. There are different ones that we could use

So let's just pick this one. So we put no third

So everything is nice and clean Nothing is missing mix enough All right cool So on this collection page template again

you can edit. If you change this photo, if you want to get cool photos

use the software called Panva, all right? Anyways, we change the test here

Everything is changing. Edit whatever we want. Edit the pictures here and all of that

You know, I just edit the image and text section. image and test section again

Edit, edit, edit, edit, change the picture. Shipping worldwide, icons, everything, everything, everything is changing

So once you're done with that, right, the next thing you have to do is to publish

Let me just put collection, I'm temperature. and we'll go to collections pages

We still have the default debarified collection pages. So we need to assign the germs pages collection pages to our store

So you click on the Genspages dashboard. And I will click on collection pages

And then we can see this collection page you just created. So we'll say assign collection

So for you to do that you have to already have a collection on your store

So put ad collection and then we'll click on it. So we put here as add now

Okay, good. So once you go to our store and refresh, this is the default collection

page that we had. Well, let's refresh and see the gems pages. All right. So now using gem pages

we've been able to assign this template to our collection page. Again, this is just a template. It's

It's totally available from your gem store dashboard. Okay, so let's do one more thing, which is within London page

So if you want to create a contours page, right, if you want to create your

contaders page or your about us page, a lot of pages using gem pages

then you can create a barris page and counter us page using jam pages

So to do this, we have to go to jam pages, right

And we have to click on landing pages. Once we click on landing pages, you can click on create new page

So yeah, so once this is done, the next thing you could do is to search the library

So you could just use the search to look for an about us page

All right

So, um, add the about us page to our Shopify store. Okay, we can definitely edit this if we want to the video, everything we can edit if we want to

If we don't, we could publish. Let's call it about your template

Let's publish this. Thank you All right So let go to our page and refresh

The About Us page still hasn't changed. It's still the Purify About Us page

So let's go to Jen pages. Okay, this is still loading. Okay, so let's click on the logo and see

All right, so on the logo, let's click on Land page. Remember, we created the product page from the product page

the custom, the collection page from the collection page, and then we've created Abarras page from the landing page

Let's click on the landing page. Right, on the Landon page, you can see the Aboutus page

about us template or something is happening. There is no button to assign it

All right. So this way I want you to understand how this stuff works

For the homepage, you can add and assign. No, for the product of space, product page, you can edit and assign

You can do that for a collection page and most of all the pages as well

But for the landing page, you use a landing page. to build things like custom pages like FAQ pages

about us pages, contact us pages. That is what you use the landing page to build

I want you to use your landing page here to build your contenders, about us page

FAQ pages, you will not be able to see the ability to assign just like you saw with us

creating product pages and creating collection pages. But this is how to do it

Once you've published that landing page, whether it's a contact or page, about a page, whatever

you go back to your Shopify dashboard. And on your Shopify dashboard

you should go to online store, you click on that, and you click on pages

Right. So on your pages now, you could then see that, you can see your previous about a speech

and contact us page, right? So you could choose to put this one in the menu if you want

You could choose to use this one as your abouter speech. So let's put this in the menu

I see. So if you go to navigation. So under navigation, for example, if you want to put that about us

page in your menu, you cute, add menu. Add menu. Let's see

About us. Let's just call it templates. Well, you could just put a bad

It's definitely, I'm just putting templates so that we understand. All right

So click on pages. So yeah, you could use this about a sample as your actually about a page and you could even remove this other one from your, you could remove any previously prepared about us page from your navigation

So let's just do that and now we are using this. Okay

All right, so let's save. So haven't saved this

Let's go to our site and let's refresh. And let's check the about us now we have

now we have this template that we created. we created. So you could use the same method to create your Pontatus page and whatever with

gems pages. All right. Okay, you can even decide to edit this and just make it simply about us. All right

Let's go to our site again. So let's go to our website again

So let's go to our website and let's refresh. Okay, so let's look on the Abaras page

and we have the Abolras templates created with Jam pages. I hope you find this

introduction and this tutorial helpful. This is just about how you could use

gems pages to design your Shopify pages. And even though your theme, like the device thing

can be used to design your pages, you could use a page builder like gems pages

and make things, perfect things or take things a notch further. All right, I hope you find this tutorial helpful

Take care. Bye bye-bye