Webflow と Wix 2023 年はどちらを選択すべきですか?

公開: 2021-07-07

Tooltester はあなたのような読者によってサポートされています。 あなたが私たちのリンクを通じて購入すると、私たちはアフィリエイトコミッションを得ることができ、それにより私たちは無料で調査を提供することができます。

Webflow と Wix のどちらを選ぶか迷っていますか? 両方について相反する意見がたくさんあると、それは簡単ではありません…

弊社 Web サイトの Wix に関するユーザー レビューを見てみましょう。「 Wix Web サイト ビルダーは、プログラマ以外の人にとって間違いなく最も使いやすいです

別のユーザーのコメントが続きます。「新しい Wix ブログの適切な使い方がわかりません。 まったくユーザーフレンドリーではありません。

または、Trustpilot による Webflow に関する非常に複雑なレビュー: 「 Webflow は入手可能な最高の Web ツールですが、価格が高すぎます。

私たちは、あなたがここにたどり着いた理由は、正しい方向に進むのに役立つ情報を見つけるためだと推測しています。

ただし、問題は、私たちはどちらも本当に気に入っているため、一方をもう一方より完全にお勧めするのは難しいということです。

Webflow と Wix のどちらがプロジェクトに適しているかは、結局、構築しようとしているサイトのタイプと、使いやすさ、デザインの柔軟性、追加機能、手頃な価格など、あなたにとって最も重要なことによって決まります。

そこで、決定を助けるために、最も重要なカテゴリごとに Webflow と Wix を比較してみましょう。 運が良ければ、どれが自分のサイトに最適であるかをより明確に把握できるでしょう。

Webflow と Wix: 主な違いは何ですか?

Wix は 2 つのウェブサイトビルダーの中でよく知られており、一般に人気があり、10 年以上存在しています。 ドラッグ アンド ドロップ エディター、テンプレートの膨大なライブラリ、および幅広い組み込み機能のおかげで、使いやすいという評判があります。 小規模なサイト、ブログ、オンライン ストアに最適です。 (Wix の完全なレビューはここで読むことができ、Wix Web サイトの例もここでいくつか見ることができます)。

Webflow は誕生してまだ数年しか経っていませんが、デザイナーや開発者の間に熱心なファンを築いています。 これは主に、コード不要のエディターのおかげです。このエディターは、サイトを最初から構築し、好みに合わせてカスタマイズできるほど柔軟です。 その機能の多くは、動的なページやデータベース コレクションを作成する機能など、コンテンツ管理システム (CMS) に近いものです。 つまり、WordPress のようなより複雑な CMS に代わる強力な代替手段ですが、すべての人に適しているわけではありません。

ラウンド 1: 使いやすさ

使いやすい Web サイトビルダーを入手する場合、多くの場合、柔軟性を犠牲にする必要があります。 ただし、 Wixは例外の 1 つです。

Wix は、 1,000近くのテンプレートを出発点とし、要素を自由に配置できるドラッグ アンド ドロップ エディターを備えており、迅速にオンラインに接続できるように設計されたツールです。

確かに、慣れるまでは少し試行錯誤が必要ですが、比較的単純なサイトをセットアップする場合は、ほとんどのことを自分で理解できるでしょう。 さらに、Wix のナレッジベースには、役立つ素晴らしいリソースがたくさんあります。

指を(ほとんど)離す必要がないさらに簡単なソリューションが必要な場合は、Wix ADI と呼ばれる Wix の AI を活用した Web サイト作成ツールを使用して、完全に機能する Web サイトを数分以内に作成できます。 また、完全なエディターにアクセスできるため、デザインを微調整するための十分な制御が得られます。

Webflowは WordPress に代わる「使いやすい」ものであるとよく言われますが、使い慣れるにはまだ少し作業が必要です。 まず、ビジュアル デザイナーは Photoshop によく似ています。そのため、複数のパネルや無限のスタイル オプションに抵抗がある場合は、これを避けるのが最善かもしれません。

ウェブフローエディタ

Webflow Web サイトエディター

Webflow を使用するのにコーディングの知識が必要ないのは事実ですが、Webflow Web サイトはこれらの言語を使用して完全にカスタマイズできるため、HTML と CSS の原則を理解することは間違いなく有利になります。

