Gooeyun Blocs Web V2.0 

终极独立站设计编辑器

功能强大、视觉效果极佳、更快,更轻,更稳定

Gooeyun Blocs Web为用户提供了一个零代码、可视化建站系统,不论您是初学者还是有经验的设计师,让任何企业都能够通Blocs Web轻松设计和定制属于自己品牌的独立站

立即申请体验 →
gooeyun logo
gooeyun blocs web logo
chatGPT logo
Gemini logo

Gooeyun Blocs Web

功能强大的独立站编辑器

Gooeyun Blocs Web作为一个强大的可视化独立站建设系统,提供了丰富的功能来满足用户对模板、页面、模块、组件、布局、版心、颜色、字体、边距、文本对齐方式、背景切换等广泛的功能,让您可以轻松搭建和定制属于自己的独立站

模板
模板
提供多种全站响应式设计且精美的预制模板,适用于各个行业网站类型和风格
页面
页面
使用预设页面模板或从头开始搭建,每个页面具有独特的布局、内容和设计
模块
模块
从广泛的模块中挑选,您可以轻松地将模块添加到页面上,然后自定义其内容
组件
组件
从数十个小组件中进行选择,将它们添加到模块上,可增强网站的功能与美感
版心
版心
您可以根据需要随意调整版心的宽度,以确保内容在不同设备上都能良好呈现
布局
布局
布局是页面上元素的排列方式,提供不同的布局选项,以适应不同的设计需求
颜色
颜色
您可以选择主色、辅助色以及文本和背景颜色,以确保与您的品牌形象一致
字体
字体
直接影响网站的可读性和外观,可根据提供的字体,自由选择匹配您的品牌风格
粘性定位
粘性定位
使某些特定元素在滚动页面时保持固定的位置,这有助于提供更好的阅读体验
文本对齐方式
文本对齐方式
选择文本元素的对齐方式,如居左、居中和居右对齐,以获得更好的排版效果
填充和边距
填充和边距
您可以自由调整模块和组件的填充和边距,以控制元素之间的间距和布局
背景图片
背景图片、颜色、视频切换
在模块上添加的背景图片、颜色或视频之间进行切换选择,以增强视觉吸引力

主题模式

在Gooeyun Blocs Web中,我们提供了浅色、深色和跟随系统三种主题模式,装修时可以一键选择即可快速调整网站的整体配色方案,根据自身网站类型和设计风格需求,选择是否开放给用户作为可切换模式浏览,以实现最佳的品牌视觉效果和用户满意度。

⦁ 浅色模式

较明亮的颜色作为主要配色方案,适合在白色背景上显示文本和内容,有清爽、现代感

⦁ 深色模式

较暗的颜色作为主要背景颜色,此模式可以减少眼睛的疲劳,使页面内容视觉更加集中

跟随系统模式

跟随系统预设的模板、页面、模块、组件等设置,根据自己的偏好选择合适的模式方案

主题模式

版心

版心是指页面内容的主要区域,它在不同屏幕尺寸和分辨率下的设置将会影响独立站的布局和外观,在Gooeyun Blocs Web中,您可以在全局设置选项一键轻松地调整版心的宽度,而选择适当的版心设置取决于您的目标受众、设备使用情况和设计需求,最终确保独立站内容的主要展示区域在不同设备上都能完美呈现

全屏版心,引人注目的视觉冲击力更强

1440分辨率版心,平衡布局 内容主体集中

1280分辨率版心,加载快速 适应较小的视窗

1024分辨率版心,尺寸较小 适应较小的视窗

间距

字体

选择适合与您品牌风格的字体是独立站文本样式的重要一环,不同的字体可以传达不同的情感和品牌形象,它不仅仅是文字的表达工具,还通过形状、风格和情感传达更多信息,为独立站设计增添了个性和吸引力,Gooeyun Blocs Web提供了多种字体,使您能够为标题、段落等文本元素选择最佳字体和选择适当的字号大小,提升用户体验、传达品牌价值,实现更出色的品牌独立站效果

⦁  风格与品牌的表达

⦁  可读性减少视觉疲劳

⦁  文化受众产生共鸣

⦁  增加独特性和创意性

⦁  增强内容的层次感

⦁  更具吸引力和平衡感

字体

间距

