インストール方法ShareThis' Tools on Jumpseller

In order for ShareThis tools to work on your Jumpseller website, follow the steps below to add your unique ShareThis code to the <head> section of your website: 

  1. Log in or sign up to the ShareThis プラットフォーム.
  2. Add your domain.
  3. Copy your unique ShareThis installation script.
    • You can find it in Step 1 of any App page (e.g., Inline Share Buttons, Sticky Share Buttons, Follow Buttons).
    • Or, you can find the same script in Settings → Setup inside the Platform.
  4. Jumpsellerのウェブサイトにログインしてください。
  5. 左のナビゲーションバーで、[テーマ] > [ ビジュアルエディタ]を選択します。
  6. 一般設定で、「設定の編集」→「その他のオプション」をクリックします。
  7. Scroll down to “Embed code on the end of <head>”.
  8. Paste the unique ShareThis code you copied from step 3 into it.
  9. In the ShareThis Platform, open the app you want to use and click Enable App to activate it on your site.
  10. (Optional but recommended) Customize your app.
    • Choose between Smart Share Buttons or manual selection of networks.
    • Adjust colors to match your brand.
    • Set button size, shape, alignment, and enable share counts if desired.

インラインShareThis ツールの追加

インラインツールは、あなたのサイトで動作するようにコードの余分なスニペットを必要とします。インライン共有ボタン、フォローボタン、反応ボタン、ソーシャルフィードツールをウェブサイトにインストールしたい場合は、ツールを表示したい場所に配置コードを追加する必要があります。

  1. ShareThis プラットフォームで、使用するShareThis ツールを選択し、配置コードをコピーします。インストールするツールによっては、以下のようなコードになるはずです。
     
  2. ビジュアルエディタで「+新しいセクションの追加」をクリックし、「カスタムコード」を選択して、手順1でコピーしたボタンの配置コードを追加したら、セクションを好きなように並べ替えることができます。
  3. Save Changes "をクリックします。

また、コードエディターを使って配置コードを追加することもできます。例えば、商品の説明文にコードを追加したい場合は、Partials、list_product.liquidの順にアクセスして、「Add to cart」を検索（Control + F）して、{% endif %}の後の新しい行にコードを追加してください。

注：ShareThis ツールは、ウェブサイトのバックエンドに表示されない場合がありますので、表示するには公開されているウェブサイトにアクセスする必要があります。