良いニュースは、 Webflow Universityにはコース、チュートリアル、記事などのリソースが大量にあるということです。つまり、検索に余分な時間を費やしても構わない限り、たくさんのヘルプが手元にあります。 。

勝者:それは簡単です! Wix が第 1 ラウンドを奪います。

ラウンド 2: デザインと柔軟性

私たちが Wix で本当に気に入っている点の 1 つは、そのテンプレートです。 人目を引くモダンなデザインで、遊んでいてとても楽しいです。 プロフェッショナルな外観、ミニマルな外観、スタイリッシュな外観、または芸術的な外観を目指している場合でも、Wix の印象的なテンプレート コレクションから必ず何かが見つかります。

Wix テンプレート

Wix のテンプレートのいくつか

前に述べたように、ビジュアル Wix エディターでは、テンプレートをカスタマイズしたり、色、フォント、画像、レイアウトを変更したりするための十分な柔軟性が得られます。 ただし、制限が 1 つあります。

Wix のテンプレートは完全にはレスポンシブではなく、通常、モバイル画面に適切に表示するには少し調整する必要があります。 実際、テキストと画像はデフォルトでは応答性がありません。さまざまな画面サイズに合わせて調整するには、ストリップ、列、ギャラリーなどの応答性の高い要素と組み合わせて使用​​する必要があります。 多くの Web サイトビルダー (Squarespace など) にはデフォルトでモバイル対応のテンプレートが付属しているため、これは少し面倒です。

Webflow は、デザインに対してまったく異なるアプローチを採用しています。 Web サイトをデザインするための 3 つの異なる方法が提供されます。最初から始めるか、プリセット (基本的に空のテンプレート) を使用するか、100 個の完全にデザインされたテンプレートから 1 つを選択します (そのうちのいくつかは無料ですが、ほとんどはそれは支払われます)。

Webflow テンプレート

Webflow のテンプレートの一部

Wix と同様に、Webflow のビジュアル キャンバスもグリッド レイアウトを使用しているため、サイトのデザインに十分な柔軟性が与えられます。 また、タイポグラフィー、エフェクト、インタラクション、アニメーションに独自のタッチを追加できるため、スタイルのオプションに関しては選択肢が豊富です。

複数の画面サイズに合わせてデザインする必要がある場合は、Webflow のレスポンシブ デザイン機能が気に入っていただけるでしょう。 合計 7 つのブレークポイントが提供され、モバイル、タブレット、デスクトップ、およびより大きな画面でのサイトの表示方法を制御できます。 加えた変更はすべて、より小さなブレークポイントに自動的にロールアウトされるため、これを好きなだけ (または少しだけ) カスタマイズできます。

言及する価値のあることの 1 つは、Wix が実際に Webflow と真っ向から対立するソリューションを提供していることです。 Editor X は、応答性の高い Web サイトをデザインしたり、サイトのソース コードを編集したりすることもできる高度なエディターです。 Editor X は特にデザイナーと代理店をターゲットにしているため (多くのマーケティングでは Wix の名前さえ言及していません)、Webflow の分野でもう少し力を入れようとしているのは明らかです。 ただし、これは比較的新しい製品であり、解決すべき問題がいくつかあるため、まだ Webflow ほど広く受け入れられていません。

勝者:それは本当にあなたが何を求めているかによります。 豊富なデザインを選択し、できるだけ早く使い始めたい場合は、Wix が最適です。 ただし、モバイル サイトが重要で、デザインを完全に制御したい場合は、Webflow が最適です。 このラウンドは引き分けです!

ラウンド 3: ポートフォリオの機能

Webflow と Wix は両方ともポートフォリオを作成するための一般的なソリューションですが、どちらの方が優れているのでしょうか? 見てみましょう。

Wix はポートフォリオ機能においてかなりまともな仕事をしていると言わざるを得ません。 開始点として 60 近くのポートフォリオ テンプレートが提供されており、他のテンプレートと同様に、それらはすべて非常にスタイリッシュでモダンに見えます。

Wix ポートフォリオ テンプレート

