Up next in 10
How To Create Shopify Landing Page With Pagefly (2024)
9K views
Jun 10, 2024
In this video, you'll learn how to create a compelling Shopify landing page using PageFly in 2024. The tutorial will walk you through the process of installing PageFly, setting up your landing page, and utilizing its powerful drag-and-drop features to design a high-converting landing page. Perfect for beginners and experienced users alike, this guide will help you optimize your Shopify store's landing pages to attract and engage more customers effectively.
View Video Transcript
0:00
How to create a Shopify landing page with Pagefly
0:04
Hey guys, welcome back to the YouTube channel. Today I will be showing you how you can build your Shopify landing page using Pagefly
0:12
So let's get into it. Now, I have already created my Shopify account and if you're looking to create a landing page
0:18
I'm pretty sure you know how it goes. You just have to click on start free trial and you can start your free trial with Shopify
0:25
and get started over there. Now, I have previously built my online store, but I have
0:30
haven't completed it yet. So I'm going to build a landing page using Pagefly to maybe display
0:36
my discounts or display a certain thing that I want to promote via that landing page. This can be super
0:42
helpful in terms of building audiences from social media platforms. Landing pages can be immensely
0:47
helpful when you're trying to promote your sales, when you're trying to promote a special feature
0:52
or a limited time item. Now to integrate Pagefly into Shopify, just head on over to your
0:58
Shopify dashboard. Once you are on your Shopify dashboard, just go into your search bar
1:03
click on apps, and then search for Pagefly. I have already downloaded Pagefly, so I'm just
1:07
opening it up. If you haven't already, you will just see the Pagefly integration, and you will
1:12
just install that and allow it access to your Shopify store, and that is it. That will be all
1:19
the setup that you need, and then you're going to be headed to this dashboard. This is what you're
1:23
going to get once you enable Pagefly and give it permission to access Shopify. And once we have
1:28
done that we're just going to click on pages on the left side of our screen then we want to
1:33
start building a landing page so for this i'm going to click on pages and click on regular pages
1:39
and i can just click on create from a template over here and i can choose a template to use to build my
1:45
landing page the best part about using page fly is that you can create amazing are super professional
1:51
websites and web pages or landing pages on a very very limited time or a very limited
1:58
budget because building these kinds of pages can lead to a lot of cost so if you
2:03
have to hire a designer find a appropriate design or if you have to learn how to code it so it can either take too much time or too much money to build such amazing pages but uh page fly can really simplify it for you so what
2:17
we're going to do is we're going to click on landing pages on the left side of our screen so this has
2:22
filtered out only the templates that are regarding landing pages and you can see there are a bunch
2:27
of different templates some of them are promoting sales some of them are promoting a certain event going on
2:33
some of them are just you know basic ones uh holiday ones so let's say that i want to promote uh christmas
2:43
like let's say i want a christmas landing page for my customers so i'm going to just take this one
2:48
over here at the bottom and i will click on this and click on select template and now we will start
2:55
our landing page so if you want to do it you can do it for any holiday if you want to do it for
2:59
valentine's day mother's day father's day it can work especially well because the best part is that you have the optimization to cater it to whatever audience you want
3:11
and you can use one template for multiple different landing pages so i want to go with christmas for
3:17
everyone and then we have the timer now we have the countdown number you can add whatever you want
3:23
in the countdown number however you want it to go uh we can just click on the color over here if you want
3:29
to change the color as well you also have your spacing your padding your font size and
3:33
if you want to increase that, if you want to increase the timer size, I find it to be fine
3:38
You have a border display and all these other options. Then you can just double click and change you can change the overall design of this timer
3:47
Now going below that we have our little slides. Now let's say you don't want this slide show
3:54
You want to display items from your shop-advice store and I don't want to manually link every item
4:00
I just want to display my products as they are directly onto the site show. onto this page. So what I'm going to do is I'm going to actually remove this section. So you can
4:10
see this section over here. I'm going to delete it. And below that, I'm just going to click on add
4:15
element And I going to add a simple section over here So I have this column over here You can build multiple different columns or you can you know drop your elements that you want in your specific row
4:28
But what I'm going to do is I'm going to click on add elements on the left side of my screen
4:34
And you have however you want to, you know, form it, however you want to lay it out
4:38
you can choose to do that. So easy way to build sections is to just click on over here into the sections
4:45
so we can click on show page outline, click on add elements and let's say you're not sure how you want to formulate it
4:55
So you can just go into your ad Shopify element. We're going to do that later at third party element
5:00
You can edit your third party element and integrate those as well into your layout
5:06
Now what I'm going to actually do is that I'm going to delete these pre-existing ones that I don't need on my landing page
5:14
page so i'm just deleting some of these ones i'm just going to click on add new section first i'm
5:22
going to delete this column this row as well and i'm just going to click on these blue arrows over here
5:29
and you can see you have multiple different options on how you want to style it so you have a bunch of
5:34
different pre-made sections that can help you in uh displaying your products in terms of design
5:40
So let's say I want a product display like in the form of a little section like this
5:47
So you can click on this, click on select section, and now we have our product list
5:54
So what you're going to do from over here is that you're going to go into the left side of your screen
5:59
Then you're just going to click on Add Shopify Element and then you have your product list
6:04
So you can just drag and drop the type of product list you want to display
6:08
if you want to display it like this, like this, you have three options
6:12
So we can just go on ahead and drag and drop this over there
6:16
If this section is not working, you can just delete it and go into Add Product Lists
6:21
and drag and drop the column over here And now you can see our product are displaying I did not even have to add the product I just dragged and dropped it and it just started displaying my product instead of me having to you know manually set everything up which
6:37
can be a little difficult. Now, what I'm going to do is I'm actually going to maximize the width
6:44
and then we also have, you know, animation attributes. However you want to style this, you can style it
6:50
Now I'm just going to maybe move the section if you want to do it
6:55
I'm going to change the description and I'm just adding a little bit of a description
7:00
Now if I click on over here, I can click on add elements and add more elements if I want
7:07
I can add dividers. Now in terms of your Shopify elements, you have product variants, product prices
7:13
You can even go on ahead and add, you know, product media only, but I want to add the entire product
7:19
Now, a great way to display your sale products is to add a specific collection
7:24
So you can go on ahead and only, you know, go into your collection list and only show a specific collection if you want
7:32
You can only display that. So items that have been specifically launched only for Christmas, you can add those over here
7:39
Now, what I'm going to do moving forward is that I'm just going to click on save on the top right
7:44
And then you're going to change your title. So let's say on our Shopify store, this is going to be a Christmas promotion page
7:52
I can just click on save this page and I will also publish it. So I'm just saving and publishing the page
7:58
And you later on actually have to go into your Shopify editor. And you're going to, if you want to have this page appear in the menu in the navigation panel of your website
8:07
you're going to have to do that directly on there. But I'm just publishing it for now and I will show you guys a preview of what are pages looking like
8:16
So you guys can see over here we have dirt and clothing. This is my normal Shopify store
8:21
Then we have our little promotional section, and this is like the entire landing page
8:26
So I hope you guys found this video helpful and you are now able to get started with building your own landing pages using Pagefly
8:34
Make sure to leave a like and subscribe to our YouTube channel. And I will catch you guys in the next video
#Advertising & Marketing
#Consumer Resources
#Retail Trade
#Shopping
#Shopping Portals