{"id":148,"date":"2024-10-08T11:27:31","date_gmt":"2024-10-08T11:27:31","guid":{"rendered":"https:\/\/docs.codevibrant.com\/yaatra-blog\/?p=148"},"modified":"2024-10-08T11:27:31","modified_gmt":"2024-10-08T11:27:31","slug":"404-page-customizations-in-yaatra-pro","status":"publish","type":"post","link":"https:\/\/docs.codevibrant.com\/yaatra-blog\/404-page-customizations-in-yaatra-pro\/","title":{"rendered":"404 Page customizations in Yaatra Pro"},"content":{"rendered":"<div class=\"mt-docs-green-note\">\n<p>This feature is in the pro version of Yaatra Blog. Please make sure to purchase the Yaatra Pro to enable this feature on your website<\/p>\n<\/div>\n\n\n<p>Yaatra Pro features editing your 404 error pages. <strong>404 Error Page<\/strong>&nbsp;is one of the integral and basic pages of any websites. They are there to provide users with information regarding the page they are searching for and redirect them to another pages. Information displaying on this page should be easy for users to understand.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-31-1024x484.png\" alt=\"\" class=\"wp-image-149\" srcset=\"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-31-1024x484.png 1024w, https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-31-300x142.png 300w, https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-31-768x363.png 768w, https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-31.png 1277w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your WordPress dashboard, and then go to Appearance > Customize<\/li>\n\n\n\n<li>Look for Innerpage Settings in the customize and click on 404 Error option inside it.<\/li>\n<\/ul>\n\n\n\n<p>There are<strong> two layout options<\/strong> for you to select for your <strong>404 Error page<\/strong>. If you select<strong> Default Style<\/strong>, your 404 Page will be adapted by inbuilt page as shown in image above.<\/p>\n\n\n\n<p>But if you select <strong>Extra Layout<\/strong>, you can coherently customize your <strong>404 page <\/strong>with your own design preferences.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"501\" src=\"http:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/404-Error-Page-1024x501.jpg\" alt=\"404 Error Page\" class=\"wp-image-152\" srcset=\"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/404-Error-Page-1024x501.jpg 1024w, https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/404-Error-Page-300x147.jpg 300w, https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/404-Error-Page-768x376.jpg 768w, https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/404-Error-Page.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose your own image by clicking on the Select Image option<\/li>\n\n\n\n<li>Add headline via 404 Page Headline option below selecting image section<\/li>\n\n\n\n<li>Insert your content for the error page below the headline section<\/li>\n\n\n\n<li>Add your button label and give URL to it.<\/li>\n\n\n\n<li>If you want to showcase your latest post in 404-page, toggle on the Activate Latest Posts option below the URL section.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"533\" src=\"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-32.png\" alt=\"\" class=\"wp-image-153\" srcset=\"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-32.png 238w, https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-32-134x300.png 134w\" sizes=\"auto, (max-width: 238px) 100vw, 238px\" \/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Click on <strong>Publish <\/strong>button to save your changes<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>This feature is in the pro version of Yaatra Blog. Please make sure to purchase the Yaatra Pro to enable this feature on your website Yaatra Pro features editing your 404 error pages. 404 Error Page&nbsp;is one of the integral and basic pages of any websites. They are there to provide users with information regarding [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-148","post","type-post","status-publish","format-standard","hentry","category-innerpage-settings"],"_links":{"self":[{"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/posts\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/comments?post=148"}],"version-history":[{"count":3,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/posts\/148\/revisions"}],"predecessor-version":[{"id":154,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/posts\/148\/revisions\/154"}],"wp:attachment":[{"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/media?parent=148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/categories?post=148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/tags?post=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}