关注VPS服务器
相关知识分享

Avada主题Contact页面制作详细图文教程

Avada主题contact页面是一个相当重要的页面,创建这个页面目的是让访客有需要通过页面留的联系方式找到我们。也可以通过表单留言获取访客联系方式,然后我们主动联系客户,做到主动营销,获取订单的机会。

安装国外主题前提条件

1、如果你是学习的话,选择 1核2g配置的服务器起步,如果用 avada主题建站要使用 2核4g配置,这样才能运行流畅。
国内服务器:阿里云腾讯云(都有代金券,付款时抵用省钱) 国外服务器:点我登陆 Vultr 主机 不知道如何选择地域、配置请在页面右侧+老魏的联系方式,我们一起研究。

2、如果是学习国外主题,那么也可以不用域名,直接用服务器IP当做网站域名使用。 如果是用来建站,那么就要注册域名了。主要用户是老外的话(外贸网站、B2C/C2C等),建议在国外注册,不要在国内注册。打开namesilo官网,在搜索框里输入要注册的域名,选择好之后注册,付费之前记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。

3、Avada主题 是themeforest中销量第一的wordpress主题,感兴趣可以点我去看看,那里面有上万个国外主题销售。目前在 themeforest上面这款主题是一次付款终身使用,和别的主题一年一付费的情况相比还是蛮划算的。付费后拿到注册密钥留用。

4、建站面板。老魏在本文中使用了宝塔面板,点我领取宝塔官方赠送 3188元优惠券礼包。新用户可享受0.99元体验1个月专业版,多亏宝塔的可视化操作界面部署avada主题才这么快速。

5、Siteground虚拟主机是 wordpress官方推荐的主机,与 wordpress是天生一对。老魏在实际使用当中发现 siteground虚拟主机上面的 wordpress网站速度、稳定性都很棒,而且在国外测试评分网站的得分也很高,如果你打算长期运行外贸网站,老魏强烈建议选择 siteground虚拟主机。
如果你要做外贸网站,点我打开 siteground去注册一个新账号,开始你的外贸建站之旅吧。
关于 siteground建站:siteground专题

Contact us页面内容布置

我们先来看看 contact us页面都放什么内容。通常这里会放企业邮箱、电话、地址、联系人,留言表单等企业信息,一句话描述,有时候还放一张图片做为装饰。为了突出重点,我们只放企业信息和留言表单,以下是制作完成的效果图,至于整个页面的美观度大家可以多参考同行网站自行丰富。

Avada主题Contact页面

Avada主题Contact页面

Container布局安排

从上面的布局结构来看,需要在 avada builder 中添加 3个 container如下:

  • 1/1 container 用于装饰图片;
  • 1/1 container 用于文字描述;
  • 1/2+1/2 container 用于联系信息和联系表单;

前面两个 container看自己实际情况决定取舍。

Contact us页面制作过程

在 wordpress后台 > 插件 > 添加 contact form 7插件,在 wordpress左侧菜单 contact > add new新建联系表单,title 输入 contact form,保存。

表单列表中看到新建表单的短代码,复制并粘贴到新建的 contact page页面中。

插件教程看Contact Form 7插件_WordPress表单插件安装使用

在 page 添加 contact 页面,切换到 avada builder编辑器,添加 container,1/2+1/2容器,联系表单放到左侧右侧都行。

在右侧 1/2 容器中添加 element,选择 Text Block,编辑器内粘贴上面复制的短代码。

在左侧 1/2 容器中添加 element,选择 Content Boxes,添加地址、电话、邮箱等联系方式。

或者为标题添加图标做装饰。

到此就完成了 Avada主题contact页面的制作,这个页面主要时间都花在 contact form表单上了,也是获取询盘的重要渠道之一。

这是本专题38篇文章中的第6篇: Avada

赞(0)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《Avada主题Contact页面制作详细图文教程》
文章链接:https://www.vpsss.net/22717.html
本站资源仅供个人学习交流,转载请保留出处及链接,不允许用于商业用途,否则法律问题自行承担。