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各模块元素的样式设置与Advanced选项设置教程

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

    2025 年 2 月 6 日

  • 搜索引擎的原理是什么?谷歌搜索引擎是如何工作的?

    有无法解决的问题时,我们会第一时间求助搜索引擎。那本篇文章就讲一下搜索引擎的原理以及我们常用的谷歌搜索引擎是如何工作的,这也是做谷歌SEO优化必须要了解的内容,是提高的外贸独立站 Google  关键词排名,并获得更多流量最基础的知识。 什么是搜索引…

    2025 年 1 月 30 日

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

    本篇文章将学习如何使用bebuilder页面编辑器从零开始设计一个外贸独立站产品分类页。 Woocommerce 介绍 正式开始前,先来介绍一个 WordPress 插件:Woocommerce,一个可以为 WordPress 博客网站添加电子商务功能的网站插…

    2025 年 2 月 6 日

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

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

    2025 年 2 月 6 日

  • Amazon SES 外贸邮箱发送服务注册教程(含AWS账户注册)

    一个高质量的电子邮件服务商(ESP)有助于提高外贸开发信送达率,之前介绍过如何注册谷歌企业邮箱了,最近做了一些测试发现 Amazon SES 邮箱服务也非常的不错,本篇文章就写一下关于如何注册 Amazon SES 外贸企业邮箱以及如何创建AWS账户。 1. …

    2025 年 1 月 31 日

导航目录