PageFlyページでZakeke Product Customizerを使用する方法
Last updated
Was this helpful?
Japanese 🇯🇵
Last updated
Was this helpful?
- Product Customiser 2D 3D を使用すると、Tシャツ、マグカップ、パーカーからアート、ジュエリー、スマホケースまで、ストア内のあらゆる商品を顧客がパーソナライズし、購入前にどのように見えるかを確認できます。
この要素を使用するには、まず Shopify ストアに をインストールし、そのすべてのオプションを設定する必要があります。ブランドに合わせて する必要があります。詳細については、次のビデオチュートリアルをご確認ください。
ボタン要素を設定する前に、エディターに製品詳細セクションがあることを確認してください。それが完了したら、製品詳細セクションにボタン要素をドラッグアンドドロップします。
ボタンテキストを追加します。この例では、ボタンテキストに「今すぐカスタマイズ」を追加しました。
General タブに移動 > ACTION パラメータまでスクロールします。
URL ドロップダウンメニューで / を選択 > URL バーにコードを貼り付けます。
/apps/zakeke?pid={{product.id}}
General タブで、ATTRIBUTES パラメータに移動 > HTML class に移動 >「zakeke-button」を追加します。
Styling タブに切り替えて、コンテンツカラー、タイポグラフィ、背景色などのボタンデザインをカスタマイズします。
すべて設定が完了したら、Save & publish を選択し、ライブビューで確認します。訪問者が Zakeke カスタマイズボタンをクリックすると、Zakeke のカスタマイズページに移動します。
Shopify 管理画面から Apps をクリック > 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
また、Shopify ストアに アプリがインストールされ、有効化されている必要があります。
ボタン要素の設定の詳細については、 をご確認ください。
Click action オプションで、Go to URL を選択 > Select URL ボタンをクリックします。
Select ボタンをクリックします。
エディターの左下サイドバーに移動 > Add custom Code > Custom JavaScript タブに を貼り付けます。
Save をクリックします。
カスタマイズ可能な Zakeke Product Customiser 2D 3D 製品の作成に関する詳細については、 をご確認ください。
