Webflow レビュー: 電子商取引に使用すべきか? [私たちの正直な意見]

今日の急成長中の e コマース業界では、意欲的な起業家には多数のプラットフォームの選択肢が提示されています。正直に言うと、かなり混乱することがあります。そこで、選択肢を絞り込むために、1 つを選び、テストして精査し、それが本当に優れた e コマース プラットフォームであるかどうかを確認することにしました。そこで、このWebflow の詳細なレビューを作成しました。

Webflow について詳しく知りたい場合は、ここが最適な場所です。それでは始めましょう。

Webflow は WordPress に似ていますか?

WordPress と Webflow はどちらも e コマースに使用できます。ただし、WordPress の方が人気があるため、Webflow と比較して e コマース プラグインと統合が多くあります。

WordPress CMS の柔軟性を求める人は、ウェブサイトを設計し、e コマース プラットフォームを統合して e コマース機能を実行することができます。たとえば、Shopify と統合して、ウェブサイトに WordPress を使用した CMS と Shopify を利用した e コマース機能を持たせることができます。

WordPress は柔軟性が非常に高いため、実際には初心者向けのプラットフォームではありません。むしろ、CMS を最大限に活用するために Web 開発者が使用するのが最適です。

一方、Shopify、Wix、Webflow などのプラットフォームは、Web サイトビルダーとして分類されます。

ウェブサイトビルダーは、初心者でも誰でも、デザイン性に優れたウェブサイトを立ち上げることができる、よりユーザーフレンドリーなプラットフォームです。Webflow はウェブデザイナー向けに開発されており、eコマース機能を中心に構築された多数の統合機能といくつかのアプリも備えています。

したがって、Web サイトを立ち上げたい初心者にとって、Webflow は最適なソリューションです。

特徴

Webflow の機能の一部を見てみましょう。

ボックスモデル

Webflow には、非常にユニークな「ボックス モデル」と呼ばれるモデルがあります。一般的な Web サイト ビルダーは、ページをセクションに分割します。つまり、ページの両端にまたがる水平方向の分割です。

Webflow にはセクションもありますが、これらのセクションは、セクション全体に影響を与えずに希望するデザインを得るために手動で操作できるブロックで構成できます。

Webflow テンプレート

新人からプロのウェブデザイナーまで、Webflow が気に入っている理由の 1 つは、空白のキャンバスから始めて、ゼロからウェブサイトを構築できることです。しかし、出発点が欲しい人のために、このプラットフォームでは 16 の異なるカテゴリにわたる何千ものスクリーン レスポンシブ テンプレートを提供しています。さらに、無料のテンプレートも見つかります。

視差、アニメーション、インタラクション

Webflow を使用すると、ダッシュボードから直接 (サードパーティのアプリは不要)、デザインにアニメーションを配置したり、視差モーションを追加したり、小さな動きを追加したりして、Web ページをよりインタラクティブで楽しく使用できます。

バックアップとセキュリティ

出典: Webflow

Webflow は、安全なクラウド サービス暗号化で知られる Amazon Web Service (AWS) でホストされています。

これにより、Webflow は比較的安全になります。さらに、次のようなセキュリティ機能も組み込まれています。

• 2要素認証
• G Suite の SSO 機能
• シングル サインオン (機能はサブスクリプション レベルによって異なります)
• 役割ベースの権限
• 無料のSSL証明書
• バックアップとバージョン管理

電子商取引機能

出典: Webflow

Webflow には、起業家がオンライン ストアを作成できる e コマース機能があります。ただし、このプラットフォームには e コマースの非常に重要な側面が欠けていることがわかりました。この記事の後半で、その点について詳しく説明します。

試してみましょう

さて、Webflow を実際にテストして、これが初心者に優しいプラットフォームであるかどうかを確認します。Webflow を使用するのは今回が初めてであることに留意してください。つまり、皆さんと同じように、私たちも Webflow を学習している最中です。