间距是页面元素之间的空白区域,控制元素之间的间距和页面边缘的距离,适当调整模块和组件的填充和边距,提供舒适的阅读和浏览体验,提升整个页面布局的外观和可读性,增强用户体验、引导用户注意力、实现更好的界面设计效果

增强可读性

增加互动性

 响应式体验

布局美观

提升界面整洁度

强调重点

间距
模块全屏设置
模块全屏设置
无论网格版心宽度如何,都可使整个模块部分全屏
响应式可见性
响应式可见性
设置元素在桌面、平板或手机设备上可见/不可见
100%响应式
100%响应式
确保独立站从桌面到移动各种设备上都能完美展示

响应式实时编辑

Gooeyun Blocs Web旨在确保每一个企业创建的独立站,通过自动调整布局、图像和媒体大小,以及移动优化等功能,在各种设备和屏幕尺寸上都能以优秀的方式呈现。

无论用户是在大屏幕桌面、平板电脑还是手机上浏览网站,响应式实时编辑能够自动适应不同的显示,为用户提供一致的高品质用户体验,同时提升用户满意度和搜索引擎可见性。

响应式编辑 pc icon
桌面
响应式编辑 pad icon
平板
响应式编辑 m icon
手机
响应式编辑 pc
响应式编辑 pad
响应式编辑 m
多设备兼容性
自动调整布局
弹性图像与媒体
流体网格布局
媒体查询技术
移动触摸优化
提升用户体验
搜索引擎优化
快速添加元素
快速添加元素
简单、快速、实时的元素,在页面上进行快速添加,为用户提供了便捷性和灵活性,使用户能够轻松构建各种页面和布局,节省时间并确保页面的一致性和风格统一,无需编写代码。
填充和边距
填充和边距
通过在不同屏幕尺寸下进行简单的设置来调整模块和组件的填充和边距,可以影响元素的大小、形状和内部间距,实现页面元素的平衡和美感,确保页面在各种设备上的一致外观和布局。
粘性定位
粘性定位
Gooeyun Blocs Web支持粘性定位,让特定元素随页面滚动时,保持在页面顶部固定的位置,为用户浏览页面时提供更好的阅读体验。
可视化在线编辑
可视化在线编辑
在页面上进行实时编辑即时预览的功能,使用户可以立即看到所做的更改在实际页面上的效果,有助于快速调整和优化内容,帮助用户轻松制作和管理自己的独立站,提升用户体验和效率。

速度快 排名前

网站速度直接影响着用户体验、搜索引擎排名和网站的可靠性。

Gooeyun Blocs Web通过优化页面加载速度、采用最佳实践和利用工具,确保您的独立站在不同设备上都能够以优秀的速度和性能呈现。

优化图像
优化图像
缓存处理
缓存处理
压缩资源
压缩资源
Node X Koa2

制作的网站更快、评分更高

Gooeyun Blocs Web凭借其动态框架和动态资源以及其他提速功能创建极轻量级页面,内容更易被搜索引擎收录,降低跳出率从而提高搜索引擎排名、流量和转化率。

评分更高制作的网站更快

速度极快,重量轻,能在 Google PageSpeed Insights 和 GTMetrix 上轻松获得高分

申请体验 →

所见即所得,直观的界面

Gooeyun Blocs Web提供直观的用户界面打造出与众不同的网站体验,用户只需通过以简单的响应式操作、无需编码知识、实时预览和即时调整设计效果,即可搭建专业级的独立站设计

背景图icon
图片
视频icon
视频
颜色icon
颜色
位图
blocsweb 背景视频
背景颜色

背景图、视频与颜色

自定义背景图片、视频与颜色之间选择合适的背景元素,应用到任何元素中,增强页面外观的视觉冲击、情感表达和交互性,创造出令人印象深刻的独立站,使页面更具动态性,吸引用户的注意力,提升用户体验。

 背景图片

在特色的展示区域使用背景图片,有助于凸显关键信息,提升用户对企业实力的认知

背景视频

页面的背景中嵌入视频,可以为网站带来动态效果,吸引用户的眼球,增加页面互动性

 背景颜色

背景颜色是一种简单而有效的设计元素,可以通过企业品牌色彩传达情感和引导用户注意力

布局设置

布局设置

自定义和调整页面中不同元素的排列方式和相对位置,以创建一个视觉上吸引人且功能性强大的网页布局,用户可根据不同的设计需求,选择不同的布局选项,从单列、双列到三列布局等,使网站看起来更加吸引人和专业,同时更有助于提升用户体验和页面的可读性。

