MENU
機能

Magento 2のページビルダー機能について

Magento 2のページビルダー機能について

1.はじめに

例えばですがMagento2 Community Edition(CE)プラットフォームを使用しているショップオーナー兼ブロガーだとします。
利便性が高く機能面でも満足していてコンテンツマーケティングのためにコンテンツを出力する為の仕組みであるコンテンツページを構築することだけです。

しかし、独自のコンテンツ管理システム(CMS)を構築する段階に達すると、いろいろ複雑なことが発生します。

「一体何が起こっているのか?」
「HTMLが何であるかわからないが、レイアウトをカスタマイズするにはどうすればよいか?」
「Insert widgetって何?」
など疑問がたくさんあるではないでしょうか?

MagentoはCMSを要していましたが、それらを上手に利用するのには技術的に時間がかかる代物でした。

しかし、それは2.4.3 CEバージョンがリリーズされる前の問題です。
Magento 2.4.3 CEはコマース版(EE)で以前より実装されていた「ページビルダー」(PB)という機能をリリースすることでCMSページ構築の難しい問題を解決しました。

2.ページビルダーについて

Magentoドキュメントによるとページビルダーを使用すると、カスタムレイアウトを使用してコンテンツが豊富なページを簡単に作成し、視覚的なストーリーテリングを強化し、顧客エンゲージメントとロイヤルティを高めることができるそうです。

一言で言えば、CMSページのカスタマイズは以前のバージョンよりも簡単です。
(プログラミング言語の知識を持たなくても使用できるレベル)

次のような多くの強力な機能を有しています。

・高度なコンテンツ編集ツール(たとえば、管理CMSページ、CMSブロック、カテゴリの説明、製品の説明のセクションでTinyMCEエディターをページビルダーに置き換えられます)

TinyMCEエディターをページビルダーに置き換えるイメージTinyMCEエディターをページビルダーに置き換えるイメージ
ドラッグ&ドロップで操作するイメージドラッグ&ドロップで操作するイメージ

CMSページ、製品、およびカテゴリのページの全体をレイアウト化できます。

ページ全体のレイアウト化ページ全体のレイアウト化

リアルタイムでカスタマイズできます。

・ドラッグ&ドロップでページをデザインできます。

ドラッグ&ドロップでページをデザインするイメージドラッグ&ドロップでページをデザインするイメージ

豊富なコンテンツを持っています。

使用可能なコンテンツのイメージ使用可能なコンテンツのイメージ

製品属性をカスタマイズするためのフィールドが配置されています。

Maruweb-Magento2.4.3-PageBuilder-jp-6製品属性をカスタマイズするためのフィールド1
製品属性をカスタマイズするためのフィールド2-7製品属性をカスタマイズするためのフィールド2

3.結論

ページビルダーは、Magento 2.4.3CEの優れた機能の1つです。

この機能は、編集に時間をかけずに製品やコンテンツをすばやく調整できるのでマーケティングを拡大し、売上を増やすのに役立ちます。

常に更新される柔軟なレイアウトのおかげで、顧客のショッピング体験も向上します。

=========

Mở đầu

Bạn là một chủ shop sử dụng nền tảng Magento 2 community edition (CE)  và là một blogger chuyên nghiệp. Hệ thống bán hàng thật tuyệt vời mọi thứ sử dụng thật tiện lợi mọi chức năng hoạt động tốt, việc của bạn chỉ là xây dựng các trang chứa content. 

Nhưng khi bạn chạm đến việc xây dựng một Content Management System (CMS) page cho riêng mình thì vỡ lẽ mọi chuyện thật phức tạp.Chuyện gì đang xảy ra vậy? “Tôi không biết html là gì vậy thì tôi phải làm gì để tùy chỉnh layout?” “Insert widget là cái gì thế?” …

Magento 2 xây dựng một hệ thống CMS page thật tiện dụng nhưng sử dụng chúng là một vấn đề khá khó nhằn. Đó là những gì tôi nói ở phiên bản 2.4.3 CE trở về trước.

Magento 2.4.3 CE đã giải quyết vấn đề khó khăn khi xây dựng CMS page bằng cách tung ra chức năng có tên là “Page Builder” (PB), một chức năng có sẵn ở bản commerce từ rất lâu rồi.

Page Builder:

Page builder giúp bạn dễ dàng tạo các trang giàu nội dung với bố cục tùy chỉnh để nâng cao cách kể chuyện trực quan của bạn, đồng thời thúc đẩy sự tương tác và lòng trung thành của khách hàng (theo Magento document). Hiểu nôm na là thực hiện tùy chỉnh các CMS page đơn giản hơn những phiên bản trước (đơn giản đến mức bạn không cần phải có kiến thức về ngôn ngữ lập trình vân có thể sử dụng).

 

Tích hợp nhiều chức năng mạnh mẽ như:

  • Các công cụ điều chỉnh nội dung nâng cao (vd: thay thế các TinyMCE editor bằng Page Builder ở các mục ở admin CMS Page, CMS Block, Category Description, Product Description)
Maruweb-Magento2.4.3-PageBuilder--1Maruweb-Magento2.4.3-PageBuilder–1
Maruweb-Magento2.4.3-PageBuilder--2Maruweb-Magento2.4.3-PageBuilder–2
  • Bố cục toàn trang cho các CMS pages, sản phẩm và danh mục.
Maruweb-Magento2.4.3-PageBuilder--3Maruweb-Magento2.4.3-PageBuilder–3
  • Tùy chỉnh theo thời gian thực tế.
  • Thiết kế trang theo phương thức kéo thả.
Maruweb-Magento2.4.3-PageBuilder--4Maruweb-Magento2.4.3-PageBuilder–4
  • Nhiều loại nội dung phong phú.
Maruweb-Magento2.4.3-PageBuilder--5Maruweb-Magento2.4.3-PageBuilder–5
  • Các loại đầu vào thuộc tính sản phẩm tùy chỉnh.
Maruweb-Magento2.4.3-PageBuilder--6Maruweb-Magento2.4.3-PageBuilder–6
Maruweb-Magento2.4.3-PageBuilder--7Maruweb-Magento2.4.3-PageBuilder–7

Tổng kết:

Page Builder là một tính năng tuyệt vời ở phiên bản Magento 2.4.3 CE.

Tôi không phải phụ thuộc vào các anh dev đẹp trai nữa là một điểm cộng lớn.

Tính năng này giúp tôi mở rộng việc marketing thậm chí là tăng doanh số bán khi tôi có thể điều chỉnh các sản phẩm, nội dung một cách nhanh chóng mà không mất quá nhiều thời gian chỉnh sửa.

Trải nghiệm mua sắm của khách hàng cũng tốt lên nhờ những layout linh động được cập nhật liên tục.

弊社ではMagento2を利用した多機能ECサイトの構築・越境EC/中国越境ECの開発をして企業様をサポートしています。 ご興味ある方は是非問い合わせください。

IT導入補助金2023対象ツールで越境EC(中国含む)・国内向けECを制作できます。

※注意

本ブログの投稿内容に関するお問い合わせをして頂いてもご返信できませんので、何卒ご了承ください。