今回の焦点は、Webflow の e コマース機能です。したがって、今後の議論は、その点を中心に進めていきます。

始めましょう。

テンプレートの選択

Webflow にサインアップした後、目的に応じて、空白のサイトから開始するか、事前に構造化された 3 つのテンプレートから選択することができます。

一方、ページを下にスクロールすると、選択したビジネス用のテンプレートを見つけることができます。セクションの右上隅にある[すべて表示]をクリックすると、テーマの選択にリダイレクトされます。

私たちはカテゴリーからeコマースを選択し、これを選びました:

注意: Shopify とは異なり、Webflow では機能が気に入らない場合でも将来的にテーマを変更することはできないため、Webflow でテーマを選択するときは慎重かつ慎重に行う必要があります。

そのため、テンプレートを選択する際には、Webflow エディターで試してみて、時間をかけて選択することが重要です。

テンプレートを確認するには、デザイナーでプレビューをクリックします (上記の画像を参照)。

第一印象: エディターインターフェース

一見すると、画面の両側にあるボタンとメニューのせいで、デザイナーは圧倒的で威圧的な印象を与えます。Adobe Photoshop のインターフェースのように見えます。

しかし、あまり恐れる必要はありません。理解するのはかなり簡単です。ここで重要なのは、ナビゲーションに慣れることです。

ナビゲーター

ナビゲーター メニューには、Web サイトの全体的な構造がリスト形式で表示されます。ご覧のとおり、テンプレートは下にスクロールして、選択しているセクションを表示します。

リスト項目の横にあるドロップダウン矢印をクリックすると、そのセクションに含まれるさまざまな要素（ボックス、画像、ヘッダー、テキストなど）が表示されます。これは、画面の右側にあるカスタマイズ ペインを使用してこれらの要素を手動で操作する方法です。

ページ

ウェブサイト内の他のページを表示する場合は、左側のペインで[ページ]をクリックし、表示するページを選択します。次に、そのページで[ナビゲーター]メニューをクリックすると、ページのさまざまなセクションが表示されます。

コンテンツ管理システム (CMS)

CMS メニューには、ブログやプレス リリースなど、Web サイトで公開したコンテンツが表示されます。ここで、Web サイトに新しいブログを公開できます。

電子商取引

最後に、製品やコレクションを見つけることができる e コマース メニューがあります。ここでは、名前、価格、スラッグ、説明、カテゴリ、画像、その他の詳細などの説明情報を入力できます。

第一印象からの結論

正直に言うと、Web デザイナーのインターフェースを初めて見たとき、私たちは少し圧倒されました。しかし、しばらく時間をかけて調べてみると、その仕組みを理解するのはそれほど難しくないことがわかりました。

私たちはまだエディターの表面をほんの少しだけ触っただけなので、現実的に言えば、すべてを本当に習得するにはかなりの時間がかかることは間違いありません。

ウェブフロー大学

このプラットフォームの良いところは、Webflow University があり、体系化されたコースで学習を開始できることです。ここでは、ビデオ形式の初心者向けコースと上級者向けコースがあります。

また、Webflow University では、Web サイトのあらゆる側面を扱ったさまざまなレッスンにアクセスできます。「ボックス モデル」の適切な使用、条件付きロジック、アニメーション、SEO などについて詳しく学ぶことができます。

したがって、Webflow の使用経験がない場合は、これらの学習教材が適切なスキルセットの構築に役立ちます。

Webflow の E コマース向け価格設定

Webflow には、一般向け Web サイト、フリーランサー向け、e コマース向けのさまざまな料金体系があります。上記の画像は e コマース向けの料金です。

• スタンダードプランは29ドルから
• プラスプランは74ドルから
• アドバンスプランは212ドルから

新規の e コマース起業家は、当然のことながら、最も安価なスタンダード プランを選択するでしょう。ただし、このプランは年間請求されることに注意してください。したがって、開始するには最低 348 ドルが必要です。

電子商取引における WebFlow は十分でしょうか?

