diff --git a/frappe/website/doctype/web_page/web_page.js b/frappe/website/doctype/web_page/web_page.js
index c0a3bcdc20..c714b98241 100644
--- a/frappe/website/doctype/web_page/web_page.js
+++ b/frappe/website/doctype/web_page/web_page.js
@@ -48,3 +48,58 @@ frappe.ui.form.on('Web Page', {
frappe.utils.set_meta_tag(frm.doc.route);
}
});
+
+frappe.tour['Web Page'] = [
+ {
+ fieldname: "title",
+ title: "Title of the page",
+ description: "This title will be used as the title of the webpage as well as in meta tags",
+ },
+ {
+ fieldname: "published",
+ title: "Makes the page public",
+ description: "Checking this will publish the page on your website and it'll be visible to everyone.",
+ },
+ {
+ fieldname: "route",
+ title: "URL of the page",
+ description: "This will be automatically generated when you publish the page, you can also enter a route yourself if you wish",
+ },
+ {
+ fieldname: "content_type",
+ title: "Content type for building the page",
+ description: `You can select one from the following,
+
+ - Rich Text: Standard rich text editor with controls
+ - Markdown: Github flavoured markdown syntax
+ - HTML: HTML with jinja support
+ - Page Builder: Frappe page builder using components
+
+ `
+ },
+ {
+ fieldname: "insert_code",
+ title: "Client Script",
+ description: "Checking this will show a text area where you can write custom javascript that will run on this page.",
+ },
+ {
+ fieldname: "meta_title",
+ title: "Meta title for SEO",
+ description: "By default the title is used as meta title, adding a value here will override it.",
+ },
+ {
+ fieldname: "meta_title",
+ title: "Meta Title",
+ description: "By default the title is used as meta title, adding a value here will override it.",
+ },
+ {
+ fieldname: "meta_description",
+ title: "Meta Description",
+ description: "The meta description is an HTML attribute that provides a brief summary of a web page. Search engines such as Google often display the meta description in search results, which can influence click-through rates."
+ },
+ {
+ fieldname: "meta_image",
+ title: "Meta Image",
+ description: "The meta image is unique image representing the content of the page. Images for this Card should be at least 280px in width, and at least 150px in height."
+ },
+];
\ No newline at end of file