アイコン要素 

アイコン要素とは何ですか?

その アイコン要素 GemPages を使用すると、ページにアイコンを追加して、視覚的な魅力を高め、重要な情報を効果的に提供できます。 

この要素を使用すると、ユーザー エクスペリエンスを向上させ、重要な詳細を強調し、訪問者との信頼を強化できます。

アイコン要素の一般的な使用例を以下に示します。

• 信頼バッジとセキュリティインジケーター: 「安全な支払い」、「迅速な配送」、「返金保証」などのアイコンは、顧客に安心感を与え、信頼を築くことができます。
• 製品の特長: アイコンを使用して、「環境に優しい」、「手作り」、「使いやすい」などの製品の利点に注目を集めます。これらのアイコンを短い説明と組み合わせて、ページをより魅力的で視覚的にわかりやすいものにします。

ページにアイコン要素を追加するにはどうすればいいですか?

GemPages Editor v7 を使用してページにアイコン要素を追加するには、以下の手順に従います。

• あなたにログインする Shopify管理者 > GemPages ビルダー アプリ> ページ.
• アイコン要素を追加するページをクリックしてエディターに入ります。
• 左側のサイドバーからこの要素を検索し、ページ上の目的の位置にドラッグアンドドロップします。

• 要素を見つけて設定を開き、さらにカスタマイズします。

設定タブを構成する

下 設定 タブでは、アイコンの表示を好みに応じて設定できます。

アイコン

下 アイコン セクションでは、この要素に表示するアイコンを選択できます。

• オプション1: GemPagesシステムライブラリから選択する

ドロップダウンからアイコン スタイルを選択するか、検索ボックスにアイコン名を入力して、希望するアイコンを見つけます。

• オプション2: カスタムアイコンをアップロードする

参照する この記事 カスタム アイコンのアップロードの詳細については、こちらをご覧ください。

次に、アイコンの色を好みに合わせて変更し、アイコンのサイズとパディングをブランド デザインに合わせて調整します。

経歴

アイコンの背景色を変更するには 経歴 セクション。いくつかのオプションから希望の色を選択できます。

• からお選びいただけます 最近の色 or あなたにおすすめ.
• カラーボックスをクリックすると、カラー見本が開きます。
• カラーピッカーを使用して、ページ上の他の要素から色を選択します。

リンク

このセクションをオンにして選択してください クリック後 リストからのアクション:

• ページを開く: 顧客を関連ページ（製品の詳細、FAQ など）に誘導します。
• スクロール: ページのセクションまでスクロールします
• ポップアップを開く: アイコンをクリックするとポップアップが表示されます
• メールを送る： 顧客がアイコンをクリックするとメールが送信されます
• 電話をかける: 特定の電話番号に自動的に電話をかける

整列

アイコンを 左, センターまたは 右 レイアウトに合わせて調整します。

詳細タブを設定する

より高度なカスタマイズについては、「詳細設定」タブに移動し、 この記事.