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是一个好的工具但是想找人帮你来建站,欢迎找我聊聊。

知识星球社群二维码

推荐阅读

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

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

    2025 年 1 月 24 日

  • WordPress基础之谷歌GSC与GA统计代码安装

    本篇文章讲介绍什么是GSC和GA以及如何安装。 什么是GSC GSC,全称为Google Search Console,由谷歌官方提供的网站管理工具,可帮助监控和维护网站在Google 搜索结果中的展示情况以及排查问题,例如:页面索引、收录情况,网站点击、曝光…

    2025 年 2 月 6 日

  • Betheme捆绑插件安装、更新及其相关设置

    Betheme主题导入过程中也会导入相应的插件,如:Woocommerce、Revolution Slider、Layer Slider等等,并且Betheme也自带了一些捆绑插件可以安装而无需支付任何额外的费用,本篇文章讲学习Betheme主题如何安装、更新…

    2025 年 2 月 6 日

  • Bebuilder各模块元素的样式设置与Advanced选项设置教程

    Bebuilder页面编辑器的每个Section、Wrap、Item元素等模块都有样式设置功能,且内容都有不同,下面就尽量全面介绍下每部分的设置。 模块三大设置项 点击某个模块的 Pencil Icon 后可以从左侧元素区域看到,有固定的三个选项:Settin…

    2025 年 2 月 6 日

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

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

    2025 年 2 月 7 日

导航目录