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 Jump Pages. Jump Pages is a Shopify web page builder which you can use to perfect each of your Shopify pages and build it out and it's very beginner friendly and easy to use on app

Anyways, so here is a Shopify store that I built with Debitify

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 Debitify 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 create something

more professional and look at the collections pages, simple like this. And we're going to use Jam Pages to see how we can create more professional looking template

All right. So go to your Shopify dashboard and go to apps and search for Jam Pages

Yeah, and here you are on the Jam pages, right? So you just click on create new page that allows you to create new pages

And then let's start with the product page. So we'll click on create product page

All right. So with Jam pages, you could start from the scratch

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 this 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 jump pages

I could do that in a different tutorial, but I only keep this tutorial simple and very beginner friendly

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

All right. So Jam 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 on the road. Okay. So let's make use of this template

with jam pages you could have elements and blocks you could have elements and blocks and all of that

but i want to use um an entire page an entire design page on 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, the template for this really

All right. 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 this you could also maybe you want to say over 50 dollars you could edit the test

same thing here you could edit the test everything

the background the design all of this simply 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 can be added there You could also edit this and put in whatever you want

You could change the photo here and put in whatever photo you want

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

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

But still you can see on the design this, switching things, the heights and everything

the alignment. The product 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 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 so that I will see

But clearly the changes would not have been made. Okay

So we click on a particular product

We see it has the debut of I theme setting. The Jam Pages template is not there yet

So we have to go back to Jam Pages and then click on the logo

Once we click on the logo, what page did we just create

We just created the 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 that we want to assign

So we could maybe assign this product one, two, or all the products

So let's just assign this one. And they'll put yes, add now

Yeah, so having done that, let's go to our site again and refresh

So what we'll refresh, You can see that the site would not have these 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 to collections

and then let's just click on another product where we did not assign GemPages templates

so that we can see. On this product here, The Jam Pages template was not assigned on this product

That's why you could see, see we did Debutify default, you know, style kind of

Anyways, but when you click on this one, this is the one we assigned a Jam Pages template to

You can see that what comes up is different. This is what comes up, right

And so therefore that's how you do it. Anyways, let me show you how you could use them pages to design collection page on your Shopify website

So you just go to collection pages and you go to create new template

So again, you can go to the library

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

So everything nice and clean nothing up All right cool So on this collection page template

again, you can edit, we can change this photo. If you wanna get cool photos

use the software called Canva, all right? Anyways, we changed the test here

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

In Arrival, just edit the image and text section. Edit the image and text section again

again edit edit edit change the picture shipping worldwide icons everything everything everything is

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 and temperature All right, so if you go back to our site, I'll go to collections pages

We still have the default Debutify collection pages. So we need to assign the gems pages, collection pages to our store

So we'll just click on the gems pages dashboard. And then we'll click on collection pages

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

So for you to do the two, we have to already have a collection on your store

So put add collection and then we'll click on it

So, put yes, 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 totally editable from your Jam Store dashboard. Okay, so let's do one more thing, which is within landing page

So if you want to create a contenders page, right? If you want to create your contenders page or your about us page

about us page using Jam Pages, 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, 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 a template

All right, so let's 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 Gem 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 landing page. Remember, we created the product page from the product page

the collection page from the collection page, and then we created a barrage page from the landing page

So let's click on the landing page. On the London page, you can see the 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 Home page, you can edit and assign. No, for the Product Office page, you can edit and assign

You can do that for 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, contractors pages. That is what you use the landing page to build

And once you use your landing page here to build your contractors, about us pages

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. This is how to do it

Once you've published that landing page, whether it's a a page or whatever, you go back to your Shopify dashboard

And on your Shopify dashboard, on your Shopify dashboard, you'd 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 us page 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 about us page. So let's put this in the menu

So if we go to navigation. So under navigation, for example, if you want to put that about us page in your menu, you

All right, so click on pages. So yeah, you could use this about us template

as your actual about us page and you could even remove this other one from your

you could remove any previously created about us page from your navigation

Let's just do that. And now we're using this. Okay. All right, so let's save

Good. So I 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

So you could use the same method to create your point address 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 save it. Let's go to our site again. So let's get our website and let's refresh

Okay, so let's click on the About Us page and we have the About Us templates created with

GEM 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 you know, even though your theme, like the Shopify theme, can be used to design your

pages you could use a page builder like gems pages and make things perfect things or fake

things a much further all right i hope you find this tutorial helpful take care bye