Recipe Widget for your website
Share polished recipe cards with ingredients, step-by-step directions, images, timing, nutrition, ratings, print and share actions, and optional Recipe schema markup. Customize the card, preview it, and embed it on any website without code.
How to add a Recipe Widget
Add your recipe details
Enter the title, description, image, ingredients, directions, timing, servings, nutrition, notes, and optional video.
Customize the recipe card
Choose light or dark styling, adjust colors and width, and decide which content and visitor actions to show.
Embed it on your site
Preview the finished recipe widget, copy the embed code, and place it on your blog, menu page, or food brand website.
Publish recipe cards visitors can actually use
Show complete recipe details
Bring the important parts of a recipe together in one responsive card: image, description, author, cuisine, course, servings, timing, calories, rating, ingredients, directions, notes, and video.
Help visitors cook from the page
Cook mode lets visitors expand steps and check off progress. Ingredient checkboxes, serving adjustments, unit conversion, and copy-to-list controls make the recipe easier to follow.
Customize the card for your brand
Use light or dark themes, choose colors, set card width and corner radius, control text alignment, and add scoped CSS for advanced refinements.
Support recipe discovery
Optional recipe schema markup keeps structured recipe details in your embeds, including ingredients, instructions, timing, nutrition, image, and rating data, so search engines can read and surface them.
Jform 위젯이 특별한 이유
Jform의 위젯을 사용하면 웹사이트를 더욱 상호작용형으로 만들고 전환율을 높일 수 있습니다. 별점 평가, 후기 슬라이더, 소셜 프루프 팝업, 미디어 삽입까지 다양한 도구를 양식이나 랜딩 페이지 안에 결합해 코딩 없이 데이터를 수집하고, 신뢰를 쌓으며, 리드를 확보할 수 있습니다.
Add Jform widgets to your website with a simple embed code. Customize the widget, preview how it looks, and paste it into any page that supports custom HTML or embed blocks to all platforms, no developer required.
Use Jform Website Widgets to collect leads, show customer feedback, display social proof, embed media, or add helpful on-page tools. Each widget helps visitors interact with your business directly from the page.
If you need help setting up, customizing, embedding, or troubleshooting your widget, Jotform’s customer support team is available 24/7. You can move forward with confidence, knowing help is there when you need it.
Where to use your Recipe Widget
Add recipe cards anywhere visitors need clear ingredients, instructions, and cooking details without leaving the page.
Food blogs that need reusable cards below recipe stories and photography.
Restaurant websites that share signature dishes, seasonal specials, or cooking tips.
Nutrition and wellness pages that need servings, calories, diet badges, and prep details.
Cooking class pages that publish step-by-step instructions for students.
Product pages that show customers how to use ingredients, cookware, or meal kits.
Community portals that collect and share recipes from members or staff.
Jform 양식 빌더로 리드를 유료 고객으로 전환하세요
Jform으로 참여를 행동으로 전환하세요. 리드를 확보하고 결제를 수집하며 응답을 자동화하는 강력한 양식을 한 곳에서 만들어 보세요. 모든 제출물은 Jform 받은 편지함으로 모여, 후속 조치를 하거나 즐겨 사용하는 앱과 연동할 준비를 마치게 됩니다.
Get Started - It’s Free!
자주하는 질문
What is a Recipe Widget?
A Recipe Widget is an embeddable recipe card that displays cooking details such as ingredients, directions, images, prep time, cook time, servings, nutrition, and notes.
Can I add ingredients and step-by-step directions?
Does the widget support recipe images and videos?
Can visitors adjust serving sizes?
Can visitors switch between US and metric units?
Can I include recipe schema markup?
Can I customize the design?
Do I need to code?