模块排列

通过布局设置对页面不同模块进行排列,确定它们在页面上的位置和顺序,便于对内容进行布局

定义页面结构

根据自身需求自定义页面的整体结构,包括头部、内容区、侧边栏、底部等不同部分的布局方式

灵活性和自定义性

根据不同的设计需求,选择不同的布局选项,从单栏、双栏到三栏布局等,以满足您的设计理念

阴影

阴影

通过自定义在元素周围添加一层颜色或灰度渐变,模拟出元素与背景之间的投影效果,阴影可以为页面元素增添深度、立体效果、动态效果和美观性,使其脱离背景,提升视觉吸引力,显得更加突出,提升用户体验和页面的视觉吸引力。

制造层次

创造动态效果

强调重要内容

提升美观性

增加互动感

 与品牌风格一致

增强视觉层次

营造氛围

文字阴影

文字阴影

根据具体的设计需求调整,可增强文本的可读性、突出性和立体感,使页面内容更加引人注目和吸引人,适用于不同的设计风格,适当调整使内容在页面上更加突出,更吸引用户的注意力,从而提升用户体验和页面的整体美观度,提升页面的美观度和可读性。

增加对比度

通过在文本下方添加一层颜色或灰度渐变,增加文本与背景之间的对比度,从而使文本更加醒目

 提升可读性

适当的文字阴影可让文本在不同背景下都能够清晰可读,尤其在背景颜色与文本颜色相近的情况下

突出重点

通过为标题、关键词或重要信息添加文字阴影,可使这些内容在页面上更加突出,吸引用户注意力

魔术色彩管理器

魔术色彩管理器

通过使用魔术色彩管理器灵活的颜色选择和调整选项,创建自定义的颜色主题,根据品牌标识和设计要求,调整网站的主要颜色,在调色板中添加、编辑和删除颜色,从而形成一套适合网站设计的配色方案,用户可以更快速地设计和调整网站的颜色,节省手动调整的时间,使用户能够根据需要进行创意和实验。

文本样式

在独立站设计和排版中用来呈现文字内容的外观和格式,通过选择合适的字体、字号、颜色、行距等样式,可以使文字在独立站上更具吸引力、易读性和一致性。

 

通过巧妙地运用文本样式,可以为独立站带来独特的视觉效果,引导用户的注意力,同时提供良好的阅读体验,确保文本样式与网站整体风格一致,并在不同设备上都能够适当地呈现,以达到最佳效果。

在提供的单位之间选择

px

em

rem

vw

vh

%

Family and style
字体系列
Weight
字重/粗/细/常规
Size
字号大小
Line Height
行高
Letter Spacing
字母间距
Transform
字母大小写变换
Color
颜色
Shadow
阴影
Decoration
斜体/下划线/删除线

边框效果

边框可以增加页面元素的可读性、分隔不同部分以及提供视觉引导,它不仅可以增强页面的美感和视觉吸引力,还可以提高用户体验,帮助访问者更好地理解和交互页面内容,边框的使用可以因设计需求而异,您可以在任何模块、组件上根据独立站风格来设置想要的边框效果。

边框

边框阴影

边框

边框宽度

边框

边框颜色

边框

边框圆角

边框

边框样式

锚点ID

锚点ID(Anchor ID)

通过为模块添加锚点ID名称,可以实现用户在页面上不同位置之间的平滑跳转,在页面的不同模块设置锚点,可以引导用户浏览更多内容,从而提供更流畅的过渡效果和更好的用户体验。

高级代码编辑器

高级代码编辑器

虽然主要以可视化方式来设计您的独立站,但Blocs Web亦提供了高级代码编辑器,便于用户能够自定义 CSS、类和ID、添加自定义代码或进行更高级的定制。

满足您需要的所有附加小组件

我们提供的组件非常多样化,而且数量如此之多,通过使用这些组件,您可以轻松地为您的网站增加交互性、视觉吸引力和功能,组件的预制性质意味着您无需编写代码,只需添加组件到页面模块上,然后进行自定义配置,即可实现丰富多样的功能和设计。

 

以您喜欢的方式添加、编辑和移动,无论是视觉上还是操作上,都能给您带来无限的惊喜。

