logo

Bebuilder快速导入预设模块和页面(3种方式)

2024 年 6 月 30 日   作者:倚栏听风

本文最后更新于2025 年 2 月 6 日,其中的信息可能已经有所发展或是发生改变,若失效请联系站长更新,谢谢!

之前讲过关于Betheme如何导入预设模板,不过会重置数据库,而有时候只想导入模板的某个Section或者单页,这样该如何操作?本篇文章将学习Bebuilder页面编辑器中快速导入预设模块和页面。

Bebuilder导入预设模块或者页面的方式有3种:

1. 使用Bebuilder编辑器 Pre-built Section 导入预设模块

步骤:打开WordPress后台 -> 新建页面 -> 使用Bebuilder编辑 -> 点击左侧 Pre-built Section -> Insert即可。

bebuilder导入预设模块

Bebuilder提供了几十种预设模块,如:页面高亮、产品对比、特色功能、FAQ、谷歌地图等等,不同模块之间相互组合可以非常快速的帮助搭建外贸独立站。

左上角可以根据分类快速筛选需要的预设,若无法达到要求的话,可以自己使用排版工具设计一些模块。

2. 使用Bebuilder URL方式导入单页

步骤:打开WordPress后台 -> 新建页面 -> 使用Bebuilder编辑 -> 点击左侧 Single page import。

bebuilder使用URL导入预设模板

点击上方的 pre-built websites 可以打开Betheme模板库(内容其实与Betheme模板是一样的),将URL粘贴至Bebuilder中,选择导入方式,点击“import”即可。

3. 使用代码方式导入页面

这种方式的前提是已经在其他页面中做了一些设计,想直接导入并使用,步骤如下:

打开已设计完成的页面 -> 点击左侧 import/export -> Copy to clipboard -> 新建页面 -> 使用Bebuilder编辑 -> 将右上角更改为 import -> 粘贴代码并导入即可。

bebuilder使用代码方式导入模板

实战:如何仅使用预设模块,快速设计一个外贸独立站首页模板?

Bebuilder编辑器导入预设模块非常的简单,接下来就简单实践下。导入之前,需要先考虑一个外贸独立站首页(仅B2B)都还有什么内容?

就我自己的经验来讲,一共需要7个简单模块,包含:

以上内容都可以在预设模块中找到合适的模块或者替代品,添加后可以得到类似的页面,如下:

bebuilder外贸独立站示例

当然,要设计一个非常完善的外贸独立站仅靠预设模板还是不够的,需要投入时间精力去详细设计打磨,并逐渐完善用户体验。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。

转载请注明:
作者 – 倚栏听风
页面标题 – Bebuilder快速导入预设模块和页面(3种方式)
页面链接:https://oyouoo.com/bebuilder-quickly-imports-preset-modules-and-pages/

加入掘金随想的社群

如果你有兴趣和其他的人一起了解更多AI建站、AI-SEO、开发者出海等更多高质量内容和我自己的心得体会,我建了一个付费社群,欢迎你的加入!扫描右边的二维码可直接加入哦!

同时如果你也认为Bricks是一个好的工具但是想找人帮你来建站,欢迎找我聊聊。

知识星球社群二维码

推荐阅读

  • SEO初学指南之关键词研究(1)

    Hi,我是听风。 第一篇给大家科普了什么是SEO以及搜索引擎的原理,这篇文章我们正式进入关键词研究的章节。 本片文章将学习什么是关键词以及如何挑选符合预期的关键词。 一、什么是SEO关键词 简单来说就是用户在搜索引擎中输入的单词和短语或者是句子,以方便他们查询…

    2025 年 2 月 7 日

  • 如何使用Bebuilder页面编辑器制作文章页模板

    上一篇介绍了如何设计一个文章列表页,那本篇文章将学习如何使用Bebuilder页面编辑器设计一个外贸独立站的文章详情页。 其实经过之前的几篇文章的学习,我想你应该对Bebuilder页面编辑器很熟悉了,那我们就直接切入主题,以下为操作步骤: 里面的内容根据竞争…

    2025 年 2 月 5 日

  • 外贸独立站工具:Tawk.to在线聊天工具安装及使用

    一个基本的外贸独立站都是通过 Contact Us 页面和表单功能来留下客户的邮箱以及其他联系信息,这种询盘获取方式是“非即时性”的,无法快速响应客户。 为了弥补及时与客户沟通的缺陷,最好的方式是为外贸独立站添加在线聊天功能,既能提升跟进询盘的效率,又能给客户…

    2025 年 1 月 24 日

  • Local搭建本地WordPress测试网站

    用TasteWP搭建的WordPress测试站数据最长只能保存七天时间,到期后就不得不再次迁移数据。我设计的页面并不想立即上线,能不能在本地搭建一个WordPress环境呢?在学习过程中发现了老外开发的工具:Loacl,一个非常不错的WordPress本地环境…

    2025 年 2 月 6 日

  • Bebuilder页面设计如何自动备份与恢复

    本篇文章将学习如何使用Bebuilder的自动恢复以及备份功能。 打开Bebuilder页面编辑器,在左侧“History”中可以看到Bebuilder保存的历史记录,每5分钟会自动保存一次。 在做页面设计的过程中,如果页面越来越不符合自己当初的设计的话,可以…

    2025 年 2 月 6 日

导航目录