Squarespace Fluid Engine のレビュー: e コマースおよびビジネス サイト向けの真のドラッグ アンド ドロップ ビルダー

あなたが使っていれば Squarespace (Squarespace.com) で Web サイトまたはオンライン ストアを構築する (または将来作成する予定である) 場合、何に遭遇したかがわかります。 Squarespace その「流体エンジン」 このドラッグ アンド ドロップ ビルダーは、デザイン プロセスを簡素化し、ビジネス オーナーが自分の Web サイトで必要なものを何でも作成できるようにします。 この中で Squarespace 流体エンジンのレビューでは、長所と短所を探ります Squarespace Fluid Engine の機能、使いやすさ、カスタマー サポート、および価格の詳細な分析に進みます。 

あなたが知る必要があるすべてを学ぶために読み続けてください Squarespace 流体エンジン!

流体エンジンとは 

流体エンジンは Squarespaceの組み込みのウ​​ェブサイト デザイナーおよびエディター。 デザイナーやビジネス オーナーは、デザイン要素を変更したり、テンプレートを操作したり、テキスト ブロックから画像ブロックに移動したり編集したりできます。 

ほぼすべてのウェブサイト ビルダーと e コマース プラットフォームがページ ビルダー/エディターを提供しているため、これは Squarespaceそのタイプの製品の のバージョン。 

Squarespace、ただし、引き続きクラシック エディターへのアクセスを提供します。つまり、そのインターフェイスに慣れている場合は、クラシック エディターに切り替えることができます。 

それ以外の場合、Fluid Engineは組み込み機能であり、あなたの Squarespace ダッシュボード。 にサインアップした後 Squarespace デフォルトで Fluid Engine が表示されます。 Web サイトのフロントエンドをデザインする場所です。 

現在実行している場合 Squarespace Web サイトでは、古いクラシック エディターが引き続き実行されます。 既存のセクションを変換して、Fluid Engine を使用できます。 セクションにカーソルを合わせて、 アップグレード ボタン。 さらに、サイトに新しいページを追加することもできます。これはデフォルトで Fluid Engine ビルダーになります。 

最後に、 Squarespace 引き続きクラシック エディタを使用し、Fluid Engine に変更することはできません。 例には、ブログの投稿やイベントの説明が含まれます。 

注: クラシック エディタのコンテンツを Fluid Engine に変換すると、元に戻すことはできません。 

長所と短所 Squarespace 流体エンジン

すべてのテクノロジーと同様に、Fluid Engine には長所と短所があります。 実際のユーザーからのテストと調査に基づいて、全体的な使いやすさとカスタマイズ性により、長所が短所を大幅に上回っているようです. 

外観は次のとおりです。 

Squarespace 流体エンジンのレビュー: 機能

ドラッグ アンド ドロップ エディターの標準機能には、ドラッグ可能なモジュールと、デザインを調整して変更を確認するためのビジュアル エディターが含まれます。 Squarespace Fluid Engine も例外ではありませんが、他の Web サイト ビルダーには見られないほどの柔軟性があります。 

私たちの後 Squarespace 流体エンジン レビューでは、これらが注目すべき機能であることがわかりました。

グリッドベースのドラッグ アンド ドロップ

他のドラッグ アンド ドロップ ビルダーを使用したことがある場合は、コンテンツ モジュールを配置できる場所に明確な制限があることをご存知でしょう。 時折、事前に指定されたスポットが表示されます。 また、要素を配置しようとしても、近くにあるが必要な領域にスナップされない場合があります。 

コンテンツがどこに行くかを真に制御できないため、これらはすべて作業するのが面倒です. 

そうではありません Squarespace アイテムを動かそうとするたびに表示されるグリッドシステムを利用しているため、Fluid Engine。 

表示される小さな四角形はすべて、コンテンツを配置するためのスペースとして機能します。そのため、ほんの少しだけ右に移動したり、ページの一番下まで移動したりすることも可能です。この構成は、あらゆるサイズのモジュールにも最適なソリューションを提供します。つまり、Web サイトのインターフェイスは、大きなバナー画像から小さなボタンまで、あらゆるものをすばやく簡単に移動できるほど柔軟です。 