Wix のポートフォリオ テンプレート

ポートフォリオのカテゴリには、写真、コピーライティング、演技、モデリングなどが含まれるため、デザイン関連のポートフォリオに限定されません。 ほとんどの製品には、画像ギャラリー、お問い合わせフォーム、ブログ、オンライン ストア (作品を収益化したい場合に備えて) などの機能が組み込まれており、最初からオールインワンのポートフォリオ ソリューションとなるように設計されています。

一方、Webflow は、自分のデザイン スキルを披露する機会が本当に欲しい人に最適です。 白紙の状態から始めることができるということは、最終製品がユニークであり、あなたの個性、スタイル、才能を反映したものになることを意味します。 (意味を理解するには、ここにまとめられた真剣に創造的な Web デザインのいくつかを見てください)。

Webflow ポートフォリオ サイト

Webflow に基づいて構築されたポートフォリオ

もちろん、選択できるポートフォリオ テンプレートもあります (約 60 個を数えました)。ただし、これらはどれも無料ではないため、おそらくほとんどの (Web) デザイナーにとっては、ゼロから始めることが好ましい選択肢です。

ただし、Web デザインをまとめたり、問い合わせフォーム、ブログ、オンライン ストアなどの追加機能を追加したりする際には、より多くの作業が必要になります (特に最後の 2 つはセットアップにかなりの作業が必要です)。

勝者:繰り返しになりますが、質問は次のとおりです。デザインをどのくらい自分のものにしたいのか、どのくらいの労力を費やしたいですか? 簡単なオプションは Wix ですが、実際に運転席に座らせるのは Webflow です。 しかし、どちらもポートフォリオに最適であるため、このラウンドではそれぞれに 1 ポイントが与えられます。 現在、Wix が 3:2 でリードしています。

ラウンド 4: e コマース

e コマースについて考えるときにどちらも最初に思い浮かぶ名前ではないかもしれませんが、Webflow と Wix は実際にはどちらも e コマースにおいて非常に優れた仕事をしています。 たとえば、Wix は、Wix サイトに簡単に追加できる完全な e コマース ソリューションを提供しています。 また、Webflow を使用すると、ストア、コレクション、製品、チェックアウト ページのデザインを完全に制御できます。

Wix eコマーステンプレート

Wix の e コマース テンプレート

Webflow デザイン製品ページ

Webflow での製品ページのデザイン

Wix と Webflow のオンライン ストア機能の簡単な比較は次のとおりです。

eコマースの機能ウェブフローウィックス
製品の制限スタンダードプラン500アイテム、プラスプラン1000アイテム、アドバンスプラン3000アイテム無制限
製品バリエーション製品ごとに 3 つの製品オプション、製品ごとに 50 のバリエーション製品ごとに 6 つの製品オプション、100 のオプション選択肢、最大 1000 のバリエーション。
デジタルダウンロード販売はいはい
サブスクリプションを販売するいいえはい (ビジネス プラン以上)
追加の販売チャネルフェイスブック、インスタグラム、グーグルショッピングFacebook、Instagram、eBay、Amazon.com、その他 Multiorders アプリ経由
取引手数料標準 e コマース プランでは 2%。 上位プランでは手数料なしなし
支払いゲートウェイStripe、Paypal、Apple Pay、Google Pay (Stripe 経由) PayPal、Stripe、Square など、今すぐ購入して後で支払うソリューションを含みます。 Wix 独自の支払いプロセッサである Wix Payments も一部の国で利用できます。
販売時点情報管理 (POS) の統合ネイティブではなく、API または統合 (Zapier など) を介してのみ使用可能はい、Wix POS (米国のみ)、SumUp、Square 経由で可能
自動車税の計算米国、カナダ、EU、オーストラリアで利用可能 (TaxJar 経由) Avalara アプリから利用可能 (ビジネス プラン以上の場合のみ)
輸送方法合計注文コストの%、商品価格、商品数量、商品重量、商品ごとの定額料金、または注文ごとの定額料金に基づいて設定できます。 定額料金、重量別料金、価格/商品別料金、または送料無料に基づいて設定できます。
リアルタイムの配送料Shippo 統合を通じてのみ利用可能米国に拠点を置く販売者 (USPS 経由)、またはブラジルに拠点を置く販売者 (Correios 経由) の場合のみ
放棄されたカートのメール統合経由のみ (Monto 経由など) はい

