フローティングボタンのデザインを変更し、自社にあったフローティングボタンにすることが可能です。

※ 足りないプロパティ設定など順次追加しておりますので、必要なプロパティがあればお問い合わせください。

画像設定

画像を設定は imageUrl に画像のURLを設定してください。 画像はフローティングボタンを表示する場合、必須になります。

SmartSearch.initialize({
  smartSearchKey: '11111111-1111-1111-1111-111111111111',
  userId: '#USER_ID#',
  imageUrl: 'https://app.smart-search.tech/floating-button.png',
});

吹き出し文言変更

吹き出しに表示する文言を設定することができます。 吹き出し内の文言は titleと description で構成されています。

SmartSearch.initialize({
  smartSearchKey: '11111111-1111-1111-1111-111111111111',
  userId: '#USER_ID#',
  imageUrl: 'https://app.smart-search.tech/illust-icon.png',
  title: 'SmartSearchです',
  description:'ベータ版の検索機能です。',
});

スタイリングの変更

フローティングボタンのスタイリングを変更する場合は floatingButtonStyle を設定してください

設定できる内容については下記 SearchBarStyleパラメータ一覧 を参照してください。