自社のヒント&ナレッジ共有

fmachida
参加者

チャットの吹き出し表示位置は設定できますか

解決

WordPressテーマのTOPへ戻るボタンが位置調整できず、HubSpotチャットの吹き出しと重なってしまいますが位置調整は可能でしょうか。

0 いいね!
1件の承認済みベストアンサー
Keit
解決策
ガイド役 | Elite Partner
ガイド役 | Elite Partner

チャットの吹き出し表示位置は設定できますか

解決

@fmachida さま

 

HubSpotのチャットの表示位置ですが、管理画面からは変更ができませんが、

CSSで制御されているので、以下のIDに対し、CSSでポジションを指定すると表示位置の調整が可能です。

 

#hubspot-messages-iframe-container {
bottom:100px !important;
}
#hubspot-messages-iframe-container.widget-align-right {
left:1200px !important;
}

 

CSSの解説はこの場では記載しませんが、以下のページなどをご確認ください。

https://blog.codecamp.jp/css-position-property

 

以上、ご参考になれば幸いです。

元の投稿で解決策を見る

3件の返信
fmachida
参加者

チャットの吹き出し表示位置は設定できますか

解決

とても助かります。ありがとうございました。

 

 

natsumimori
コミュニティーマネージャー
コミュニティーマネージャー

チャットの吹き出し表示位置は設定できますか

解決

@Keit さんのアドバイスに付け加えて、チャットウィジェットを右下表示と左下表示どちらにするか、だけでしたら変更可能なのでご紹介します^^

  1. 受信トレイ
  2. 受信トレイ
  3. チャネル
  4. チャットウィジェットの配置
    Mouse_Highlight_Overlay.png
Keit
解決策
ガイド役 | Elite Partner
ガイド役 | Elite Partner

チャットの吹き出し表示位置は設定できますか

解決

@fmachida さま

 

HubSpotのチャットの表示位置ですが、管理画面からは変更ができませんが、

CSSで制御されているので、以下のIDに対し、CSSでポジションを指定すると表示位置の調整が可能です。

 

#hubspot-messages-iframe-container {
bottom:100px !important;
}
#hubspot-messages-iframe-container.widget-align-right {
left:1200px !important;
}

 

CSSの解説はこの場では記載しませんが、以下のページなどをご確認ください。

https://blog.codecamp.jp/css-position-property

 

以上、ご参考になれば幸いです。