引导你的访客到产品页面之Landing Page(着陆页)篇

当买家来到你的商店，你会希望他们多停留一会儿，最好能买上两件东西。你可以通过Landing page来引导人们去探索你的产品页。因此Landing page是访客对你商店的第一印象。

和landing page 比较接近的是About页面，让访客明白你的商店是做什么的。它们包括contact page, privacy notice, billing practices, company history, 等等。专业的About page会让你的网站看起来更正规。

它们之间那么相似，是因为在Magento里，用相同的方式创建它们。下面我们将开始学习如何创建landing page。

<<<<<< Introduction

landing page 不是产品页面，用户不需要选择颜色，评价或者加入购物车。相反，landing page起到的是向用户传递一些信息，鼓励用户心动的作用。

landing page一般和广告活动配合起来使用，比如我们在咖啡爱好都那放置了一则广告。请注意图中右下角位置。
[图1]

用户点击那则广告会跳转到我们的landing page:
[图2]

请注意landing page里的图文与广告中的图文前后呼应，这里面可是很有艺术与技术的，你可以找到很多关于这方面的资料和书籍。比如搜索“landing page optimization”和“creationg landing pages”，能找到很多内容。

上半部分展示的是一个基本的landing page，包含一些基本的HTML代码，我们先来看看这部分是如何做到的。

下半部分包括一些与页面内容有关的产品，为了实现这个我们需要加入一些高级的HTML代码并且在后台管理界面作一些必要的设置。这些会在晚些时候讲到。

<<<<<< 创建简单的landing page
接下来这步，将会向你展示如何通过基本的文本来创建一个简单的landing page，在Magento里我们称它为“CMS page”，就像下面这样
[图3]

<<<<<< 准备工作
创建一个如上的landing page之前，你需要：
*准备一些图片，并上传到你的网站
*关注你页面中可能出现的链接地址
*准备页面的文字内容
*为你的页面准备好一个URL地址，如这里的 http://brew-me-a-cup.com/gourmet-coffee-in-bed
*将你的广告指向这个landing page的URL

>>>>>> 如何做？
1。开启FTP软件，连接到你的Magento 网站
2。进入到/media目录
3。上传图片到该目录中

创建页面：
1。登录网站的后台管理面板
2。选择CMS|Magento pages. 在这里会列出所有的CMS page
3。单击“Add New page”按钮，进入编辑页面，首先显示的是"General Information"标签
[图4]
4。填写page Title，该标题会显示在浏览器的标题栏上。
5。输入一个SEF URL Identifier，除了域名部分。比如我们输入gourment-coffee-in-bed，生成的URL将会是http://brew-me-a-cup.com/gourmet-coffee-in-bed

6。在Status项选择Enabled
7。在Content字段，请输入该页面的HTML代码。比如：
<img src="http://brew-me-a-cup.com/media/Would you serve her
bad coffee 2.png" alt="Woman Drinking Gourmet Coffee in Bed"
height=400 width=266 />

这是我们的编辑页面：
[图5]

访客在浏览器里看到的将会是这个样式：
[图6]

显然，一张图片是不够的。继续……

8。添加CMS page其余部分的HTML代码，经常保存和预览你创建的页面，以确保最终的效果。我们输入的代码如下图：
[图7]
页面最终效果如下：
[图8]

接着为CMS page套上一个布局模板：

我们的HTML代码表现得很好，但看起来缺少我们正常Magento页面所有的那些特征。没有页头、页脚、顶部的菜单栏、颜色选择器、搜索框等。我们还得接着把这些搞定：

1。选择Custom Design标签
2。如果你使用的是自定义主题，请在Custom Theme下拉列表里选择该主题的名字
3。在Layout下拉列表里，选择选择你想要的布局类型，这里我们选择2列左边栏布局
4。保存并预览，你将会看到模板成功套上了，内容也显示出来。这就是简单的landing page。
[图9]

>>>>>> 它是怎么实现的？
任何用网页里的HTML代码都可以放在CMS page里，这些页面既可以是标准的HTML文档，也可以是套上Magento模板的页面。

>>>>>> 进阶