勝者:僅差ではありますが、より多くの e コマース ツールを内蔵し、より多様な販売チャネルと決済プロセッサを備えている Wix が優位に立っています。 Wix との比率は 4:2 です。

ラウンド 5: ブログ機能

ポートフォリオやオンライン ストアなどの重要な機能を比較しましたが、Web サイトにブログを追加したい場合はどうすればよいでしょうか?

まずはWixをチェックしてみましょう。 ブログを追加するには、エディターで数回クリックするだけで追加できます (または、ブログに付属するテンプレートを選択することもできます)。これほど簡単なことはありません。

ブログエントリの編集も非常に簡単で、テキストの書式設定や画像、ギャラリー、ビデオ、さらには HTML コードの追加が可能なビジュアル エディターを使用できます。 著者、カテゴリ、タグを追加できるほか、購読限定コンテンツの追加やメンバーによる投稿の許可など、優れた追加機能もいくつかあります。

wix ブログエディター

Wix ブログエディター

ただし、改善してほしい点がいくつかあります。

まず、ブログのフィードや投稿のデザインを大幅に制御することはできません。 ブログ エディターは、サイトの残りの部分に適用されるエディターよりもはるかに厳格であり、さまざまな要素を追加できません。 Wix のブログの詳細なレビューについては、この記事をご覧ください。

Webflow を使用してブログを設定するには、最初はさらに多くの設定作業が必要ですが、ブログのフィードと投稿の外観を完全に制御できるため、最終的には効果があります。 Webflow の動的コンテンツ機能を使用すると、ブログ投稿のテンプレートを作成し、データベース エントリ (Webflow で呼ぶところのコレクション アイテム) を介してブログ投稿を自動的に入力できます。

Webflow ブログ テンプレート

Webflowでブログテンプレート(コレクションページ)を設定する

すべて非常に技術的に聞こえるかもしれませんが、実際には、Webflow のリソースを利用すればすぐに理解できるはずです。

ただし、コメント、ソーシャル共有、メンバーシップ機能などの追加機能は通常、サードパーティの統合を通じて有効にする必要があります。

勝者:より多くの作業が必要ですが、Webflow のブログ機能は Wix よりも強力 (そして柔軟性) なので、Webflow をおすすめします。 これで 4 対 3 となり、依然として Wix がリードしています。

ラウンド 6: SEO

さて、100 万ドル規模の質問です。あなたのサイトを Google やその他の検索エンジンでランク付けするのは誰ですか?

どちらか一方が他方よりも優れたパフォーマンスを発揮できるとは断言できません。 SEO は複雑な獣であり、多くの場合、すべては (コンテンツを収容するプラットフォームではなく) コンテンツの品質に帰着します。

そうは言っても、一部の Web サイトビルダーは、他の Web サイトビルダーよりもサイトを最適化する機会を多く提供しており、ランキングを上げるのに間違いなく役立ちます。 それでは、Webflow と Wix がどのように機能するかを見てみましょう (詳細については、Wix SEO ガイドを参照してください)。

良いニュースは、両方とも、ページ タイトル、メタ ディスクリプション、URL、画像の代替テキストなどの編集など、基本的な SEO 機能をすべて実行できることです

ただし、高度な機能を見ると、いくつかの違いが見えてきます。

SEO機能ウェブフローウィックス
検索エンジンの説明 (編集可能な robots.txt ファイル) 利用可能利用可能
XMLサイトマップ自動生成またはカスタマイズ可能自動的に作成される
構造化データ追加可能自動的に追加され、上書き可能
正規タグコード経由で追加できます。 グローバル正規タグも設定可能自動設定、編集可能
301 リダイレクトページ、フォルダー、ドメイン全体をリダイレクトできます一括追加可能
高速モバイル ページ (AMP) ネイティブでは利用できません利用可能
SSL証明書利用可能すべてのサイトに含まれる
コードの縮小HTML、CSS、JS で利用可能利用不可
ページ速度の最適化可能ですが専門知識が必要ですWix はこの点で非常に制限が厳しいため、常に可能であるとは限りません