Webflow は、創造性を制限せずにモダンな Web サイトを作成したい人にとって優れたプラットフォームであることが分かりました。このプラットフォームが優れたデザインの柔軟性を備えていることは否定できません。

しかし、eコマースにWebflowサイトを使用するのは賢明でしょうか?

ご存知のように、ウェブ デザインは顧客を引き付けるために e コマースにおいて大きな役割を果たしますが、e コマース プラットフォームを選択する際に考慮する必要がある他の要素もあります。これらはアプリ、プラグイン、統合と呼ばれます。

これら 3 つの要素は、ウェブサイトの訪問者を有料顧客に変換する上で重要な役割を果たします。さらに、これらの要素によりオンライン ストアに柔軟性が加わり、ビジネスの成長に合わせて拡張できるようになります。

これらすべてを念頭に置いて、eコマース プラットフォームに備わっているべき重要なものをリストアップし、Webflow にこれらすべてが備わっているかどうかを調べました。

見てみましょう。

決済ゲートウェイ

まず第一に、電子商取引サイトには、顧客に支払いを安全に処理する手段を提供するための支払いゲートウェイが必要です。

この部分では、Webflow は Stripe と Paypal の 2 つの支払いプロバイダーのオプションを提供します。

Stripe を使用すると、Visa、Mastercard、AmEx などのデビットカードやクレジット カードによる取引を処理できます。一方、Paypal では、そのプラットフォーム経由で支払いを処理できます。

販売時点管理（POS）

Webflow には、POS インフラストラクチャがまだ構築されていません。そのため、実店舗を所有している場合は、オンラインとローカルの販売と在庫を一元管理することはできません。完全にオンラインで運営している場合は、これは問題になりません。

SEO

Webflow には、画像のアップロード、代替テキスト、メタディスクリプション、スラッグなどの編集が可能な非常に基本的な SEO 機能が組み込まれています。ただし、トラフィックと SEO パフォーマンスの面でサイトがどのようになっているかを確認するための強力なツールはありません。

ストアがうまく機能していることを確認するための機能が必要な場合は、Webflow アプリ ストアを検討する必要があります。

そこで私たちは彼らのアプリストアに行ってこれを見つけました:

Optomate を Webflow 電子商取引サイトにインストールすると、幅広い SEO ツールにアクセスできるようになります。Optomate には次の機能があります。

監査

検索エンジンがウェブサイトのランク付けに使用する 200 以上のパラメータを監視します。24 時間 365 日のサイト監視機能があり、ウェブサイトをクロールしてエラーの発生をすぐに特定します。

最適化する

これにより、Web サイトの重大な問題を修正し、SEO を改善する機会を見つけることができます。エラーごとに、Optomate は問題を修正するための実用的な洞察を提供します。この機能により、回避できたはずの理由で Web サイトの Web トラフィックが突然低下することがなくなります。

自動化

Optomate が提供するプロセスはすべて自動化されています。アプリでは SEO パフォーマンスの月次レポートとリアルタイムの重要なアラートが提供されるため、問題が発生したときにできるだけ早く対処できます。

売上コンバージョン

コンバージョンとは、訪問者を購入者または顧客に変えるプロセスです。ほとんどの場合、使用しているプラ​​ットフォームに関係なく、ストアのコンバージョン率を最適化するにはアプリが必要になります。

もう一度、Webflow のアプリ ストアに戻って、このタスク用に構築されたアプリがあるかどうかを確認しました。

モントーを見つけました。

Monto は、次の機能を通じて Webflow ビジネス ウェブサイトの売上を伸ばすのに役立つアプリです。

放棄されたカートの回復

電子メール キャンペーンを設定して、ウェブサイトから放棄されたカートを顧客に思い出させます。e コマース ストアの平均コンバージョン率は、大企業でもわずか 3% です。したがって、この低い率では、放棄されたカートを回復して販売に転換することは、収益に大きな影響を与える可能性があります。

レビュー

