WebflowをパワーアップするChrome拡張機能、プラグイン14選

Webflowの機能とパフォーマンスを向上させるために必要不可欠なWebflowプラグイン、chrome拡張機能をまとめました。私たちLikePayはWebflowを使った制作、制作会社へのサポートを行う中で、多くのプラグイン、ノーコードツールを使用してきました。その中でも、時間を節約できるプラグインのリストを作成しました。あなたのウェブ制作活動の役に立てば幸いです!

Webflowの機能とパフォーマンスを向上させるために必要不可欠なWebflowプラグイン、chrome拡張機能をまとめました。

私たちLikePayはWebflowを使った制作、制作会社へのサポートを行う中で、多くのプラグイン、ノーコードツールを使用してきました。その中でも、時間を節約できるプラグインのリストを作成しました。あなたのウェブ制作活動の役に立てば幸いです!

Finsweet Chrome拡張機能

https://finsweet.com/extension

Finsweetのchrome拡張機能は、Webflowでの開発をよりスムーズに行うことができるようになります。

  • 作成したブレイクポイントを削除する
  • 301リダイレクトの一括登録
  • Project Settingsに戻らずにページ全体の<head>、before<body>にコードを追加
  • コンボクラスを1つのクラス名にまとめる

など。

1つのプロジェクトに複数人のDesignerがいたとして、一人しかFinsweet格闘機能をインストールしていなくても、行った変更はきちんと保存されます。

Finsweet Attributes

https://finsweet.com/attributes

Finsweetが用意している、JavaScriptの機能をのコードを書かずに実装ができるツールです。Webflow標準では用意されていない機能を追加することができます。

  • CMSスライダー
  • ユーザーによるCMSフィルター
  • 目次自動生成
  • リッチテキストのスタイリング
  • CMS Itemのカウント
  • クリップボードにコピー

など、

FinsweetはWebflowをパワーアップさせるための機能が沢山備わっており、全て無料で使用することができます。

Memberchat

https://www.memberchat.app/

Memberchatはコードを書かずに数分で、チャット機能を導入することができるサービスです。MemberstackやOutseaと一緒に使うことができるので、あなたのウェブサイト上で会員同士でのチャットが可能になります。

海外ツールは日本語を入力すると不具合が発生することがありますが、Memberchatでは使用ができ、日本語でサポートを受けることができます。

Elfsight

https://elfsight.com/ja/

Elfsightは、ウェブサイトで使用するウィジェットをコーディングなしで作成・設置できるサービスです。  

  • Facebook、TikTok、InstagramなどSNSのフィード設置
  • Google、Facebook、などのカスタマーレビューの表示
  • チャット機能の設置
  • カウントダウンタイマーの設置
  • SNSシェアボタン

など。

コードを書かずに便利なウィジェットを設置することができます。基本的に無料から使うことができますが、制限が設けられているので、サイト規模が大きくなると課金が必要になります。

jetboost

https://www.jetboost.io/

Jetboostは、コードを書かずにインクリメンタルサーチ、ダイナミックなフィルタリングなどをサイトに追加することができます!

Jetboostのフィルタリングはサーバーサイドで行われるので、大量なデータをフィルタリングも軽量で早いスピードで縛り込むことができます。

ほかにも、登録に対していいねをする「いいね機能」も用意されています。

Memberstack

https://www.memberstack.com/

Memberstackは、会員システムを作成するためのノーコードサービスです。メンバー専用のウェブサイト、ダッシュボード、アプリケーションを構築できます。実際にプログラミングで開発すると数週間かかる実装も、Memberstackでは1.2日で作成することができます。Memberstackは英語のサービスですが、日本語で紹介動画とチュートリアルを用意しています。

weglot

https://www.weglot.com/ja/

Weglotはウェブサイトを多言語対応することができます。

ハーバード大学の調査によると、消費者の72.4%が、外国語の商品より、母国語で情報で書かれている商品を購入する可能性が高いと回答しています。そして、56%の消費者は、価格よりも母国語で説明や情報があることが重要だと回答しています。