勝者:一般に、Wix はおそらくもう少し初心者に優しいでしょう (主要な手順を説明する SEO ウィザードもあります)。一方、Webflow は SEO の経験が豊富なユーザーに適しています。 ただし、どちらもほとんどの Web サイトのニーズを満たします。 このラウンドでのそれぞれのポイント。

ラウンド 7: サポート

質問や問題を解決するには、いつかサポートにアクセスする必要がある可能性があります。 それで、誰があなたのためにそこにいますか?

Webflow から始めましょう。 すでに述べたように、Webflow University には膨大なリソース ライブラリがあり、考えられるほぼすべてのトピックに関するコース、レッスン、ビデオが含まれています。 ユーザー フォーラム、コミュニティ イベントやグループもあり、必要に応じて専門家を雇うこともできます。

Webflow 大学コース

Webflow University のコース

ただし、個人的なサポートは少し不足しています。 連絡を取る唯一の方法は電子メールであり、応答時間は 24 ~ 48 時間です。 あ、月曜日から金曜日までしか利用できません。 一般的な質問に対応できるチャットボットもありますが、チャット サポートにアクセスできると大きな違いが生じます。

Wix のヘルプセンターも包括的で、Wix のすべての機能とアプリに関する幅広いハウツー記事が含まれています。 Wix の高度な開発プラットフォームである Velo を使用している場合は、そのユーザー フォーラムにもアクセスできます。 Wix のサポートに関して少しマイナスな点が 1 つあるのは、サポート エージェントが頻繁にアップグレードを売りつけようとすることに関係しています。 彼らが提案しているアドオンが必要ない場合は、丁寧に「ノー」と言う準備をしてください。

Wix ヘルプセンター

Wix ヘルプセンターのハウツー記事

Webflow と比較して、Wix はより多くのパーソナル サポートを提供しており、サポート チケットを送信したり、さまざまな言語でコールバックをリクエストしたりできます (24 時間 365 日のコールバック サポートは英語、スペイン語、ポルトガル語でも提供されています)。 Wix サポートに関する私たち自身の経験は少々複雑でしたが (回答が常に非常に役立つとは限らず、応答が遅い場合もありました)、少なくとも Wix サポートが提供されているという事実には感謝しています。

勝者:どちらも優れたナレッジベースを提供しますが、最終的にはどちらがより優れた 1 対 1 のサポートを提供するかによって決まります。ここでは Wix が明らかに勝者です。 これにより、現在のスコアは 6:4 になります。

ラウンド 8: アプリと統合

予約システム、電子メール マーケティング、ライブ チャットなどの追加機能を追加したい場合はどうすればよいでしょうか?

Webflow と Wix は両方とも、外部アプリとの統合の長いリストを提供しているので、どちらがより役立つかを見てみましょう。

Webflow の統合ライブラリは、e コマース、電子メール マーケティング、分析、メンバーシップなどのカテゴリにわたる約 240 のアプリとの直接リンクを提供します。 独自のアプリがある場合は、独自の統合を送信することもできます。

ウェブフロー統合

Webflow の統合

Wix はさらにわずかに多くのアプリを提供しており、Wix App Market には約 300 のアプリがあります。 これらは数回クリックするだけで簡単に有効にできるため、Webflow の場合のようにコードを埋め込む必要はありません。

Wix アプリマーケット

Wix アプリマーケット

さらに、Wix には、サイトにシームレスに組み込まれる独自のアプリも豊富に揃っています。 これらには、予約やクラスのスケジュール管理のための Wix Bookings、オーディオのストリーミングと販売のための Wix Music、会員サイトをセットアップするための Wix Members Area が含まれます。 動画のホストや販売に使用できる Wix ビデオもあります。

勝者:これについては Wix を選択する必要があります。Wix の App Market で利用できるアプリの範囲は印象的であり、サイトを強化するのに非常に役立ちます。

ラウンド 9: 価格設定

私たちは最終ラウンドを迎えました – そしてそれは大きなラウンドです! Webflow と Wix の間でまだ迷っている場合は、これがあなたを一線を越えさせるものになるかもしれません。

