Tapcartと連携する

Fireworkの動画とライブストリームをTapcartアプリで活用する方法を学びましょう。

前提条件: Shopifyアカウントに紐付けられたTapcartアプリがダウンロードされていることを確認してください。

TapcartアプリへのFireworkウィジェットの追加

まず、 Tapcart - モバイルアプリに移動し、 カスタムブロックを追加します。

ブロックエディターを起動」をクリックします。3つのタブ(HTML、CSS、JS)すべてからデフォルトのスクリプトを削除してください。

Launch tapcart editor

次に、別のタブで ビジネスポータルを開きます。

Tapcartアプリで動画を表示したい プレイリスト/動画/ライブストリーム に移動し、HTMLコードをコピーします。

Tapcartアプリに戻り、カスタムブロック内のHTMLタブに直接貼り付けてください。

新しいブラウザウィンドウで、こちらを https://asset.fwcdn3.com/js/integrations/shopify/tapcart.js スクリプト全体をコピーし、このTapcart連携スクリプトの内容をカスタムブロックのJSタブに貼り付けます。

スクリプトをdivで囲むようにしてください。以下を追加します。 <div id="fw-container">を埋め込みスクリプトの上に追加します。

wrap container in div

Tapcartカスタムブロックエディターの右側にあるプレビューエリアにFireworkウィジェットが表示されるはずです。必ず 保存をクリックしてください。

に戻ります。 Tapcartホーム。あなたの カスタムブロック をアプリの目的のセクションに移動します。右上の プレビュー をクリックすると、埋め込まれたFireworkカスタムブロックを含むアプリ全体が表示されます。表示準備が整ったら保存してください。