Understanding Floating vs Embedded Language Switcher in MultiLipi

MultiLipiオファー 2つの柔軟な方法 to place the language switcher on your website — フローティング そして 埋め込み — so it fits your design and user experience needs.

1. Floating Switcher

What is it?
ザ floating switcher appears as a small, draggable widget positioned in one of the corners of your screen — typically:

• 左下
• 右下
• 左上
• 右上

Why use it?

• あなたが don’t need to edit your HTML manually.
• Works out-of-the-box on any website, including WordPress, Shopify, Webflow, etc.
• のユーザーに自動的に表示されます。 すべての画面サイズ .
• プラグアンドプレイで素早くインストールできるのに最適です。

使用例:
You're launching a multilingual site and want the switcher to always be visible in the bottom-left corner of the screen without changing the layout.

2. Embedded Switcher

What is it?
ザ embedded switcher lets you place the switcher inside a specific part of your HTML, such as:

• ナビゲーションバー ( <nav>)
• サイドバーウィジェット
• フッターセクション

これを行うには、 CSS セレクター (例: #language-switcher, .nav-メニュー など)MultiLipi ダッシュボードで。

Why use it?

• It シームレスにブレンド into your website’s design.
• Perfect for custom layouts or sites where you want full control over where the language switcher appears.
• Helpful for users who expect the switcher near the navigation or in a dropdown menu.

大事な：
提供された CSS セレクターが ページに見つかりません の場合、MultiLipiは自動的に フローティング switcher — ensuring it still appears.

 

フォールバックロジック:組み込みが失敗した場合はどうなりますか?

If the switcher 埋め込みターゲットが見つかりません on your webpage (e.g., you removed the div or changed its class name), then MultiLipi:

• Automatically switches to Floating mode
• ユーザーが次のことを行うことができることを保証します。 まだ言語の変更 without any disruption
• ログ コンソールの警告 デバッグ用のブラウザーで

どちらを使うべきですか?

概要

選ぶ フローティング for simplicity and 埋め込み for design control. MultiLipi’s smart fallback logic ensures your switcher always works — even if your layout changes.