他にもLinguanaというWebflow専用の多言語化サービスや、Webflow独自の多言語化を現在開発中です。

Stripe

https://stripe.com/jp

Stripeは、世界で人気のある決済ツールです。Stripeを利用することで、オンラインで支払いを受け付け、収益を上げることができます。Stripeはまた、請求書の送信、仮想カードや物理カードの発行、融資の獲得、ビジネス支出の管理にも役立ちます。

日本語にも対応しているので、普段あなたが使用しているECサイトもストライプを使っているかもしれません。

Flowbase Chrome拡張機能

https://www.flowbase.co/extension

FlowbaseのChrome拡張機能です。Designer画面からコンポーネント、アイコン設置などの機能を使用することができます。

  • Flowbaseのコンポーネントをサイドバーから使用
  • アイコンを設置
  • Figmaからカラースワッチをインポート

Flowbaseのメンバーになることで全てのコンポーネントを使用し、Webflowでのサイト制作スピードを更に向上させることがでできます。アイコンは無料で使用することができ、種類も多くスタイルが統一されているので非常に便利です。

Airtable

Outseta

https://www.outseta.com/

Outsetaは、オンラインサービスの販売やカスタマーサービスをまとめたツールです。

CRMや決済サービス、チャットボットなどの機能を個別に契約することなく、1つの画面でまとめて管理できるツールです。

  • 支払いシステム
  • 会員ログイン
  • お問い合わせ、自動応答Botの設置
  • CRM

アメリカを拠点に置く2016年に創業されたスタートアップで、CRM、メール、決済、会員認証などの機能を1つにまとめたAll in Oneのツールです。

様々なツールを代替することができます。

Termsfeed

https://www.termsfeed.com/

Termsfeedはビジネスを行うウェブサイトに必要不可欠なツールです。

Webサイトにはプまとめ

しかし、法律の分野になるので、弁護士に依頼できない人はどのようにすれば正確な文章を用意すれば良いのでしょうか?

Termafeedは質問に答えていくだけで、プライバシーポリシー、GDPR、CalOPPAの文章を作成することができます。

Finsweet cookie consent

https://finsweet.com/cookie-consent

GDPR(一般データ保護規則)はEU圏内での個人情報のデータ保護を目的として定められた法令ですが、日本企業も対象になる場合があります。Termsfeedはそれらの文章を作成するツールでしたね。

Finsweet cookie consentは、Webflow専用に作られた無料のプラグインです。クリックするだけで、ウェブサイトをGDPRに準拠させることができます。

Monto

https://www.monto.io/

Montoは、WebflowのECに特化したツールです。

  • カートに追加され放置された商品の回収
  • サブスクリプション
  • 製品レビュー
  • アフィリエイト
  • 支払いをユーザの通貨に対応

Montoを使用することでWebflow ECのユーザー体験を向上させることができます。

まとめ

WebflowをパワーアップさせるプラグインやChrome拡張機能を紹介しました。Webflowはそのままでも十分強力なノーコードツールですが、本記事で紹介したツールを使用することでより良いサイトを開発し、ユーザー体験を向上させることができます。

Webflowに関するお悩みをお持ちでしたら、Webflow日本パートナーである、私たちLikePayはにご相談ください。あなたにとって最適なソリューションを提供いたします。お問い合わせはこちら

この記事をシェア

あなたの事業に成長を

集客に特化したWebflowサイトで自社マーケティングをより柔軟に、より効果的にします。制作依頼を送信したら、無料打ち合わせであなたのニーズをヒアリングして、最適なソリューションを提案します。

支援先企業
株式会社リコー凸版印刷株式会社株式会社NTTドコモフォースタートアップス株式会社株式会社ニジボックス株式会社E-Housing株式会社ファンディオBooko株式会社unique onTerackathon株式会社ココウリE-Three

あなたもNoCodeのプロに

充実したサポートであなたも、最短3ヶ月間でノーコードWeb制作のプロになれます。

  • 300以上のノーコード動画教材

  • チャットサポート

  • 個別ビデオ通話相談