Monto を使用すると、以前の顧客にレビュー リクエストをメールで送信して、レビュー収集を自動化できます。ご存知のとおり、顧客からのフィードバックは、潜在的な顧客の購入決定に影響します。

サブスクリプション

このサブスクリプション ツールを使用すると、顧客にストアへのサブスクリプション オプションを提供することで、顧客をビジネスに引き付けることができます。これは、定期的な販売を意味します。

アフィリエイトマーケティング

アフィリエイト マーケティングは、顧客があなたのビジネスについて広めるたびにインセンティブを与えることで、顧客をブランド アンバサダーに育てるのに役立ちます。

複数通貨決済

Monto では、マルチ通貨プラットフォームを使用して価格を海外の顧客の現地通貨に変換することで、世界中の顧客にアプローチできます。現在、Monto は 100 種類の通貨をサポートしており、これらはリアルタイムで現在の為替レートに変換されます。

ドロップシッピング

ドロップシッピングは、最も簡単に始められる電子商取引ビジネスの 1 つです。残念ながら、Webflow ではこの点が不十分です。

最も人気のあるドロップシッピング プラットフォームは次のとおりです。

• CJドロップシッピング
• DSers-AliExpress
• ポケット
• ゼンドロップ
• Printful、そして
• トレンド

ただし、Webflow は（この記事の執筆時点では）そのうちの 1 つである Printful でのみ動作します。

Printful が劣った選択肢だと言っているわけではありません。しかし、ドロップシッピングの選択肢が 1 つしかないと、ビジネスに大きな制限が生じます。

WebFlow の良かった点と悪かった点: 良い点と悪い点

Webflow には良い点がたくさんあります。しかし同時に、無視できないあまり良くない点もかなりあります。ここでは、Webflow の長所と短所を紹介します。

長所

Webflow の気に入っている点は次のとおりです。

設計の柔軟性

これは私たちが最も感銘を受けた部分です。デザインとテンプレートは素晴らしく、目を引くものです。Webflow は柔軟性が高く、すぐに使えるため、目を引く Web サイトを作成するためにページ ビルダーはもう必要ありません。結局のところ、Webflow はデザイン中心の Web ビルダーなのです。

ウェブフロー大学

Webflow の開発者は、Web サイトの使用には、特に「ボックス モデル」の場合、多少の学習が必要であることを認識しています。

PageFly の私たちは Shopify ストアの使用に慣れているため、Webflow のエディターを初めて体験したときは少し圧倒されたことを認めざるを得ません。この異なるアプローチを理解するために、私たちは Webflow University のコースとレッスンに頼りました。

SEOフレンドリー

Webflow サイトは見た目が美しいだけでなく、読み込み速度の面でも SEO に適しています。このプラットフォームを使用しているトップクラスの Web サイトをいくつか訪問しましたが、その速さに驚きました。

私たちが訪問したウェブサイトの一部は次のとおりです:

• エイプリル・フォード
• マイケル コース コレクション
• VOUS教会
• ムーンウルトラライト
• スー・マッカロー

ウェブデザイナーや企業のウェブサイトに最適

Webflow は、ダイナミックでモダン、そして視覚的に印象的な Web サイトを求める企業、専門家、個人に最適です。Webflow を使用して Web サイトを設計する際に時間をかけていれば、ユーザー エクスペリエンスは確実に向上します。

統合

Webflow のアプリ ストアには、非常に少数のアプリしかありません (次のセクションを参照)。ただし、Webflow と統合できるアプリは多数あり、e コマース機能を向上させることができます。

Elfsight は、Squarespace、Wix、Shopify、Webflow などのさまざまなプラットフォーム用のウィジェットを作成するソフトウェア開発会社です。

Webflow の場合、Elfsight にはソーシャル メディア、e コマースなどのための 60 を超えるツールとウィジェットがあります。

さまざまなユースケースに対応するWebflow 統合も数百あります。これにより、アプリの数が補われます。

短所

Webflow で気に入らなかった点は次のとおりです。