标题
标题
描述
描述
图文列表
图文列表
H1标题
H标签
模式
模式
导航栏
导航栏
图片
图片
地图
地图
询盘表单
询盘表单
统计代码
统计代码
视频
视频
社媒图标
社媒图标
在线客服
在线客服
按钮
按钮
图标
图标
websites-01
websites-02
websites-03
websites-04
websites-05
websites-06
websites-07
websites-08
websites-09
websites-10
websites-12
websites-13
websites-14
websites-15
websites-16

认识Gooeyun独立站构建功能

一个工具,无限可能,使用Gooeyun Blocs Web 直观的独立站构建器,从头到脚以您喜欢的方式构建您想要的一切。

模式选择
模式选择
Gooeyun Blocs Web 建站系统提供了浅色/深色/跟随系统 3种模式,根据您的喜好调整用户界面的颜色,让您的客户以前所未有的方式浏览您的独立站。
自由快速选择
自由快速
快速选择页面、模块、布局、单元格、小组件等任何元素,复制和粘贴到想要的位置;或者只是将其收藏到「我的收藏」,方便随时自由调用。
缩放显示
缩放显示
在独立站装修时,通过自动调整页面画布的大小和排列、适应性布局和交互的缩放显示功能来调整页面的显示比例,让您更高效地管理和维护网站。
历史操作记录
操作记录
我们包含了具有操作记录和修订功能的最先进的备份系统,因此您的更改会自动被记录下来,如果您想恢复到任何一期的版本,均可轻松完成。
社交媒体

社交媒体

加入社交媒体图标和链接,引导用户访问您在不同社交平台上的官方账户,增强品牌的线上存在,帮助企业独站与用户建立更密切的联系,增加品牌曝光度,促进内容传播和用户互动,为独立站的发展和营销策略提供有力的支持。

更多超级功能

我们提供更多的超级功能供您选择,助力企业有效地提升独立站的质量、品牌形象和提升搜索引擎排名

超级广告着陆页

根据业务需求,创建不同的广告系列,结合企业品牌设计出吸引眼球的视觉创意、清晰的信息呈现和强调的呼唤动作,结合推广实际需求制,作出具有高转化率的Google广告等渠道的独立站广告着陆页

了解更多 →
超级广告着陆页

超级品牌专题页

根据企业业务模式及定位准确的受众,通过对企业独有的品牌设计风格、有吸引力的排版和精选的核心优势,为企业打造引人入胜的品牌专题页,以有效的信息传达给每一位用户,提高点击率及询盘转化率

了解更多 →
超级品牌专题页

技术认可 实力保障

专属CDN速度更快,全球流畅跨屏访问体验,本土化风格设计融入目的地国的浏览习惯,加大曝光

多语言管理
多语言管理
母语级翻译,多种语言覆盖全球,符合当地用户浏览习惯,根据行业开拓的目标市场需求选择。
SSL证书
SSL证书
HTTPS对网站信息加密,确保通信访问安全,提高企业信誉和用户信任,部署SSL证书的网站更容易被Google收录。
CDN加速
CDN加速
采用全球CDN加速,精心编写的代码和优化的图像快速创建了网站,不同区域访客实时体验网站的打开速度。
搜索引擎站内自动化
搜索引擎站内自动化
涵盖国外知名搜索引擎,移动广告及社交媒体,根据最佳SEO做法构建,能帮助您快速提高网站排名。
关键词库
关键词库
关键词库的关键词可直接被应用到独立站各个页面中,且系统自动跟踪关键词的页面布局情况。
GA流量分析
GA 流量分析
Google Analytics 数据自动同步,无需翻墙即可获取到谷歌官方权威的数据,通过可视化指标进行多维度数据分析。
云安全技术
云安全技术
多地部署服务器,数据实时同步、智能DNS解析和全球CDN加速,确保系统云架构的安全性和稳定性。
在线客服功能
在线客服功能
访客可通过即时聊天,给您的网站发送消息和互动,提升网站访客询盘转化,增加采购订单机会,促进成交。
社媒分享
社媒分享
利用Gooeyun建站的社媒模块帮您建立社交关注,首先您必须拥有社交媒体账号,即可轻松地同步宣传您的社交媒体信息。
独立IP
独立IP
Gooeyun确保企业独立站拥有自己的一个独立IP地址,防攻击以及安全性高,独享IP搜索引擎收录快、认可度高。

最受欢迎文章

XML 站点地图改进您的网站 SEO
SEO学习中心
XML 站点地图:帮助 Google 发现您的网页并改进您的网站 SEO