細かいピクセルまで、すべてをコントロールできます。 

確かなヘッダーとフッターの編集経験

Squarespace 従来のエディターでは常にヘッダーとフッターのコントロールがありましたが、Fluid Engine はそれらの領域でできることを拡張します。 

いつでも、クリックして サイト ヘッダーの編集 or 編集 フッター. ヘッダーにはドラッグ アンド ドロップ機能がありませんが、設定は直感的で、すぐに編集してブランドに適したものにできます。 

たとえば、ヘッダー モジュールには、グローバル、デスクトップ、モバイルのコントロールと、その位置、サイト タイトル、ロゴ、要素、スタイルを編集するためのオプションが表示されます。 

ドラッグ アンド ドロップ編集は、フッターである程度利用できます。 フッター全体を移動して、最適な場所に配置できます。 ただし、フッター内の実際の要素には通常の設定しかありません。 XNUMX つのボタンまたはテキスト ボックスだけを新しいセクションまたはグリッドの一部に移動することはできません。

別のモバイル編集

Classic Editor では、モバイル編集が非常に制限されていました。 Squarespace デスクトップ版を作成した後、Web サイトのモバイル版を生成するだけです。多くの Web サイト ビルダーや e コマース プラットフォームはこれに似ています。 

Fluid Engineではすべてが変わりました。モバイルエディタはエディタの最大の新機能の1つで、ユーザーはデスクトップデザインを構築してから、 モバイルビュー. 

素晴らしいのはそれです Squarespace デスクトップ デザインに基づいてモバイル バージョンが自動生成されます。ただし、自動モバイル レンダリングでは見栄えがよくない要素を微調整できるようになりました。 

また、各コンテンツ モジュールはモバイル ビューで編集可能です。モジュールをクリックすると、画像とテキストを含む複数列のセクションの形式タブで、行数、間隔、高さなどの固有の設定が表示されます。 

画像とボタンのフィット、塗りつぶし、整形

デザインの経験があれば、ボタンや画像が思い通りに見えないことをご存知でしょう。 最近アップロードされた画像に不要なトリミングが含まれているか、追加したばかりのボタンを中央に配置する必要があるかもしれませんが、そうする設定はありません!

私たちの間に Squarespace 流体エンジン レビューによると、デザインに合わせて塗りつぶし、形を整えるための設定を追加することで、ボタンや画像に関する多くの問題点を解決していることがわかりました. 

必要なのは、エディター内の画像またはボタンをクリックすることだけです。 

選択する 設計 タブをクリックすると、次の XNUMX つのタブが表示されます。 フィット, 埋める, 形状を選択します。 フィット オプションは、最初にアップロードされた画像またはボタンを引き延ばさずに、指定されたスペースに合わせようとします。 の 埋める タブは、画像またはボタンにわずかなストレッチを追加して、提供された領域を完全に埋め、多くの場合、要素を非常にきれいに見せます. 両方 フィット と 埋める タブには、角の半径を調整するための設定も用意されています。 

最後に、 形状 タブには、デザインに創造性を追加するための幅広い境界線形状が用意されています。 

柔軟な背景とアニメーションのアートワーク

Fluid Engine は、あらゆるコンテンツ ブロックの背景を実装する機能を提供します。 

これを行うには、ブロックを選択してから セクション編集 > 経歴. 次の XNUMX つの背景タイプが表示されます。 画像, ビデオ, 宝品. 画像については、アイテムをデバイスから直接アップロードするか、 Squarespace 図書館。 ビデオは、コンピューターからビデオをアップロードし、フル ブリード、インセット、フィルター、およびビデオが小さいデバイスで再生できない場合のモバイル フォールバック画像の設定を構成する場合と同様に機能します。 

Fluid Engine への主な追加機能の XNUMX つは、 宝品 背景タブ。 これらは、微妙な動きのあるアニメーションの背景です。画像とビデオの妥協点のようなものです (サイトのパフォーマンスを低下させることなく、ビデオの魅力を得ることができます)。 

