ウェブサイト向けカートに入れる ボタンウィジェット

商品、カート、チェックアウト、決済URLへ購入者を直接誘導できる購入ボタンを、ノーコードで作成できます。埋め込み配置やフローティング配置を使い、補足テキストを追加し、アイコンを選び、Webサイトに合うよう購入CTAのスタイルをカスタマイズできます。

Buy Buttonウィジェットの作り方

Choose the purchase destination

購入先を選択

ボタンを設定して、商品ページ、カート、チェックアウトURL、決済リンク、セット商品ページ、期間限定オファーページを開くことができます。

Customize the message and design

メッセージとデザインをカスタマイズ

メインラベル、上下の補足テキスト、アイコン、色、サイズ、角の丸み、影、配置を編集できます。

Embed the Buy Button on your site

サイトに購入ボタンを埋め込む

購入CTAをプレビューし、生成された埋め込みコードをコピーして、コーディングなしで商品ページ、キャンペーンページ、購入に特化したランディングページに、コーディング不要で購入ボタンを設置できます。

購入までの流れをよりスムーズに

購入先へ直接リンク

一つの明確なCTAで、訪問者を商品ページ、カート、チェックアウト、決済リンク、バンドル、オファーURLへ誘導しましょう。

Link straight to the buying destination

閲覧中も購入CTAを常に表示

商品セクション内には埋め込み配置を使用し、長いページではフローティング配置を使用することで、ボタンをいつでも押しやすい位置に表示できます。

Keep the purchase CTA visible while visitors browse

クリック前に補足情報を追加

メインラベルに加えて、ボタンの上または下に短い補足テキストを表示し、購入者が次に行う操作をわかりやすく案内できます。

Add context before the click

ボタンをサイトに合わせて調整

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

Tune the button to match your site

Buy ButtonをWordPressに埋め込む方法

1埋め込みコードを取得

Jotformウェブサイトウィジェットをカスタマイズしたら、「Try it on your website for free」をクリックし、生成された埋め込みコードをコピーします。

2ページエディタを開く

ウィジェットを表示したいWordPressの投稿またはページに移動し、新しいブロックを追加します。

3カスタムHTMLブロックを追加

カスタムHTMLを選択し、Jotformウェブサイトウィジェットの埋め込みコードをHTMLフィールドに貼り付けます。

4更新して表示

更新または公開をクリックし、ページを開いて埋め込まれたウィジェットを確認します。

Jotformウェブサイトウィジェットが選ばれる理由

Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声のスライダーから、社会的証明のポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、証明の表示、リードの獲得を実現しましょう。コーディングは不要です。

コーディングなしでウィジェットを埋め込む

シンプルな埋め込みコードで、Jotformウィジェットをウェブサイトに追加できます。ウィジェットをカスタマイズし、見た目をプレビューして、カスタムHTMLや埋め込みブロックに対応したあらゆるページに貼り付けるだけ。開発者は一切不要です。

よりインタラクティブなページを作成

Jotformウェブサイトウィジェットを使って、リードの獲得、お客様のフィードバックの表示、社会的証明の掲載、メディアの埋め込み、便利なウェブページツールの追加ができます。各ウィジェットは、訪問者がウェブサイトから直接あなたのビジネスとやり取りできるようサポートします。

必要なときにサポートを受けられます

ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間365日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。

購入ボタンウィジェットの活用方法

訪問者が興味を持ってから購入手続きへスムーズに進めるよう、必要な場所に購入ボタンを設置できます。

商品詳細ページでは、訪問者を商品の発見からそのままカートや購入手続きへ移動させられます。

コレクションやカタログページでは、買い物客が複数のオファーを比較している間も購入CTAを常に表示しておけます。

セールや新商品ローンチのランディングページでは、注目商品、バンドル、期間限定オファーを目立たせられます。

寄付や会員登録ページでは、支援者を明確な次のステップとして決済ページへ誘導できます。

サンクスページやアップセルページでは、最初のコンバージョンの後に追加購入を提案できます。

モバイルキャンペーンページでは、コンパクトなフローティングCTAにより、小さな画面でも買い物客がより素早く行動できます。

Jotformフォーム作成ツールで、リードを有料顧客へと変えましょう

Jotformで、エンゲージメントをアクションへと変えましょう。リードの獲得、決済の回収、返信の自動化まで、すべてを一か所で実現する強力なフォームを作成できます。すべての回答はJotform受信トレイに届き、そこからフォローアップしたり、お気に入りのアプリと連携したりできます。

無料で今すぐ始める
Convert leads into customers

よくある質問 (FAQ)

  • 購入ボタンウィジェットとは何ですか?

    カートに入れる ボタンウィジェットは、買い物客を購入手続き、カート、決済、または商品ページへ誘導するために、ウェブサイトに埋め込めるカスタマイズ可能な購入CTAです。

  • 購入ボタンはどこにリンクできますか?

  • 埋め込み配置とフローティング配置は使えますか?

  • ボタンの周りのテキストをカスタマイズできますか?

  • 別のアイコンを選べますか?

  • 購入ボタンを自分のウェブサイトのスタイルに合わせられますか?

  • デスクトップとモバイルでの表示を制御できますか?

  • 購入ボタンを追加するのにコードは必要ですか?