返回模块库

PAGEBUILDER · 模块使用教程

关于我们模块

用图片、文字和行动按钮介绍企业。先体验实际效果,再按步骤完成内容设置。

01 / LIVE DEMO

实际效果

这是可交互的真实模块,支持切换宽屏与手机预览。

模块实时预览
02 / HOW TO USE

使用教程

1. 添加“关于我们”模块

这个模块适合放在首页的企业介绍区域,也可以用于独立的关于我们页面。它将图片、介绍文字和按钮组合在一起,手机端会自动调整为上下排列。

  1. 登录网站后台,进入页面,打开需要修改的页面。
  2. 点击使用页面构建器编辑,进入可视化编辑界面。
  3. 切换到模块面板,在 Modular 分类中找到关于我们。
  4. 将模块拖到页面中需要的位置,点击模块工具栏上的编辑。

交付页面已经放好了模块时,直接编辑现有模块即可,无需重复添加。

2. 修改标题和介绍文字

编辑面板分为“模块设置”和“内容设置”。模块顶部的标题与图片旁的标题是两个独立字段,可以分别修改。

设置位置字段名称显示在哪里
模块设置模块标题整个模块顶部的居中标题。
模块设置模块简介模块标题下方的简短说明。
模块设置模块样式选择图片靠左显示或图片靠右显示。
内容设置标题图片旁的介绍标题。
内容设置描述标题下方的企业介绍正文。

建议介绍正文先写清楚企业的主营业务,再补充生产能力、服务范围或交付经验。修改文字后,在右侧预览中检查段落长度。

3. 更换图片或设置视频

使用企业图片

  1. 打开内容设置,将媒体类型设为图片。
  2. 点击特色图片,从媒体库选择图片,或上传新的图片。
  3. 确认选用后,检查图片与文字的搭配效果。

工厂环境、办公空间、团队合照和生产设备都适合用于企业介绍。上传前先整理好图片,避免使用带有其他公司水印的素材。

使用视频入口

将媒体类型切换为视频,填写视频地址,同时设置特色图片作为封面。前台会在封面上显示播放按钮。设置完成后,在实际页面中点击播放按钮,确认所填地址能够播放。

4. 设置按钮和联系电话

模块提供两组按钮,每组分别设置文字和链接。

  • 按钮-1 文本/按钮-1 链接:适合填写“了解我们”,链接到企业介绍页面。
  • 按钮-2 文本/按钮-2 链接:适合填写“查看产品”,链接到产品展示页面。
  • 号码标题/电话号码:用于在介绍区域展示联系电话。

链接请从网站实际页面复制,确保地址完整。无需展示的按钮,将对应的按钮文字留空。

保存后要在前台实际点击按钮检查跳转。编辑器里的选中和拖动操作不能代替前台链接测试。

5. 保存并检查手机效果

  1. 点击构建器顶部的保存,等待保存成功提示。
  2. 打开页面前台,确认标题、图片和按钮已更新。
  3. 切换手机预览,检查文字换行、图片显示和按钮排列。
  4. 实际点击链接;使用视频时,再检查一次播放效果。

本页上方的演示区可以切换宽屏和手机宽度,帮助你理解同一模块在不同屏幕上的排列方式。

说说您的建站想法

留下邮箱,也可以简单描述一下需求。

您提交的信息将用于本次需求沟通。