購入ボタンウィジェット

Create a Buy Button That Turns Browsing Into Checkout

商品ページ、カート、購入手続き、バンドル、期間限定オファー向けのノーコード購入CTAを作成しましょう。リンク先URLを設定し、埋め込みまたはフローティング表示を選択して、メッセージやボタンのスタイルをサイトに合わせてカスタマイズできます。

Create a Buy Button That Turns Browsing Into Checkout Hero Bg Image

購入者を適切な購入ページへ誘導

ボタンを商品ページ、カート、購入手続き、決済リンク、バンドルページ、キャンペーンページにリンクし、訪問者が興味を持ってから購入するまでの流れをスムーズにします。

購入向けの設定項目:

購入手続きURLカートURL商品ページオファーページ新しいタブで開く
購入リンクを設定
Send shoppers to the right purchase page

埋め込み型またはフローティング表示を選択

商品セクション内にボタンを配置したり、長いコレクション、ローンチ、キャンペーンページをスクロールしても常に表示させたりできます。

Placement options include:

Embeddedフローティング表示8か所の配置Side offsetBottom offset
Choose Placement
Choose embedded or floating placement

より明確な購入メッセージを追加

メインラベルと短い補足テキストをボタンの上または下に表示し、クリック後の動作を購入者にわかりやすく伝えます。

Content controls include:

Main labelText aboveText belowアイコンを表示Icon position
購入ボタンのテキストを編集
Add a clearer purchase message

ボタンのデザインと表示条件を設定

ボタンとテキストの色、補足テキストの色、サイズ、角の丸み、影、デスクトップとモバイルでの表示、ブランディング、範囲を限定したカスタムCSSを調整できます。

Style controls include:

Button colorsText colorsサイズ調整Mobile visibilityカスタムCSS
購入ボタンのスタイルを設定
Style the button and control visibility