ホームページからWhatsAppアイコンを削除する

すべてのストア ページに WhatsApp アイコンが表示されており、ホームページでは非表示にしながら、GemPages で構築されたランディング ページでは表示されたままにしたい場合は、以下のガイドに従ってください。

WhatsAppアイコンがページにどのように追加されるかを確認します

WhatsApp アイコンがストアに追加された方法に応じて、その表示を制御する方法は異なる場合があります。

ホームページからWhatsAppアイコンを削除する手順

WhatsApp アイコンを削除するには、簡単な手順に従ってください。

オプション1: GemPagesを使用して追加

GemPages エディターに WhatsApp アイコンが追加された場合は、GemPages で構築されたページから簡単に削除できます。

ホームページから WhatsApp アイコンを削除するには:

• に行く GemPagesダッシュボード > ページ > ホーム

• ホームページを見つけてGemPagesエディタを開きます
• WhatsAppアイコンに移動し、 削除 ボーマンは
• ヒット Save 変更を保存するには、ホームページを再公開する必要があります。

特定のページにのみアイコンを追加するには:

• GemPages エディターで特定のランディング ページを見つけます。

• ドラッグ＆ドロップ ボタン 素子 アイコンを表示したい場所。
• WhatsApp アイコンをアップロードします (サポートされている形式: .svg)。
• WhatsApp ボタンのテキスト、色、背景、サイズ、パディングを構成します。

• Save 更新してページを再公開します。

オプション2: サードパーティのアプリ経由で追加

多くの WhatsApp チャット アプリ (例: SuperLemon、Chaty) は、デフォルトでストア全体にアイコンを挿入します。

アイコンが表示される場所を制御するには:

• アプリを開いて Shopify管理者.
• 探す ディスプレイの設定 or 対象ページ.
• リストから「ホームページ」を削除するか、 カスタム表示ルール (例: URL またはページ)。
• 変更を保存します。

オプション3: テーマに埋め込む

WhatsAppを手動で追加した場合 theme.liquid または特定のセクション ファイルを Liquid ロジックでラップして、ホームページから非表示にすることができます。

方法は次のとおりです。

• に行く オンラインストア > テーマ > コード編集.
• ファイルを見つける（おそらく theme.liquid or footer.liquid ).
• WhatsApp コード ブロックを見つけます。
• 次の条件でラップします。

{% unless template == 'index' %}

<!-- WhatsApp widget code -->

{% endunless %}

これにより、WhatsAppアイコンがホームページに表示されなくなります（index）に表示されますが、ランディング ページを含む他のすべてのページにも表示されます。

よくあるご質問

1. WhatsApp アイコンがアプリからのものか、GemPages からのものかはどうすればわかりますか?

アイコンがすべてのページ（GemPages で編集していないページも含む）に表示される場合は、サードパーティのアプリまたはテーマによって挿入された可能性があります。
これを確認するには、次の点を確認してください。

• アイコンが 目に見える GemPages エディター内では手動で追加されます。
• もし 目に見えない GemPages 内ですが、ライブで表示されます。これは、テーマまたは Shopify アプリから取得されます。

2. GemPages を使用して、一部のページで WhatsApp アイコンを非表示にし、他のページではアイコンを残すことはできますか?

はい！GemPages V7をご利用の場合は、ボタン要素または画像要素を使用して、選択したページにのみWhatsAppアイコンを追加できます。他のページには手動で追加しない限り、影響はありません。