Webflowの機能とパフォーマンスを向上させるために必要不可欠なWebflowプラグイン、chrome拡張機能をまとめました。
私たちLikePayはWebflowを使った制作、制作会社へのサポートを行う中で、多くのプラグイン、ノーコードツールを使用してきました。その中でも、時間を節約できるプラグインのリストを作成しました。あなたのウェブ制作活動の役に立てば幸いです！
Finsweet Chrome拡張機能
Finsweetのchrome拡張機能は、Webflowでの開発をよりスムーズに行うことができるようになります。
- 作成したブレイクポイントを削除する
- 301リダイレクトの一括登録
- Project Settingsに戻らずにページ全体の<head>、before<body>にコードを追加
- コンボクラスを１つのクラス名にまとめる
など。
１つのプロジェクトに複数人のDesignerがいたとして、一人しかFinsweet格闘機能をインストールしていなくても、行った変更はきちんと保存されます。
Finsweet Attributes
Finsweetが用意している、JavaScriptの機能をのコードを書かずに実装ができるツールです。Webflow標準では用意されていない機能を追加することができます。
- CMSスライダー
- ユーザーによるCMSフィルター
- 目次自動生成
- リッチテキストのスタイリング
- CMS Itemのカウント
- クリップボードにコピー
など、
FinsweetはWebflowをパワーアップさせるための機能が沢山備わっており、全て無料で使用することができます。
Memberchat
Memberchatはコードを書かずに数分で、チャット機能を導入することができるサービスです。MemberstackやOutseaと一緒に使うことができるので、あなたのウェブサイト上で会員同士でのチャットが可能になります。
海外ツールは日本語を入力すると不具合が発生することがありますが、Memberchatでは使用ができ、日本語でサポートを受けることができます。
Elfsight
Elfsightは、ウェブサイトで使用するウィジェットをコーディングなしで作成・設置できるサービスです。
- Facebook、TikTok、InstagramなどSNSのフィード設置
- Google、Facebook、などのカスタマーレビューの表示
- チャット機能の設置
- カウントダウンタイマーの設置
- SNSシェアボタン
など。
コードを書かずに便利なウィジェットを設置することができます。基本的に無料から使うことができますが、制限が設けられているので、サイト規模が大きくなると課金が必要になります。
jetboost
Jetboostは、コードを書かずにインクリメンタルサーチ、ダイナミックなフィルタリングなどをサイトに追加することができます！
Jetboostのフィルタリングはサーバーサイドで行われるので、大量なデータをフィルタリングも軽量で早いスピードで縛り込むことができます。
ほかにも、登録に対していいねをする「いいね機能」も用意されています。
Memberstack
Memberstackは、会員システムを作成するためのノーコードサービスです。メンバー専用のウェブサイト、ダッシュボード、アプリケーションを構築できます。実際にプログラミングで開発すると数週間かかる実装も、Memberstackでは1.2日で作成することができます。Memberstackは英語のサービスですが、日本語で紹介動画とチュートリアルを用意しています。
weglot
Weglotはウェブサイトを多言語対応することができます。
ハーバード大学の調査によると、消費者の72.4％が、外国語の商品より、母国語で情報で書かれている商品を購入する可能性が高いと回答しています。そして、56％の消費者は、価格よりも母国語で説明や情報があることが重要だと回答しています。
他にもLinguanaというWebflow専用の多言語化サービスや、Webflow独自の多言語化を現在開発中です。
Stripe
Stripeは、世界で人気のある決済ツールです。Stripeを利用することで、オンラインで支払いを受け付け、収益を上げることができます。Stripeはまた、請求書の送信、仮想カードや物理カードの発行、融資の獲得、ビジネス支出の管理にも役立ちます。
日本語にも対応しているので、普段あなたが使用しているECサイトもストライプを使っているかもしれません。
Flowbase Chrome拡張機能
FlowbaseのChrome拡張機能です。Designer画面からコンポーネント、アイコン設置などの機能を使用することができます。
- Flowbaseのコンポーネントをサイドバーから使用
- アイコンを設置
- Figmaからカラースワッチをインポート
Flowbaseのメンバーになることで全てのコンポーネントを使用し、Webflowでのサイト制作スピードを更に向上させることがでできます。アイコンは無料で使用することができ、種類も多くスタイルが統一されているので非常に便利です。
Airtable
Outseta
Outsetaは、オンラインサービスの販売やカスタマーサービスをまとめたツールです。
CRMや決済サービス、チャットボットなどの機能を個別に契約することなく、1つの画面でまとめて管理できるツールです。
- 支払いシステム
- 会員ログイン
- お問い合わせ、自動応答Botの設置
- CRM
アメリカを拠点に置く2016年に創業されたスタートアップで、CRM、メール、決済、会員認証などの機能を1つにまとめたAll in Oneのツールです。
様々なツールを代替することができます。
Termsfeed
Termsfeedはビジネスを行うウェブサイトに必要不可欠なツールです。
Webサイトにはプまとめ
しかし、法律の分野になるので、弁護士に依頼できない人はどのようにすれば正確な文章を用意すれば良いのでしょうか？
Termafeedは質問に答えていくだけで、プライバシーポリシー、GDPR、CalOPPAの文章を作成することができます。
Finsweet cookie consent
GDPR(一般データ保護規則)はEU圏内での個人情報のデータ保護を目的として定められた法令ですが、日本企業も対象になる場合があります。Termsfeedはそれらの文章を作成するツールでしたね。
Finsweet cookie consentは、Webflow専用に作られた無料のプラグインです。クリックするだけで、ウェブサイトをGDPRに準拠させることができます。
Monto
Montoは、WebflowのECに特化したツールです。
- カートに追加され放置された商品の回収
- サブスクリプション
- 製品レビュー
- アフィリエイト
- 支払いをユーザの通貨に対応
Montoを使用することでWebflow ECのユーザー体験を向上させることができます。
まとめ
WebflowをパワーアップさせるプラグインやChrome拡張機能を紹介しました。Webflowはそのままでも十分強力なノーコードツールですが、本記事で紹介したツールを使用することでより良いサイトを開発し、ユーザー体験を向上させることができます。
Webflowに関するお悩みをお持ちでしたら、Webflow日本パートナーである、私たちLikePayはにご相談ください。あなたにとって最適なソリューションを提供いたします。お問い合わせはこちら
.webp)
