Looking for a quick and easy way to create a sales page in WordPress?
Creating a sales page is the best way to showcase your products and services to potential customers and make them want to buy. But what if you’ve never designed a web page before? What if you have no coding experience and you don’t know how to add custom functionality to your pages?
Fortunately, there’s an easy way to create a sales page in WordPress. In this article, we’re going to help you launch a sales page in less than 15 minutes.
准备好了吗？我们开始吧。
What’s a Sales Page and Why Should You Care?
A sales page is a fully customizable web page that’s focused on selling a product or a service to your website visitors. Unlike a social media site or a marketplace like Amazon or Etsy, your sales page focuses on a single product or service to sell at a time. Even better, it doesn’t showcase all your competitors in the same web page!
Every sales page is designed to convince and convert website visitors into paying customers. Depending on how much time you have, your business model, and how much money you’re expecting to make from your subscribers, you could:
- Offer coupons and discounts
- Host a giveaway
- Create a free guide or checklist as a lead magnet
- Accept donations from fans
还有更多！
But before you get started, remember to have a very clear and specific goal for your landing page. Just because you can do a lot of things doesn’t mean that you should do them all on one page. More often than not, if you give your visitors too many things to click on, they won’t click on anything at all.
What do All Successful Sales Pages Have?
Now that you know what a sales landing page in WordPress does and why you should build one, it’s time to create a blueprint for your landing page. If you check out any successful landing pages, you’ll notice that they all have some very basic common elements:
- Headline: The headline is where you grab people’s attention and make them want to scroll down and learn more about you.
- Description: Just below the headline, you should have a description of what your viewers should expect from the rest of the page. This is a great place to convince readers to buy your product as well.
- Latest episodes: Once people know what to expect from your brand, give them a taste of your show by listing your latest episodes. We recommend showcasing 3-5 episodes at most.
- Buy button: Follow up with a purchase button so that your visitors can directly add your product to cart. This is known as the call to action (CTA) button. It’s how you nudge your visitors to take action on your page. Depending on your goal for the landing page, your CTA will vary.
- Social proof: A great way to give your readers a strong reason to subscribe is by offering social proof. Social proof simply tells your visitor that there are other people who are already taking the same action as you want them to take.
- Newsletter optin: Once you hit your visitors with the core offer, you can also ask them to become email subscribers. You can also ask them to become push notification subscribers using a click to subscribe button. It’s always best if you offer something valuable in exchange.
- Social sharing buttons: The more people talk about you on social media, the better chances you have of skyrocketing your subscribers. So, put up social sharing buttons on your landing page to encourage people to share it on social media.
Here’s a sneak peek at the WordPress sales page we’ll be creating in our tutorial.
Remember, these are only the most basic parts of any successful landing page. For your page, you can add a lot of other sections and create custom offers to increase your conversions.
How to Create a Sales Page in WordPress
Now that you know what to create, it’s time to launch your sales page in WordPress. We highly recommend using SeedProd to create your landing pages.
SeedProd is the best WordPress landing page builder. It’s perfect for businesses, bloggers, and website owners looking to build high-converting landing pages without any development skills.
With SeedPreed, you get pre-built templates for high-converting landing pages that you can publish instantly. This includes templates for:
还有更多！
第 1 步：安装并激活 SeedProd
首先，您需要获取 SeedProd Pro 插件并激活它。如果您不确定如何操作，请参阅这篇关于 如何安装 WordPress 插件的文章。然后，在您的 WordPress 管理仪表板中转到 SeedProd » 设置 并激活 Pro 版本：
接下来，前往 SeedProd » 页面 以概览 SeedProd 的着陆页仪表板。在这里，您可以查看使用 SeedProd 可以创建的不同类型的着陆页：
Keep in mind that these are all special pages with pre-built functionality and design templates. For a sales landing page, you don’t want to use ANY of these special landing pages. Instead, you’re going to create a custom landing page.
向下滚动并点击 添加新着陆页 按钮开始操作：
Step #2: Create a New Sales Landing Page
点击 添加新着陆页 按钮后，您将看到 SeedProd 的着陆页模板库。这些是专业设计的、完全响应式的着陆页模板。
Next, you can select one of these templates to help you get started. Remember, the template is just a starting point. you can customize everything about the page later on. For now, find a template that you think will fit. When the templates page opens, you can click Sales to filter the list:
For this guide, we’ll select the Masterclass Sales Page. Go ahead and click on it now.
Net, we’re going to customize the landing page.
Step #3: Customize Your Landing Page Design
SeedProd 的可视化构建器允许您使用拖放内容块来自定义您的着陆页。
You can create a fully customized header for your landing page in a matter of minutes. You can even add custom elements to convince and convert your traffic. For instance, you can create a video module and embed a YouTube video to convince your visitors to buy your product or service.
It’s also super easy to add a section with a brief description of your product or service . Head over to the Sections tab in the visual builder and under the Hero section, you’ll find several pre-built templates that you can import with a single click.
Go ahead and select one that you like.
Don’t worry about the colors or the content. You can edit all of it. What you should look for is a layout that goes well with your template.
You can customize the hero section the same way we did earlier by choosing a different image and changing the headline and description. While you’re at it, add a call-to-action button that nudges visitors to buy from you.
Next, from the Sections tab, select the Testimonial heading, and choose a design you like. And just like that, you have a testimonials section on your landing page.
It’s so simple!
Step #4: Add a Click to Subscribe Button to Your Sales Page
You can also add a click to subscribe button to collect push notification subscribers. Push notifications are a great way to increase your repeat traffic, get more engagement and even sell official merch if you have some.
In SeedProd, just drag and drop the Custom HTML module from the sidebar.
We’ve put the subscribe button directly underneath the email signup form in the first fold.
But you can insert the button anywhere you like.
For this part, you need some experience with HTML and CSS. Or, you can copy this code and paste it into your Custom HTML block:
<button onclick="subscribeOnClickButton()" style="border: none; padding-left: 5%; padding-right:5%; text-align: center; display: inline-block; color: blue;">Get Updates via Push Notifications</button>That’s a standard button in HTML with very little styling. The only fancy bit is the onclick function in the code. It basically means that your visitors can click on the button to subscribe to something. Now, we need to give the button some extra code to allow your visitors to subscribe to push notifications.
前往 PushEngage 主页，然后点击“开始使用”按钮：
然后，您可以选择免费计划来试用 PushEngage，或者如果您想认真发展您的业务，可以选择付费计划。付费计划提供更多的营销活动选项，并能够建立更大的订阅用户列表。
在您的 PushEngage 仪表板中，转到“网站设置”»“网站详细信息”，然后点击“单击此处获取设置说明”按钮。在“任何网站”下，您将获得安装代码：
警告：您需要复制从仪表板获取的代码。该代码对于每个 PushEngage 用户都是唯一的。您将无法复制图像中的代码并收集推送通知订阅者。
在您的 PushEngage 仪表板中获取代码后，将此代码段添加到您的代码中：
<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>您的最终代码应如下所示：
<script src="https://clientcdn.pushengage.com/core/02a6e92667ae2279fcba8932356c1d93.js" async></script>
<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>You’ll want to add this code to the HTML block in your landing page after the code for the button. It should look something like this:
Feel free to customize the styles for the button any way you please. When you’re done customizing your sales page, go ahead and hit the Save button.
Step #5: Configure Your Page Settings
After you’re done designing your sales page, click the Connect tab at the top of your page builder, and select your email marketing provider to collect leads on your site.
然后，点击屏幕顶部的“页面设置”选项卡。
Here, you can add an SEO plugin and a Google Analytics plugin to your sales page. You can even set up custom tracking codes such as a Facebook Pixel or a Pinterest pixel to track ad performance.
Step #6: Publish Your Sales Page in WordPress
Now let’s go ahead and publish your design. To do this, click the dropdown arrow next to the save button and click Publish.
You can then click the See Live Page button to see how it looks.
Congratulations! You just published your very first sales page.
What to do After You Build a Sales Page
Now that your sales page is live, it’s time to work on your traffic, engagement, and sales. You should try using push notifications on your site. Push notifications are a great marketing tool that can help you grow your business.
看看这些精彩的资源，您就会明白我的意思了：
我们建议使用PushEngage来创建您的推送通知广告系列。PushEngage是全球排名第一的推送通知软件。所以，如果您还没有，请立即开始使用PushEngage！
