Back to PageFly.ioVideo Tutorials

PageFlyページでZakeke Product Customizerを使用する方法

概要

Zakeke Shopify - Product Customiser 2D 3D を使用すると、Tシャツ、マグカップ、パーカーからアート、ジュエリー、スマホケースまで、ストア内のあらゆる商品を顧客がパーソナライズし、購入前にどのように見えるかを確認できます。

必要条件

  • この要素を使用するには、まず Shopify ストアに Zakeke Shopify アプリ をインストールし、そのすべてのオプションを設定する必要があります。ブランドに合わせて 設定を構成 する必要があります。詳細については、次のビデオチュートリアルをご確認ください。

  • また、Shopify ストアに PageFly アプリがインストールされ、有効化されている必要があります。

PageFly ページで Zakeke 製品カスタマイザーを使用する方法

ステップ 1: ボタン要素をドラッグアンドドロップする

ボタン要素を設定する前に、エディターに製品詳細セクションがあることを確認してください。それが完了したら、製品詳細セクションにボタン要素をドラッグアンドドロップします。

ボタンテキストを追加します。この例では、ボタンテキストに「今すぐカスタマイズ」を追加しました。

ボタン要素の設定の詳細については、この記事 をご確認ください。

ステップ 2: ボタンに URL バーを追加する

  1. General タブに移動 > ACTION パラメータまでスクロールします。

  2. Click action オプションで、Go to URL を選択 > Select URL ボタンをクリックします。

  3. URL ドロップダウンメニューで / を選択 > URL バーにコードを貼り付けます。

/apps/zakeke?pid={{product.id}}

  1. Select ボタンをクリックします。

ステップ 3: クラスを更新し、Javascript コードを追加する

  1. ​​General タブで、ATTRIBUTES パラメータに移動 > HTML class に移動 >「​​zakeke-button」を追加します。

  1. エディターの左下サイドバーに移動 > Add custom Code > Custom JavaScript タブに Javascript コード を貼り付けます。

  2. Save をクリックします。

ステップ 4: Zakeke ボタンのスタイルをカスタマイズする

Styling タブに切り替えて、コンテンツカラー、タイポグラフィ、背景色などのボタンデザインをカスタマイズします。

すべて設定が完了したら、Save & publish を選択し、ライブビューで確認します。訪問者が Zakeke カスタマイズボタンをクリックすると、Zakeke のカスタマイズページに移動します。

Zakeke の設定方法

Shopify 管理画面から Apps をクリック > Zakeke Product Customiser 2D 3D を選択します。

カスタマイズ可能な Zakeke Product Customiser 2D 3D 製品の作成に関する詳細については、こちらのガイドライン をご確認ください。

ヒントとベストプラクティス

  • PageFly 内で Zakeke 製品カスタマイザーボタンを設計する際は、直感的で使いやすいインターフェースを優先してください。ユーザーはカスタマイズオプションとそれらの操作方法を容易に理解できる必要があります。

  • 特に複雑なオプションの場合、カスタマイズプロセスを通じてユーザーをガイドするために、カスタマイザー要素内に簡単な指示やツールチップを含めることを検討してください。

  • Zakeke 製品カスタマイザー要素が、PageFly の全体的なデザインとブランドの美しさに視覚的にシームレスに統合されるようにしてください。

よくある質問

1. Zakeke Shopify アプリとは何ですか?

Zakeke Shopify は、ビジュアルカスタマイザーと 3D 製品コンフィギュレーターを提供することで、売上を伸ばし顧客維持率を高めるツールをサポートします。販売者は、Zakeke Shopify と好みのプリントオンデマンド (POD) プラットフォームを統合し、店内デザインオプションを提供できます。

2. Zakeke Shopify はいつ作成されましたか?

Zakeke は 2017 年に作成されました。

3. Zakeke Shopify の料金はいくらですか?

月額サブスクリプション料金は 19.90 ドルです。

3. Zakeke Shopify を PageFly エディターで使用できますか?

はい、使用できます。

4. Zakeke Shopify プランには何が含まれていますか?

Zakeke Shopify の Starter プランには、最大 25 件の公開製品、2D ビジュアルカスタマイザー、3D コンフィギュレーター、3D/AR ビューアー、バーチャルトライオン、および「Powered by Zakeke」ラベル付きで生成された無制限のビューが含まれています。

5. Zakeke Shopify のパートナーは誰ですか?

Printful、CustomCat、Zapier、Order Desk、Shopney、Printeers

その他のリソース

Last updated

Was this helpful?