実装したら、 プレイ エディターの右下隅にあるボタンをクリックして、背景の動きを確認します。 効果はフロントエンドで自動的に発生するため、サイトの訪問者は何もクリックする必要はありません。 素晴らしいのは、 Squarespace Fluid Engine には、背景内の画像、画像の色合い、背景色、スケール、背景内の画像の数、フィルター、波の速度などを調整するための設定があります。 

美しい事前構築されたセクション

いつでも、多くのいずれかをクリックできます Add セクション 流体エンジンのボタン。 これらのボタンは、以前に追加したセクションの上下にあります。 

この Add セクション ボックスには、ボタンをクリックするだけでデザインに追加できる、事前に作成された見事なセクションの大規模なライブラリが用意されています。 空白のセクションを使用してゼロから始めることもできますが、Fluid Engine セクションの背後にある考え方は、オンライン ストアやビジネス Web サイトを構築する際の開発プロセスをスピードアップすることです。 

事前に設計されたセクションには次のものがあります。

• イントロ
• お問い合わせフォーム
• 情報について
• のワークプ
• e コマース向けの製品
• サービス
• ポートフォリオ
• お客様の声
• イベント
• 引用符
• 会員エリア
• 予定
• 寄付
• 画像

事前に設計されたセクションは、Web サイトのさまざまな部分に独自のバナーやプロモーション セクションを配置したいオンライン ストアの所有者にとって特に便利です。 在庫から任意の e コマース製品を簡単にリンクして、Fluid Engine の美しいデザインに追加できます。 

さらに、ビデオ、メニュー、フォーム、グラフ、オーディオなどのオプションを含む、さらに多くのカテゴリから選択できます。デザインにセクションを配置すると、Fluid Engine によって完全な編集コントロールが提供されるため、セクションのデザインに縛られることはありません。これらのセクションを開始点として使用すると便利です。その後、独自の画像をアップロードし、テキストを調整し、すべての書式を変更できます。 

必要なすべてのブロック

コンテンツ ブロックは、ドラッグ アンド ドロップ エディターでは当然のことです。 のクラシック エディター Squarespace コンテンツブロックがありました。 Wix コンテンツ ブロックがあります。 Shopify と Bigcommerce 持ってる 一部 コンテンツブロック。 

Fluid Engine は引き続きコンテンツ ブロックを提供しますが、設定をより詳細に制御し、設計内に配置する際の完全な柔軟性を備えています。 つまり、古いブロックは設定が少なく、配置できる場所が限られていました。 

ブロックを挿入するには Squarespace 流体エンジン、スクロールして表示 Add ブロック ボタンをクリックします。 そのボタンをクリックして、すべてのブロックを含むウィンドウを表示します。 

Fluid Engine では、キーワードを入力してブロックを検索できます。 別の方法として、ブロックのリストをふるいにかけて、設計しようとしているものに最適なソリューションを見つけることができます。 

ブロックは、簡単に識別できるように分類されます。 

一部 Basic Fluid Engine のブロックには以下が含まれます。

• テキスト
• フォーム
• ビデオ
• 画像
• カレンダー
• まとめ
• ソーシャルリンク
• 地図
• ニュースレター
• 埋め込む

ブロックを挿入するには XNUMX つのオプションがあります。ブロックを挿入したい場所にドラッグするか、ブロックを XNUMX 回クリックして以前に選択したセクションに配置します。 

デザイン内に配置すると、各ブロックをクリックしてその設定を開くことができます。 

偉大なことの一つ Squarespace サードパーティと統合された独自の要素を含む、コンテンツ ブロックが不足していないことです。 

たとえば、予約用のイベント ブロックとともに、予約ブロックがあります。 

この ビジネス カテゴリには次のブロックがあります:

• 製品概要
• スケジューリング
• 会員登録

そしてここに 統合 ブロック (一般的なサードパーティ サービスにリンクしています):

• Instagram
• ゾラ
• SoundCloudが
• RSS
• バンドシンタウン
• 500px
• Flickrの
• Twitter
• スウォーム

次のようなフィルターやリストを追加することも検討してください。 

• 検索バー
• コンテンツ リンク
• タグクラウド
• Archives

最後に、次のようなニッチな機能のためのプレミアム ブロックがいくつかあります。

