Liquidやjsonを触らなくてもノーコードで作成したいページが作れるShopifyアプリ“Tapita Landing Page Builder”を紹介
ページビルダーとは
概要
ページビルダーは、ウェブサイトやオンラインストアを構築するためのツールの一種です。従来のウェブ開発では、HTMLやCSSなどのコーディングが必要でしたが、ページビルダーを利用することで、プログラミングの知識がなくても簡単に魅力的なウェブページを作成することができます。
ページビルダーは、直感的なインターフェースを提供し、ドラッグアンドドロップやウィジェットを使ってコンテンツを配置することができます。テキスト、画像、ビデオ、ボタンなど、さまざまな要素を組み合わせて自由にデザインすることができます。
また、ページビルダーは、テンプレートやプリセットのデザインを提供しており、ユーザーはこれらを利用して簡単にスタイリッシュなウェブページを作成することができます。さらに、レスポンシブデザインにも対応しており、モバイルデバイスやタブレットなど、さまざまなデバイスで適切に表示されるウェブページを作成することができます。
ページビルダーは、エンドユーザーにとっても開発者にとっても利点があります。エンドユーザーは、プログラミングの知識がなくても自分のビジネスやブログのためにプロフェッショナルなウェブページを作成できます。一方、開発者は、効率的にウェブサイトを構築できるため、開発時間を短縮することができます。
多くのウェブサイトプラットフォームやCMS(コンテンツ管理システム)は、ページビルダー機能を提供しています。例えば、WordPressのGutenbergエディターやShopifyのテーマエディターなどがあります。
ページビルダーは、ウェブ開発の簡素化と効率化を実現し、ビジネスや個人のオンラインプレゼンスを強化するための強力なツールとなっています。
Tapita Landing Page Builderとは
概要
Tapita Landing Page BuilderはLP・ブログ・製品ページを簡単に作成することの出来るページビルダーです。ストア構築を行う際に使用しているテーマに自分が作成したいと思い描いたページを構成するのに必要なテンプレートやセクションが存在しない場合は、liquidやjsonでのコーディングを行いレイアウトを追加する必要があり気軽に手を出すのは難しい領域です。しかし、このアプリを使うことでノーコードで作成したいページを簡単に追加することが出来るようになるのです。
Tapita Landing Page Builderの機能
ページ作成機能
ページ作成
Tapita Landing Page Builderでは様々なページを作成することが出来る機能があります。また、ページの作成はストアのテーマカスタマイズ画面と似た操作感で行えるため、HTMLやCSSの知識が無い方にとっても簡単に扱う事ができます。
AIによるコンテンツ作成
Tapita Landing Page BuildeにはChat GPTの機能が搭載されており、コンテンツの内容をAIに作成してもらうことが可能になっています。これにより、100%納得のいくコンテンツを作ることが出来なかったとしても叩き台をAIに作成してもらい、それをブラッシュアップするといったアプローチをすることでコンテンツの作成をスムーズに進める事が出来ます。
Tapita Landing Page Builderのプラン
無料プラン
金額
無料
機能
- すべてのページ タイプ
- 無制限の下書きページ
- 公開された 5 ページ (ページの種類による制限)
- 100 以上の無料ページ テンプレート
- 80 以上の無料ブロック テンプレート
- 1 ウィジェット
- 無料画像 CDN
- SEO
- ライブチャット
スタータープラン
金額
$9/月
または$86/年で20%の節約
機能
- すべて無料
- 15 公開ページ
- 3 つの保存済みブロック
- 10 個の自動保存履歴
- 5つのセクション/ポップアップ/トップバー
- 翻訳
- タピタのページのインポート/エクスポート
- タピタの商標なし
標準プラン
金額
$29/月
または$278/年で20%の節約
機能
- STARTER のすべて
- 55 の公開ページ
- 10 個の保存済みブロック
- 50 件の自動保存履歴
- 20 セクション/ポップアップ/トップ バー (ドラッグ アンド ドロップ可能)
- 言語別のカスタム コンテンツ
- OpenAI/ChatGPT 統合
- 優先サポート
プロプラン
金額
$49/月
または$470/年で20%の節約
機能
- すべてがスタンダード
- 100 公開ページ
- 100 の保存された要素
- 100回の自動保存履歴
- 50個のウィジェット
- 優先サポート
Tapita Landing Page Builder導入・設定手順
導入手順
1.以下のリンク先に接続し、「アプリを追加する」をクリック
2.「アプリをインストール」をクリック
3.利用したいプラン内容の下にある「Start」をクリック
※本記事では無料プランを使用するため、右下の「Continue as Free. I don`t need the discounts.」をクリック
4.選択内容を確認し、「I understand and agree with the Terms & Conditions」をクリックし、「Continue」をクリック
5.ストアで扱っている商品のジャンルを選択
6.「終わり」をクリック
設定手順
1.作成したいページの種類を選択
2.使用したいテンプレートを選択
3.「テンプレートスタイルを使用します」をクリック
4.ストアのカスタマイズ画面と同様に、編集したい部分をクリック→出てきたメニューで内容を変更
5.AIを使ってコンテンツ作成をする場合は、「ai-generatedコンテンツを使用する」の枠にAIに作成して貰いたい内容を記載し、「Generate」をクリック
6.作成が出来たら「Publish」をクリック
7.状態が「公開」になっていることを確認
8.「SEO」をクリック
9.メタタイトルを記載
10.「保存して更新します」をクリック
11.作成したページにアクセス出来るようにする
本記事の場合は、ヘッダーに作成したページのリンクを追加する
12.ページに接続できることを確認
まとめ
Tapita Landing Page Builderは、LPやブログ、製品ページを簡単に作成するためのページビルダーの一例です。このツールを使用することで、ノーコードでページを追加することができます。
Tapita Landing Page Builderには、ページ作成機能やAIによるコンテンツ作成機能があります。ページ作成機能では、ストアのテーマカスタマイズ画面と似た操作感でページを作成できます。AIによるコンテンツ作成機能では、Chat GPTを活用してコンテンツを作成することができます。
Tapita Landing Page Builderには、無料プランやスタータープラン、標準プラン、プロプランなどのプランがあります。各プランには、異なる機能や金額が設定されており、自分のニーズに合ったプランを選ぶことができます。
ページビルダーは、ウェブ開発を簡素化し、効率化する強力なツールです。ビジネスや個人のオンラインプレゼンスを強化するために活用することができます。
興味のある方は下記のShopify app storeページも参考にしてみてください。