ウェブサイト用のレシピカードウィジェット

材料、段階的な手順、画像、時間、栄養、評価、印刷・共有機能、そして任意のレシピスキーマ・マークアップを備えた、洗練されたレシピカードを共有しましょう。カードをカスタマイズしてプレビューし、コーディング不要で任意のウェブサイトに埋め込めます。

Recipesウィジェットの作成方法

Add your recipe details

レシピの詳細を追加

タイトル、説明、画像、材料、手順、時間、分量、栄養、メモ、そして任意の動画を入力します。

Customize the recipe card

レシピカードをカスタマイズ

ライトまたはダークのスタイルを選び、色と幅を調整し、表示するコンテンツと訪問者の操作を決めます。

Embed it on your site

サイトに埋め込む

完成したレシピウィジェットをプレビューし、埋め込みコードをコピーして、ブログ、メニューページ、フードブランドのウェブサイトに配置します。

訪問者が実際に使えるレシピカードを公開

レシピの詳細をすべて表示

レシピの重要な要素を、1つのレスポンシブなカードにまとめます。画像、説明、作成者、料理のジャンル、コース、分量、時間、カロリー、評価、材料、手順、メモ、動画など。

Show complete recipe details

訪問者がページから料理できるようにサポート

クックモードでは、訪問者が手順を展開し、進捗をチェックできます。材料のチェックボックス、分量調整、単位変換、リストへのコピー機能により、レシピをより簡単に追えます。

Help visitors cook from the page

ブランドに合わせてカードをカスタマイズ

ライトまたはダークのテーマを使い、色を選び、カードの幅と角丸を設定し、テキストの配置を調整し、高度な調整のためにスコープ付きCSSを追加できます。

Customize the card for your brand

レシピの発見をサポート

任意のレシピスキーマ・マークアップにより、材料、手順、時間、栄養、画像、評価のデータを含む構造化されたレシピの詳細が埋め込みに保持されるため、検索エンジンがそれらを読み取って表示できます。

Support recipe discovery

Recipesを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日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。

レシピウィジェットの活用場所

訪問者がページを離れることなく、分かりやすい材料、手順、調理情報を必要とする場所ならどこにでもレシピカードを追加できます。

レシピの記事や写真の下に再利用できるカードが必要なフードブログ

看板料理、季節限定メニュー、料理のヒントを紹介するレストランのウェブサイト

分量、カロリー、食事制限バッジ、下ごしらえの詳細が必要な栄養・ウェルネスのページ

生徒向けに段階的な手順を公開する料理教室のページ

食材、調理器具、ミールキットの使い方をお客様に紹介する商品ページ

メンバーやスタッフからレシピを集めて共有するコミュニティポータル

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

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

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

よくある質問 (FAQ)

  • レシピウィジェットとは?

    レシピウィジェットは、材料、手順、画像、準備時間、調理時間、分量、栄養、メモなどの調理情報を表示する、埋め込み可能なレシピカードです。

  • 材料と段階的な手順を追加できますか?

  • このウィジェットはレシピの画像や動画に対応していますか?

  • 訪問者は分量を調整できますか?

  • 訪問者は米国標準とメートル法の単位を切り替えられますか?

  • レシピのスキーマ・マークアップを含められますか?

  • デザインをカスタマイズできますか?

  • コーディングは必要ですか?