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

知识星球社群二维码

推荐阅读

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

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

    2025 年 2 月 6 日

  • 如何使用Bebuilder页面编辑器制作产品详情页模板

    上一篇介绍了如何设计一个产品列表页,那本篇文章将学习如何使用Bebuilder页面编辑器设计一个外贸独立站的产品详情页。 Woocommerce 介绍 正式开始前,先来介绍一个 WordPress 插件:Woocommerce,一个可以为 WordPress …

    2025 年 2 月 6 日

  • SEO初学指南之关键词研究(2) – 搜索意图

    Hi,我是听风。这篇文章我们深入探讨下关键词研究中最重要的一点:搜索意图。 虽然这在本系列教程的第一篇中提到过搜索意图,但是我还是想再写一篇文章来帮助你们了解什么是搜索意图以及如何在关键词研究中使用它。因为如果你无法匹配搜索意图,那么你可能不会对目标关键词进行…

    2025 年 2 月 7 日

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

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

    2025 年 2 月 6 日

  • Betheme如何购买、安装、激活、更新以及设置子主题

    本篇将学习如何购买、安装、激活Betheme主题、如何安装Betheme子主题以及主题的迁移等。 Betheme主题购买与下载 Betheme主题只能主题森林商店下载(Theme Forest),售价为60美金/站,终身,需要提前准备好VISA双币信用卡或者P…

    2025 年 2 月 6 日

导航目录