Recipes Widget

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

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

今すぐ無料で作成!
Recipe Widget for your website Hero Background image

レシピウィジェットの作成方法

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

レシピをWordPressに埋め込む方法

1埋め込みコードを取得

Jotformのホームページウィジェットをカスタマイズしたら、「無料で試す」をクリックし、生成された埋め込みコードをコピーします。

2ページエディターを開く

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

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

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

4更新して表示

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

Jotform ホームページウィジェットが選ばれる理由

Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声を表示するスライダー、ソーシャルプルーフのポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、実績や信頼性のアピール、見込み顧客の獲得を実現できます。コーディングは不要です。

コーディングなしで埋め込む

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

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

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

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

ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間年中無休で対応します。必要なときにいつでもサポートを受けられるので、安心してご利用いただけます。

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

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

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

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

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

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

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

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

Jotformのフォーム作成ツールで見込み顧客を顧客へと導く

Jotformで訪問者の関心を具体的なアクションにつなげましょう。見込み顧客の獲得、決済の受付、返信の自動化ができる高機能なフォームを、すべて一か所で作成できます。送信された回答はすべてJotformインボックスに届くため、フォローアップやお気に入りのアプリとの連携も簡単です。

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

よくある質問 (FAQ)

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

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

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

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

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

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

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

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

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