• 完全なレストラン メニューを追加するためのブロック
• Amazon製品を表示してリンクするオプション
• 寄付ボタン
• OpenTable 予約の統合とブロック

Squarespace 流体エンジンのレビュー: 使いやすさ

流体エンジンは全体と深く統合されています Squarespace ビジネスまたは e コマース Web サイトを構築するためのシームレスなプロセスになります。 

それはすべてを作成することから始まります Squarespace アカウント。 次に、多くの視覚的なテーマから XNUMX つを選択し、サイトの構築と管理を開始します。 Squarespace ダッシュボード。 そこで、管理パネルにアクセスできます。 

管理パネルには、次のタブがあります。

• ページ
• 設計
• 貿易率
• マーケティング
• スケジューリング
• アナリティクス
• 対応プロファイル
• 設定
• カスタマーサービス

シンプルさと清潔感が嬉しい Squarespace 数え切れないほどの機能が整理された方法で表示されることを考えると、ダッシュボード。 

[デザイン] タブの下にグローバルなデザイン設定がありますが、それでも新しい Fluid Engine エディターに移動しません。 代わりに、この領域では、サイト スタイル、ロック画面、404 ページ レイアウト、ソーシャル共有、カスタム CSS などの要素を制御できます。 これは、プロジェクト全体の Web デザインに、より一般的でグローバルな焦点を当てたものです。 

Fluid Engine を起動するには、 編集 ウェブサイトのプレビューの上部にあるボタン。 

Fluid Engine がデザインを制御し、Web サイトをフルスクリーン エディターで表示します。 Fluid Engine には最小限のラグやグリッチがあり、全体的なデザインに要素を追加する方法は自明です。 

たとえば、任意のページ セクションをすばやくスクロールすると、使用できるいくつかの新しいボタンが表示されます。 をクリックできます。 Add ブロック ボタンを押す Squarespaceのコンテンツ ブロックのコレクション全体 (ビジネスまたは e コマース サイトに追加するため)。 ある 編集 セクションボタンをクリックすると、現在配置されているセクションの書式とデザインを制御できます。 Add セクション ボタン (既存の各セクションの上部と下部にあります) を使用すると、その特定の場所に事前に作成されたセクションまたは空白のセクションを挿入できます。 最後に、Fluid Engine には、セクションの高さを変更するための小さな水平矢印ボタンがあります。 そのツールでセクションを大きくすることもできます。 

私たちに基づいて Squarespace Fluid Engine のレビューでは、要素をクリックしてドラッグするたびにアクションにスナップする方法に、一定レベルの美しさがあることがわかりました. 新しい要素、現在の要素、またはセクションのいずれであっても、ビジュアル グリッドがすぐにポップアップ表示され、ユーザーはコンテンツ ブロックを配置できる場所を確認できます。 幸いなことに、Fluid Engine では、グリッドベースのシステムにより、これらの要素を好きな場所に配置できます。 

以下に、ニュースレター フォームを Fluid Engine Grid に挿入する速度を示します。 その後、数回ドラッグしてクリックするだけで、適切な場所に移動し、現在の背景の上に表示されるようにデザイン設定を変更できます. 

Squarespace Fluid Engine レビュー: 価格設定

Fluid Engine は、料金を支払う限り無料の機能です。 Squarespace アカウント。 

これは、新しい Squarespace 顧客。 前 Squarespace ユーザーは、Fluid Engine に切り替えるか、そのまま維持するかを選択できます。 Squarespace クラシック エディター (どのくらいの長さかは不明です) Squarespace クラシック エディタは引き続きサポートされます)。 

これは組み込まれた機能であるため、Fluid Engine には追加料金はかかりません。 からの標準料金プラン Squarespace. 

からの価格設定パッケージの簡単なまとめを次に示します。 Squarespace、これらはすべて Fluid Engine エディタへのアクセスを提供します。