まず、Webflow と Wix の両方が無料プランを提供していることに言及しましょう。これは、それらを試して機能を感じたい場合に最適です。 いくつかの制限はありますが、サブドメイン (例: yourname.wixsite.com/yoursite および yoursite.webflow.io) を使用して完全なサイトを構築して公開することができます。 Wix/Webflow 広告も表示されます。

次に知っておくべきことは、Webflow と Wix では若干異なる価格設定モデルが使用されていることです。 Wix の場合はより簡単です。プランを選択し、月額料金または年額料金を支払います。 追加料金を支払う必要があるのは、カスタム ドメインと必要な追加アプリの料金だけです。 Web ホスティングは常に含まれており、Wix と Webflow に違いはありません。念のために言っておきます。

Wix プランの概要は次のとおりです。

  • 個人プランはライト プランで月額 16 ドルから始まり、広告なしで 2 GB のデータ ストレージと 30 分のビデオ ストレージが含まれます。
  • サイトで販売したい場合は、 Wixビジネス プランと e コマースプランのいずれかが必要になります。コア プランでは月額 27 ドルから始まります (無制限の帯域幅、50 GB のストレージ、5 時間のビデオ、ビジネス アプリが利用できます) Wix ブッキングやストア内の無制限の商品など)。

残念ながら、 Webflow の料金設定はそれほど明確ではありません。 これは、通常のサイトが必要か、電子商取引サイトが必要か、複数のサイトを構築する必要がある場合(クライアント向けに構築している場合など)、または複数のユーザーがいる場合に応じて、異なるプランがあるためです。 場合によっては、複数のプランを購入する必要があります。 そしてもちろん、追加のアプリには追加料金がかかります。

  • Webflow サイト プラン(つまり、e コマース以外のプラン) は、Basic プランで月額 12 ドルから始まります。 広告はなく、月間最大 25,000 件の訪問、50 GB の帯域幅、100 件のフォーム送信が可能です。
  • e コマースプランは、標準プランで月額 29 ドルから始まり、最大 500 個のアイテム (製品とバリエーション) が可能です。
  • ワークスペースプランは、コア プランで月額 19 ドルから始まります。これには、最大 10 個のプロジェクトとステージング サイト、さらにコードのエクスポート (コードを別の場所で使用したい場合) が含まれます。 これらをカスタム ドメインで使用するには、プロジェクトごとに追加のサイト プランを購入する必要があります。

勝者:同様のプランを比較した場合、価格帯はそれほど変わりませんが、Wix のプランには通常、より多くの内容が含まれており、料金体系も非常に理解しやすくなっています。 このラウンドも Wix で行われます。

つまり、Wix が Webflow を8 対 4 という驚異的な差で上回っていることになります。

Wix と Webflow: 2 つのまったく異なるウェブサイト ビルダー

全体としては Wix が勝者となったかもしれませんが、いくつかのラウンドで見てきたように、Wix が常に最良の選択であるとは限りません。

完全なデザイン制御、SEO、ブログ、レスポンシブ サイトなどの機能があなたにとって最も重要である場合、Webflow が最も合理的です。Webflow の強力な Web サイト エディターと高度な SEO 機能に勝るものはありません。 したがって、余分な労力を費やす準備ができている場合は、Webflow が最適な選択肢になる可能性があります。

ただし、初心者向けで管理が簡単なものを探している場合は、Wix を最適なプラットフォームにする必要があります。 すぐに使えるテンプレート、直感的なエディター、素晴らしい組み込み機能とアプリを備えており、Web サイト構築の最も難しい部分を処理します。

Wix の e コマース機能は、自動税金やリアルタイム配送のための優れた統合機能を備えており、支払い処理業者の選択肢も豊富であり、中小規模の店舗にとっても優れています

これで、どれが自分にとって最適な Web サイトビルダーであるかがよくわかるはずです。

> Wix を無料で試す

> Webflow を無料で試してください。 この特別なクーポン コード: affiliate-tooltester-0228を使用すると、すべての Webflow プランを 20% 割引することもできます。

他にご質問はありますか? 以下のコメント欄でお知らせください