{"id":36,"date":"2024-11-05T13:54:18","date_gmt":"2024-11-05T13:54:18","guid":{"rendered":"https:\/\/docs.elegant.menu\/?p=36"},"modified":"2024-11-24T11:40:37","modified_gmt":"2024-11-24T11:40:37","slug":"how-to-use-elegant-menu-on-your-website-a-step-by-step-guide","status":"publish","type":"post","link":"https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/","title":{"rendered":"How to Use Elegant Menu on Your Website: A Step-by-Step Guide"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Adding an interactive digital menu to your website has never been easier! Elegant Menu offers a beautiful, modern menu experience that restaurants, cafes, and hotels can easily embed on their websites, giving customers a convenient way to browse your offerings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you have not created a menu on our platform please checkout this post: <a href=\"https:\/\/docs.elegant.menu\/how-to-create-a-nice-digital-menu-for-your-restaurant-for-free\/\">How to create a nice digital menu for your restaurant for free<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this guide, we&#8217;ll show you how to integrate Elegant Menu into your website using an iframe. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Follow these steps to effortlessly add Elegant Menu to your website and provide customers with a seamless browsing experience!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Why Use Elegant Menu?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Elegant Menu is a powerful tool designed to create digital menus with a polished and easy-to-navigate design. Embedding it on your website helps you:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Reduce wait times<\/strong> by letting customers browse the menu before arriving or while waiting for a server.<\/li>\n\n\n\n<li><strong>Simplify updates<\/strong> since any changes to your menu on Elegant Menu automatically reflect on your site.<\/li>\n\n\n\n<li><strong>Enhance user experience<\/strong> with a sleek, responsive menu that looks great on both desktop and mobile devices.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step-by-Step Guide to Embed Elegant Menu on Your Website<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here\u2019s how you can easily embed your Elegant Menu into any page on your website.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step 1: Find Your Menu ID<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Log in to Elegant Menu<\/strong> and navigate to your dashboard.<\/li>\n\n\n\n<li>Select the menu you want to embed.<\/li>\n\n\n\n<li>Look for the unique <strong>MENU_ID<\/strong> associated with that menu. This ID is essential to create the correct embed link.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Step 2: Get Your Menu Link<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Using your unique <strong>MENU_ID<\/strong>, format the URL as follows:<\/p>\n\n\n\n<pre class=\"wp-block-code has-background\" style=\"background-color:#e9e9e9\"><code><code>https:\/\/elegant.menu\/menu\/&lt;MENU_ID&gt;\n<\/code><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">If you need to display only the menu part and not restaurant logo and footer add <strong>hideInfo=true<\/strong> url param at the end of link. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can find your menu id by clicking see menu button from your profile, then You can see the last bit of the url is your id. if your menu ID is <code>12345<\/code>, the complete URL will be:<\/p>\n\n\n\n<pre class=\"wp-block-code has-background\" style=\"background-color:#e9e9e9\"><code><code>https:\/\/elegant.menu\/menu\/12345?hideInfo=true<span style=\"background-color: initial; font-family: inherit; font-size: inherit; color: var(--wp--preset--color--contrast);\"><\/span><\/code><\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Step 3: Add the Iframe Code to Your Website<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Once you have your URL, you\u2019re ready to embed it using an iframe. An iframe allows you to display an external web page (in this case, your Elegant Menu) within your own site.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Go to the HTML section<\/strong> of your website where you\u2019d like to display the menu.<\/li>\n\n\n\n<li><strong>Insert the iframe code<\/strong> by copying and pasting the following code snippet. Replace <code>&lt;MENU_ID&gt;<\/code> with your actual menu ID. <\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code has-background\" style=\"background-color:#e9e9e9\"><code>&lt;iframe src=\"https:\/\/elegant.menu\/menu\/&lt;MENU_ID&gt;?hideInfo=true\" width=\"100%\" height=\"600px\" style=\"border:none;\" title=\"Elegant Menu\"&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Step 4: Customize the Iframe Settings (Optional)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You may want to adjust the height or width to better suit your website\u2019s layout. Here are some customization tips:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Width<\/strong>: Set to <code>100%<\/code> for responsive design, which ensures the menu fits within your website&#8217;s content area on all devices.<\/li>\n\n\n\n<li><strong>Height<\/strong>: The default height in the example is <code>600px<\/code>, which works well for most menus. You can adjust it as needed to fit more or less of the menu on the screen.<\/li>\n\n\n\n<li><strong>Border<\/strong>: By setting <code>style=\"border:none;\"<\/code>, the iframe will appear seamless on your website, blending in without any border.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Benefits of Embedding Elegant Menu via Iframe<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Embedding an iframe has multiple advantages, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ease of use<\/strong>: Simply update the content on Elegant Menu, and it reflects on your site instantly.<\/li>\n\n\n\n<li><strong>Consistency<\/strong>: The iframe ensures the menu styling remains consistent across your website and Elegant Menu.<\/li>\n\n\n\n<li><strong>Quick setup<\/strong>: With minimal code, your menu is up and running on your site in minutes.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Final Thoughts<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Using <a href=\"https:\/\/elegant.menu\">Elegant Menu<\/a> on your website creates a professional look while improving accessibility and user experience. By following these steps, you\u2019ll have a beautifully embedded menu that customers can view effortlessly. This iframe method is especially handy for website managers who need a fast, reliable, and visually appealing solution for displaying digital menus.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Give it a try, and let Elegant Menu elevate your online presence!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Now your website is ready to showcase a menu that\u2019s both elegant and practical. Enjoy the ease and style that Elegant Menu brings!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding an interactive digital menu to your website has never been easier! Elegant Menu offers a beautiful, modern menu experience that restaurants, cafes, and hotels can easily embed on their websites, giving customers a convenient way to browse your offerings.<\/p>\n","protected":false},"author":1,"featured_media":37,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[13],"class_list":["post-36","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-technical-guide"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Use Elegant Menu on Your Website: A Step-by-Step Guide - Elegant menu blog<\/title>\n<meta name=\"description\" content=\"Adding an interactive digital menu to your website has never been easier! Elegant Menu offers a beautiful menu that can be easily embeded on their websites.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use Elegant Menu on Your Website: A Step-by-Step Guide - Elegant menu blog\" \/>\n<meta property=\"og:description\" content=\"Adding an interactive digital menu to your website has never been easier! Elegant Menu offers a beautiful menu that can be easily embeded on their websites.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Elegant menu blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-05T13:54:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-24T11:40:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elegant.menu\/blog\/wp-content\/uploads\/2024\/11\/dark-style-with-orange-color-theme-and-an-order-button.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ben\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ben\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\\\/\"},\"author\":{\"name\":\"Ben\",\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/#\\\/schema\\\/person\\\/ec148090d5d0ea68d7f46c57f98532f3\"},\"headline\":\"How to Use Elegant Menu on Your Website: A Step-by-Step Guide\",\"datePublished\":\"2024-11-05T13:54:18+00:00\",\"dateModified\":\"2024-11-24T11:40:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\\\/\"},\"wordCount\":660,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/dark-style-with-orange-color-theme-and-an-order-button.jpg\",\"keywords\":[\"technical guide\"],\"articleSection\":[\"How-to\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/elegant.menu\\\/blog\\\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\\\/\",\"url\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\\\/\",\"name\":\"How to Use Elegant Menu on Your Website: A Step-by-Step Guide - Elegant menu blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/dark-style-with-orange-color-theme-and-an-order-button.jpg\",\"datePublished\":\"2024-11-05T13:54:18+00:00\",\"dateModified\":\"2024-11-24T11:40:37+00:00\",\"description\":\"Adding an interactive digital menu to your website has never been easier! Elegant Menu offers a beautiful menu that can be easily embeded on their websites.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elegant.menu\\\/blog\\\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/dark-style-with-orange-color-theme-and-an-order-button.jpg\",\"contentUrl\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/dark-style-with-orange-color-theme-and-an-order-button.jpg\",\"width\":1024,\"height\":1024,\"caption\":\"elegant menu\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use Elegant Menu on Your Website: A Step-by-Step Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/\",\"name\":\"Elegant menu docs\",\"description\":\"Create elegant restaurant menus\",\"publisher\":{\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/#organization\",\"name\":\"Elegant menu docs\",\"url\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/1708867110981-104005540.png\",\"contentUrl\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/1708867110981-104005540.png\",\"width\":150,\"height\":150,\"caption\":\"Elegant menu docs\"},\"image\":{\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/instagram.com\\\/elegant.menu\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/#\\\/schema\\\/person\\\/ec148090d5d0ea68d7f46c57f98532f3\",\"name\":\"Ben\",\"sameAs\":[\"http:\\\/\\\/docs.elegant.menu\"],\"url\":\"https:\\\/\\\/elegant.menu\\\/blog\\\/author\\\/ben\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use Elegant Menu on Your Website: A Step-by-Step Guide - Elegant menu blog","description":"Adding an interactive digital menu to your website has never been easier! Elegant Menu offers a beautiful menu that can be easily embeded on their websites.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/","og_locale":"en_US","og_type":"article","og_title":"How to Use Elegant Menu on Your Website: A Step-by-Step Guide - Elegant menu blog","og_description":"Adding an interactive digital menu to your website has never been easier! Elegant Menu offers a beautiful menu that can be easily embeded on their websites.","og_url":"https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/","og_site_name":"Elegant menu blog","article_published_time":"2024-11-05T13:54:18+00:00","article_modified_time":"2024-11-24T11:40:37+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/elegant.menu\/blog\/wp-content\/uploads\/2024\/11\/dark-style-with-orange-color-theme-and-an-order-button.jpg","type":"image\/jpeg"}],"author":"Ben","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ben","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/#article","isPartOf":{"@id":"https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/"},"author":{"name":"Ben","@id":"https:\/\/elegant.menu\/blog\/#\/schema\/person\/ec148090d5d0ea68d7f46c57f98532f3"},"headline":"How to Use Elegant Menu on Your Website: A Step-by-Step Guide","datePublished":"2024-11-05T13:54:18+00:00","dateModified":"2024-11-24T11:40:37+00:00","mainEntityOfPage":{"@id":"https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/"},"wordCount":660,"commentCount":0,"publisher":{"@id":"https:\/\/elegant.menu\/blog\/#organization"},"image":{"@id":"https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/elegant.menu\/blog\/wp-content\/uploads\/2024\/11\/dark-style-with-orange-color-theme-and-an-order-button.jpg","keywords":["technical guide"],"articleSection":["How-to"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/","url":"https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/","name":"How to Use Elegant Menu on Your Website: A Step-by-Step Guide - Elegant menu blog","isPartOf":{"@id":"https:\/\/elegant.menu\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/#primaryimage"},"image":{"@id":"https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/elegant.menu\/blog\/wp-content\/uploads\/2024\/11\/dark-style-with-orange-color-theme-and-an-order-button.jpg","datePublished":"2024-11-05T13:54:18+00:00","dateModified":"2024-11-24T11:40:37+00:00","description":"Adding an interactive digital menu to your website has never been easier! Elegant Menu offers a beautiful menu that can be easily embeded on their websites.","breadcrumb":{"@id":"https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/#primaryimage","url":"https:\/\/elegant.menu\/blog\/wp-content\/uploads\/2024\/11\/dark-style-with-orange-color-theme-and-an-order-button.jpg","contentUrl":"https:\/\/elegant.menu\/blog\/wp-content\/uploads\/2024\/11\/dark-style-with-orange-color-theme-and-an-order-button.jpg","width":1024,"height":1024,"caption":"elegant menu"},{"@type":"BreadcrumbList","@id":"https:\/\/elegant.menu\/blog\/how-to-use-elegant-menu-on-your-website-a-step-by-step-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elegant.menu\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Use Elegant Menu on Your Website: A Step-by-Step Guide"}]},{"@type":"WebSite","@id":"https:\/\/elegant.menu\/blog\/#website","url":"https:\/\/elegant.menu\/blog\/","name":"Elegant menu docs","description":"Create elegant restaurant menus","publisher":{"@id":"https:\/\/elegant.menu\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elegant.menu\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elegant.menu\/blog\/#organization","name":"Elegant menu docs","url":"https:\/\/elegant.menu\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elegant.menu\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elegant.menu\/blog\/wp-content\/uploads\/2024\/11\/1708867110981-104005540.png","contentUrl":"https:\/\/elegant.menu\/blog\/wp-content\/uploads\/2024\/11\/1708867110981-104005540.png","width":150,"height":150,"caption":"Elegant menu docs"},"image":{"@id":"https:\/\/elegant.menu\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/instagram.com\/elegant.menu"]},{"@type":"Person","@id":"https:\/\/elegant.menu\/blog\/#\/schema\/person\/ec148090d5d0ea68d7f46c57f98532f3","name":"Ben","sameAs":["http:\/\/docs.elegant.menu"],"url":"https:\/\/elegant.menu\/blog\/author\/ben\/"}]}},"_links":{"self":[{"href":"https:\/\/elegant.menu\/blog\/wp-json\/wp\/v2\/posts\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elegant.menu\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elegant.menu\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elegant.menu\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elegant.menu\/blog\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":0,"href":"https:\/\/elegant.menu\/blog\/wp-json\/wp\/v2\/posts\/36\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elegant.menu\/blog\/wp-json\/wp\/v2\/media\/37"}],"wp:attachment":[{"href":"https:\/\/elegant.menu\/blog\/wp-json\/wp\/v2\/media?parent=36"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elegant.menu\/blog\/wp-json\/wp\/v2\/categories?post=36"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elegant.menu\/blog\/wp-json\/wp\/v2\/tags?post=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}