サードパーティアプリを統合する

GemPages を使用したサードパーティ アプリの実装は、複数の異なるシナリオを通じて実現できます。

方法1: アプリ要素を介した統合

GemPagesの既成要素は、あらかじめデザインされたコンポーネントであるため、ゼロから作成することなく、ウェブサイトに簡単に追加できます。必要な位置にドラッグ＆ドロップし、必要に応じてコンテンツをカスタマイズするだけです。

ステップ 1： GemPagesダッシュボード ご希望のページを選択して エディター. 

ステップ 2: 左側のサイドバーに移動 > Shopifyアプリ セクション。アプリ要素を備えたすべてのアプリがここに表示されます。 

検索バーを利用すると、目的のアプリをすばやく見つけることができます。

ステップ 3: 要素を希望の位置にドラッグ アンド ドロップします。 

ステップ4： アプリ要素をクリックして開きます 設定 タブには何も表示されないことに注意してください。

例えば、Loox 要素の設定には次のものが含まれます。

• バージョンを選択: Loox アプリのバージョン 1 またはバージョン 2 を使用できます。
• ウィジェットを選択: レビュー ウィジェット、評価ウィジェット、カルーセル ウィジェット。
• すべてのレビューを表示: すべてのレビューを表示するか、いくつかのレビューのみを表示するかを選択するには、「はい」/「いいえ」を選択します。
• 整列： 要素をページの左、中央、または右に表示します。 

さらに設定するには、 アプリを開く.

ステップ 5：クリック 「保存」 and 「公開」 変更を反映させます。

必ず Shopify 管理者からアプリをインストールしてください。また、GemPages にドラッグ アンド ドロップできるのは、アプリのフロントエンド ウィジェット表示のみであることに注意してください。

方法2: カスタムコードによる統合

事前に構築された要素のリストにアプリが見つからない場合は、次の手順に従ってカスタム コードと統合してください。

ステップ1： アプリのコードにアクセスします。 

コードは様々な場所で見つけることができます。アプリによっては、アプリインターフェース内で直接コードを提供しているものもあります。 

それ以外の場合は、ヘルプドキュメントを確認したり、コードのサポートに問い合わせたりする必要があるかもしれません。 

アプリのコードを入手したら、それをカスタム コード要素に入力します。

このガイドでは、GemPages は Loox Reviews Shopify アプリを使用して練習します。

ステップ2： GemPages ダッシュボードに移動し、希望のページを選択してエディターに入ります。

ステップ3： 左側のサイドバーからドラッグ＆ドロップして カスタムコード 要素をページ上の好きな場所に追加します。

ステップ 4: 開く要素を見つける 設定 タブ > ヒット  コードを編集 セクションに移動し、アプリ コードをボックスに貼り付けます。

ステップ5： 詳しくはこちら 「保存」 and 「プレビュー」 コードがページ上で適切に機能するかどうかを確認します。

方法3: Shopifyアプリ要素を使用する

あらかじめ用意されたオプションでアプリが見つからず、コーディングが苦手な場合は、 Shopify アプリ要素この要素は、テーマで動作する Shopify アプリを統合するのに役立ちます。

詳細については、こちらをご覧ください この記事.

よくあるご質問

1. Shopify アプリを GemPages と統合できますか?

ほとんどのアプリは互換性があります。直接統合されていない場合でも、 カスタムコード または Shopify アプリ要素 視覚的に埋め込むためです。

2. アプリがライブページに表示されないのはなぜですか?

以下を確認してください:

• アプリは適切にインストールされ、設定されていますか？ Shopify管理者?
• あなたがやりました パブリッシュ アプリを埋め込んだ後の GemPages レイアウトは?
• カスタムコードを使用する場合は、コードが完全であり、スクリプトタグがサポートされていることを確認してください。

3. 同じ GemPages ページで複数のアプリを使用できますか?

はい。複数のサードパーティ製アプリを埋め込むことは可能ですが、以下の点にご注意ください。

• お互いのJavaScriptと衝突しない
• 公開前にすべてのウィジェットを徹底的にテストする