您的站点地图应该包含哪些内容?你怎么创建它?你怎么告诉搜索引擎它呢?让我们继续我们自己的发现过程 - 从官方 sitemaps 协议和 Google 的文档 - 了解如何使用 sitemaps 来获得更好的 SEO

阅读更多
XML 站点地图:帮助 Google 发现您的网页并改进您的网站 SEO
技术 SEO改进抓取和索引以获得更好的排名的指南
SEO学习中心
技术 SEO 简介:改进抓取和索引以获得更好的排名的指南

充分利用技术 SEO 所需的关键概念、配置和标准,优秀的搜索引擎优化技术可以帮助引导搜索引擎(和用户)访问您最重要的页面,从而为您带来更多流量和收入。

阅读更多
技术 SEO 简介:改进抓取和索引以获得更好的排名的指南
Google SEO技巧
SEO学习中心
Google SEO技巧:提升网站排名的有效策略

了解Google SEO技巧,优化外贸企业的网络表现。通过关键词研究、页面优化、内容创作和外链建设,提升Google排名。谷雨网络助力企业高效出海。

阅读更多
Google SEO技巧:提升网站排名的有效策略

常见问题

独立站定制设计
你们是否支持一页式(单页)网站设计?

支持,我们可以为客户设计一页式网站,适合用于展示简单的产品或信息,增强视觉冲击力和流畅的用户体验。

设计完成后还能进行调整吗?

可以,设计完成后,如果客户有新的需求,我们可以适当进行后续的调整和优化。

设计风格能否完全按照客户的要求来定制?

是的,我们的设计团队会根据客户的品牌风格和需求,量身定制符合品牌调性的设计方案。

你们如何设计适合电商平台的产品展示页面?

我们会注重图片质量、产品描述和购买按钮的设计,并优化页面布局,提升用户的购买意愿和转化率。

如何通过色彩搭配提升用户体验?

我们会根据品牌定位和用户心理,选择合适的色彩搭配,既保证视觉美感,也能提升用户的情感认同。

如何在网站设计中体现移动优先的理念?

我们会优先考虑移动端的布局、交互和加载速度,确保在移动设备上提供流畅的用户体验,并保证在桌面端也能完美呈现。

仍有问题?

请描述您的情况以获得最准确的建议。

立即申请使用

用Blocs Web定制您专属的独立站

功能强大、视觉效果极佳的外贸网络营销型网站--终极独立站设计编辑器,为企业打造品牌价值,开启出海商机。

Please enter your name not exceed 100 characters
Please enter a valid phone number!
The email format is not correct or exceed 100 characters, Please reenter!
Please enter your field_508 not exceed 100 characters
Please select 感兴趣
Please enter your content not exceed 500 characters
Contact customer service
  • WeChat
    Scan QR Code

我要咨询

Hi,
如果您对我们的产品感兴趣,或在独立站建设、Google SEO 推广、Google 广告投放、社媒运营、技术支持等有任何需求或疑问,请与我们联系!

×
Please enter your name not exceed 100 characters
Please enter a valid phone number!
The email format is not correct or exceed 100 characters, Please reenter!
Please enter your field_508 not exceed 100 characters
Please select 感兴趣
Please enter your content not exceed 500 characters

我们能提供什么帮助?

Hi,

我是小雨,竭诚为您服务!

如果您对我们的产品/服务感兴趣,或者有任何疑惑,请务必告诉我们,以便我们为您提供更好的帮助。

×
Please enter your name not exceed 100 characters
Please enter a valid phone number!
The email format is not correct or exceed 100 characters, Please reenter!
Please enter your field_508 not exceed 100 characters
Please select 感兴趣
Please enter your content not exceed 500 characters

与SIO专家联系

Hi,
如果您对我们的SIO智能搜索优化感兴趣,或在独立站建设、Google SEO推广、Google广告投放、社媒运营、技术支持等有任何疑问,请与我联系!

×
Please enter your name not exceed 100 characters
Please enter a valid phone number!
The email format is not correct or exceed 100 characters, Please reenter!
Please enter your field_508 not exceed 100 characters
Please select 感兴趣
Please enter your content not exceed 500 characters

安排会议

Shawn

SIO营销专家

+86 138 2228 9948

扫描二维码,添加我的企业微信。

提前预约您方便的日期和时间,并与专家进行视频会议。

对我们的产品或服务还有更多疑问?

×