• パーソナル: 標準の Web サイトで月額 23 ドル (年払いの場合は 16 ドル)。 簡単な支払いのサポートがありますが、それは本当のオンライン ストアではありません。 Fluid Engine、SSL セキュリティ、拡張機能、無制限の帯域幅が含まれます。 
• ビジネス：前のプランのすべて、eコマースストア、33％の取引手数料、無制限の製品、寄付、ギフトカード、プロモーションポップアップ、CSSサポート、高度な分析などに対して月額23ドル（年払いの場合は3ドル）. 
• 基本的な商取引: 前のプランのすべてに月額 33 ドル (年払いの場合は 27 ドル)、取引手数料 0% の完全なオンライン ストア、販売時点情報管理、製品レビュー、限定在庫ラベル、Instagram の製品、マーチャンダイジング ツール、e コマース分析、チェックアウトドメイン、顧客アカウントなど。 
• 高度なコマース: 前のプラン、コマース API、高度な割引、高度な配送、サブスクリプション、および放棄されたカートの回復のすべてに対して、月額 $65 (年払いの場合は $49)。 

Squarespace 流体エンジンのレビュー: カスタマー サポート

Squarespace カスタマーサポートは以下で構成されています。

• チュートリアルのあるヘルプセンター
• ユーザーフォーラム
• ダイレクトメールとチャットサポート
• を雇うページ Squarespace エキスパート 
• サイトの最適化に役立つウェビナー
• 開発者向けドキュメント
• サークルメンバー、 Squarespaceのパートナー プログラム

ユーザーはいつでもダイレクト カスタマー サポート チームに連絡して、真新しい Fluid Engine について質問することができます。 Squarespace そのための機能。 

ヘルプ センターで「Fluid Engine」を検索すると、その機能に関するいくつかの記事を見つけることができます。 Fluid Engine で何ができるかを完全に理解できるように、ウェビナーや開発者向けドキュメントもあります。 雇用された開発者にいくつかの責任を転嫁しようとしている人には、開発者向けドキュメントが気に入っています。 

最後に、ユーザー フォーラムでは Fluid Engine に関するディスカッションが行われています。 フォーラムでは、ユーザーが特定の機能について持っている質問とともに、Fluid Engine に関する賞賛と不満を見つけることができます。 

誰が Squarespace 流体エンジン用? 

私たちの後 Squarespace 流体エンジン レビューで、次のことを発見しました。

• 流体エンジン (Squarespace 7.1) はすべての人向けです。開発プロセスをスピードアップしたい上級開発者。 ビジネス Web サイトを構築する必要がある初心者。 ウェブサイトを常に編集する必要がある e コマース サイトの所有者。 Web サイトを完全に制御するのに十分なほど高度ですが、カスタム コードを使用するつもりがない人向けの真のドラッグ アンド ドロップ エディターでもあります。 
• モバイル インターフェースを制御する必要がある人向けです。モバイル エディタには問題がありますが、 Squarespace. モバイル エディターは完璧ではないため、Web サイトを公開する前に、自動化されたモバイル デザインを常に確認することをお勧めします。 ただし、独立したモバイル エディターは、モバイル コントロールを求めてきたユーザーにとって大きな前進であると考えています。 
• Fluid Engine は Squarespace 管理機能とデザイン ポータルをシームレスに切り替えることができます。 これは、新しいオンライン ストア製品を追加してから、すぐにホームページにプロモーション バナーを作成できることを意味します (Fluid Engine を使用)。 あるタスクから別のタスクにジャンプすることが多いことを考えると、あらゆるタイプのビジネス オーナーに最適です。 
• 現在の設計ワークフローに代わるものを求める開発者には、Fluid Engine が適しています。 クラシック エディタのセクションとブロックの方が使い慣れているかもしれませんが、いくつかの実践により、Fluid Engine が望ましいインターフェイスになることは間違いありません。 開発者は引き続きカスタム コーディング領域にアクセスでき、標準を放棄する理由はありません Squarespace ワークフロー (それらのほとんどは同じままであるため)。 全体として、 Squarespace クライアント向けのサイトは、Fluid Engine の内部を少し調整するだけで、自宅にいるように感じられるはずです。 

あなたは Squarespace ユーザー？ もしそうなら、Fluid Engine エディターについてのご意見をお聞かせください。 あなたがそうでない場合 Squarespace ユーザー、私たちについての質問があればコメントを残してください Squarespace 流体エンジンのレビュー。