限定アプリ

Webflow の e コマース プラットフォームは 2018 年にリリースされたばかりです。Wix や Shopify などのプラットフォームと比較すると、比較的新しいものです。

新興企業であるため、互換性のあるアプリはほとんどありません。実際、この記事の執筆時点では、アプリストアには 34 個のアプリしかありません。さらに、アプリストアはまだベータ テスト段階であるため、完全にコミットされたプラットフォームではありません。

初心者向けではない

インターネットで言われていることとは反対に、Webflow のデザイナーは初心者向けではありません。デザインの柔軟性は非常に高いのですが、その柔軟性には多くの複雑さが伴います。

電子商取引に関しては、いくつかのアプリを使用することでコードなしでも済みます。ただし、より強力な機能が必要な場合は、統合する必要があります。そのためには、コード スニペットをコピーしてストアのコードに貼り付ける必要があります。間違いが起こりやすいため、これはリスクを伴う可能性があります。

決済ゲートウェイ

Webflow で利用できる支払いゲートウェイは、Stripe と Paypal の 2 つだけです。そのため、お客様が購入する際に利用できる支払いオプションは非常に限られています。支払いオプションの不足は、お客様がカートを放棄する理由の 1 つです。したがって、チェックアウトの際の摩擦を減らすために、できるだけ多くの選択肢を提供する必要があります。

スタンダードプランの取引手数料

正直に言うと、新規ビジネスが標準プランを使用するために 348 ドルの初期費用を支払い、有料のテーマを選択する必要があること (つまり、より多くの初期投資) を考慮すると、標準プランの 2% の取引手数料は少し望ましくありません。利益を食いつぶす取引手数料は、特に Webflow の新規ユーザーにとってはあまり役に立ちません。

テンプレートは永遠に使い続ける

何千ものテンプレートから選択できますが、結局のところ、選択できるのは 1 つだけです。そして、1 つを選択すると、それを永久に使い続けることになります。

取り除く

これらすべてのことを考慮して、この長い Webflow レビューから得られた教訓を以下に示します。

Webflow が、本当に素晴らしい Web サイトを構築できるデザイン機能をすべて追加できることに感心しています。しかし、最初に Webflow を使用したときの印象では、Webflow は、e コマース機能の重大な欠如を補うために、その極端な柔軟性を利用しているように見えます。

Webflow を使用すると、ビジネスの成長に不可欠な機能の一部が Webflow アプリ ストアにまだ存在しないため、e コマース Web サイトでの将来のアクションを計画することが困難になります。

質問に答えるには：eコマースにそれを使用すべきですか？

私たちの率直な意見としては、Webflow は、視覚的に印象的な Web サイトを持ちたいブロガー、コンテンツ クリエーター、企業に最適です。デザイン部門に関しては、Webflow がすべての要件を満たしていることは間違いありません。

電子商取引に関しては、検討すべき他のオプションがあると言えます。とはいえ、電子商取引には使用できないと言うのは不公平でしょう。

ただし、Webflow eコマースはまだベータ段階であるため、完全に開発されていません。Webflowストアで利用できるアプリが非常に限られていることには感心しませんでした。そのため、eコマースWebサイトを立ち上げる準備ができたら、他のeコマースプラットフォームを調べて読んで、十分な知識に基づいた決定を下すことを強くお勧めします。そうすれば、決定を後悔せずに済みます。

使用すべきでしょうか? 答えはあなた次第です。このWebflow レビューで読んだ内容に満足したら、ぜひ使用してください。

チェックリスト（SEO）

• タイトルにキーワードがありますか?
• 見出しにキーワードがありますか?
• 本文にキーワードがありますか?
• キーワードに太字の書体を使用しましたか?
• 記事の最初の段落にキーワードがありますか?
• ブログのURLにキーワードがありますか?
• 記事内で外部リンクを使用しましたか? (06.22.23 更新により内部リンクは使用されません)
• SurferSEO で記事を最適化しましたか?