Webflowに対応
Webflow向けライブバーチャル試着
Webflowのブランドは商品ページを一から作り込んでいるので、「試着する」ボタンもそのデザインになじむべきです。サイトのカスタムコードに1行追加し、ボタンをぴったりの場所に配置しましょう。
Starterは月額$29で試着40回、Growthは$99で130回、Scaleは$199で400回。試着は各15秒です。 料金を見る
WebflowにWeTryOnを追加する方法
1. 登録する
app.wetryon.aiで無料トライアルを始め、公開しているドメインを追加します。
2. カスタムコードを追加する
サイト設定から「Custom code」を開き、「Footer code」に1行貼り付けて保存し、公開します。
3. ボタンを配置してデザインする
配置ツールで商品テンプレート上の位置をクリックし、ダッシュボードでボタンの色と角の形をデザインに合わせて設定します。
Webflowで知っておきたいこと
必要なプラン
Webflowでは、有料のサイトプランでカスタムコードを使えます。1行は公開済みのサイトに入っている必要があるので、保存した後に公開してください。
Ecommerceテンプレート
商品テンプレートから作られたページはすべて同じ構造なので、1つの配置ルールですべてに対応できます。
デザインはそのまま
ボタンは選んだ色と形になり、試着はページの上に開く専用のウィンドウで表示されるので、レイアウトやインタラクションには影響しません。
Webflowでのバーチャル試着：よくある質問
Webflowの無料プランで使えますか？
いいえ。カスタムコードには有料のサイトプランが必要で、1行は公開済みのサイトに入っている必要があります。
ボタンをWebflowのデザインに合わせられますか？
はい。ダッシュボードで色と形を選び、配置ツールでレイアウトに合う場所に置いてください。
Webflow Ecommerceは必要ですか？
検索エンジン向けに商品情報を公開する商品ページが必要で、Webflow Ecommerceのテンプレートはそれを満たしています。CMSページでも、headに商品情報を追加すれば動作します。