{"id":383,"date":"2022-06-23T15:37:59","date_gmt":"2022-06-23T14:37:59","guid":{"rendered":"https:\/\/blog.citrus-lime.com\/crmc\/?p=383"},"modified":"2022-06-24T11:23:38","modified_gmt":"2022-06-24T10:23:38","slug":"microsoft-power-pages","status":"publish","type":"post","link":"https:\/\/blog.citrus-lime.com\/crmc\/microsoft-power-pages\/","title":{"rendered":"Microsoft Power Pages"},"content":{"rendered":"\n<p>Power Pages is a new feature which is currently in preview from Microsoft, it allows you to build a low-code website which directly links with your Power Platform and data. There has been previous applications released by Microsoft in the past which are similar to this called Dynamics 365 Power and Power App Portals but they both required a fair level of coding knowledge along with Dynamics 365 knowledge making it difficult for non-technical individuals to build them.<\/p>\n\n\n\n<p>Power Pages will give you to ability to provide your clients with restricted access to your Power Platform data in a secure manner without the upfront costs of build a website, for example you can provide your client with access to there own profile within your Dynamics 365 system to add new information or raise new enquiries.<\/p>\n\n\n\n<p>The below is a Power Page Website which I have created and made some small modification too which shows the ease in which these can be built.<\/p>\n\n\n\n<p>This is the edit page of the portal which has been built around the idea of \u201cdrag and drop\u201d and selecting to make changes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1021\" height=\"378\" src=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-18.png\" alt=\"\" class=\"wp-image-384\" srcset=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-18.png 1021w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-18-300x111.png 300w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-18-768x284.png 768w\" sizes=\"auto, (max-width: 1021px) 100vw, 1021px\" \/><\/figure>\n\n\n\n<p>Below I have gone through the stages to add a new page, modify the content of the page, modify the styling of the website and linking my Power Page to my Dynamics 365 Data.<\/p>\n\n\n\n<p><strong><u>Adding a New Page<\/u><\/strong><\/p>\n\n\n\n<p>To add a new page to the website you simply click the + icon either next to \u201cMain Navigation\u201d if it\u2019s a core page you want visible on the top bar (like Home, Pages and Contact Us) or the + next to Other Pages for a non-visible back-end page.<\/p>\n\n\n\n<p>You are then provided with several default page layouts or the ability to start your own from fresh which can then be saved as a custom layout.<\/p>\n\n\n\n<p>Below I have gone through the stages to add a new page, modify the content of the page, modify the styling of the website and linking my Power Page to my Dynamics 365 Data.<\/p>\n\n\n\n<p><strong><u>Adding a New Page<\/u><\/strong><\/p>\n\n\n\n<p>To add a new page to the website you simply click the + icon either next to \u201cMain Navigation\u201d if it\u2019s a core page you want visible on the top bar (like Home, Pages and Contact Us) or the + next to Other Pages for a non-visible back-end page.<\/p>\n\n\n\n<p>You are then provided with several default page layouts or the ability to start your own from fresh which can then be saved as a custom layout.<\/p>\n\n\n\n<p>Below I have gone through the stages to add a new page, modify the content of the page, modify the styling of the website and linking my Power Page to my Dynamics 365 Data.<\/p>\n\n\n\n<p><strong><u>Adding a New Page<\/u><\/strong><\/p>\n\n\n\n<p>To add a new page to the website you simply click the + icon either next to \u201cMain Navigation\u201d if it\u2019s a core page you want visible on the top bar (like Home, Pages and Contact Us) or the + next to Other Pages for a non-visible back-end page.<\/p>\n\n\n\n<p>You are then provided with several default page layouts or the ability to start your own from fresh which can then be saved as a custom layout.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-19.png\" alt=\"\" class=\"wp-image-385\" width=\"252\" height=\"284\" srcset=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-19.png 342w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-19-266x300.png 266w\" sizes=\"auto, (max-width: 252px) 100vw, 252px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"514\" height=\"369\" src=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-20.png\" alt=\"\" class=\"wp-image-386\" srcset=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-20.png 514w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-20-300x215.png 300w\" sizes=\"auto, (max-width: 514px) 100vw, 514px\" \/><\/figure>\n\n\n\n<p>I selected a Subpage and then modified the page to include some details about a product and a link to the Contact Us Page. This was done by selecting the section the sections and adding content as per the next section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"461\" src=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-21.png\" alt=\"\" class=\"wp-image-387\" srcset=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-21.png 940w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-21-300x147.png 300w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-21-768x377.png 768w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<p><strong><u>Adding\/Modifying Page Content<\/u><\/strong><\/p>\n\n\n\n<p>I have been able to add a new section with some text and an image by simply just clicking the + icons and selecting the areas to change<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"408\" height=\"266\" src=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-22.png\" alt=\"\" class=\"wp-image-388\" srcset=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-22.png 408w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-22-300x196.png 300w\" sizes=\"auto, (max-width: 408px) 100vw, 408px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"248\" src=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-23.png\" alt=\"\" class=\"wp-image-389\" srcset=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-23.png 940w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-23-300x79.png 300w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-23-768x203.png 768w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"521\" height=\"225\" src=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-24.png\" alt=\"\" class=\"wp-image-390\" srcset=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-24.png 521w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-24-300x130.png 300w\" sizes=\"auto, (max-width: 521px) 100vw, 521px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"395\" height=\"236\" src=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-25.png\" alt=\"\" class=\"wp-image-391\" srcset=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-25.png 395w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-25-300x179.png 300w\" sizes=\"auto, (max-width: 395px) 100vw, 395px\" \/><\/figure>\n\n\n\n<p>Once you have then finished making the changes you just simply select the sync button and refresh your website to see the changes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"306\" src=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-26.png\" alt=\"\" class=\"wp-image-392\" srcset=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-26.png 940w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-26-300x98.png 300w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-26-768x250.png 768w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<p><strong><u>Modifying the Website Theme<\/u><\/strong><\/p>\n\n\n\n<p>This can be done by selecting the Styling section then choosing from the preloaded themes available and making changes using the options available.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"286\" height=\"430\" src=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-27.png\" alt=\"\" class=\"wp-image-393\" srcset=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-27.png 286w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-27-200x300.png 200w\" sizes=\"auto, (max-width: 286px) 100vw, 286px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"432\" src=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-28.png\" alt=\"\" class=\"wp-image-394\" srcset=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-28.png 600w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-28-300x216.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p><strong><u>Adding Data<\/u><\/strong><\/p>\n\n\n\n<p>Adding data can be done by selecting the Data section to view the current tables added to the wesbite. From here you can then expand the other tables to view tables which exist within your Power Platform \/ Dynamics 365 then select the ones you require to bring them in to the Power Page Website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"181\" height=\"272\" src=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-29.png\" alt=\"\" class=\"wp-image-395\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"642\" height=\"270\" src=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-30.png\" alt=\"\" class=\"wp-image-396\" srcset=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-30.png 642w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-30-300x126.png 300w\" sizes=\"auto, (max-width: 642px) 100vw, 642px\" \/><\/figure>\n\n\n\n<p>Once the data is then added you can go back to a page to add either a \u201cList\u201d or \u201cForm\u201d component and link it to the table.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"855\" height=\"180\" src=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-31.png\" alt=\"\" class=\"wp-image-397\" srcset=\"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-31.png 855w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-31-300x63.png 300w, https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-31-768x162.png 768w\" sizes=\"auto, (max-width: 855px) 100vw, 855px\" \/><\/figure>\n\n\n\n<p><strong><u>Overview<\/u><\/strong><\/p>\n\n\n\n<p>Overall, Power Pages is a fantastic new feature from Microsoft as it\u2019s offering the ability to build a website linked to your data using a low code tool which is something Microsoft have never got right before. Low Code \/ No Code is a phrase you will have heard a lot recently as its very much the \u201cin thing\u201d at current with a lot of software companies taking this approach of not needing to invest thousands of pounds into development for your company needs anymore.<\/p>\n\n\n\n<p>At current there isn\u2019t much more information available regarding it, however you are able to try it for free using the below link (if you already have an Office 365 subscription be sure to sign in first).<\/p>\n\n\n\n<p><a href=\"https:\/\/powerpages.microsoft.com\/en-gb\/\">Microsoft Power Pages | Microsoft Power Platform<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Power Pages is a new feature which is currently in preview from Microsoft, it allows you to build a low-code website which directly links with your Power Platform and data. There has been previous applications released by Microsoft in the past which are similar to this called Dynamics 365 Power and Power App Portals but<\/p>\n","protected":false},"author":43,"featured_media":384,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":""},"categories":[3,5],"tags":[],"class_list":{"0":"post-383","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-crm","8":"category-marketing"},"featured_image_src":"https:\/\/blog.citrus-lime.com\/crmc\/wp-content\/uploads\/sites\/30\/2022\/06\/image-18.png","author_info":{"display_name":"jadesmith","author_link":"https:\/\/blog.citrus-lime.com\/crmc\/author\/jadesmith\/"},"_links":{"self":[{"href":"https:\/\/blog.citrus-lime.com\/crmc\/wp-json\/wp\/v2\/posts\/383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.citrus-lime.com\/crmc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.citrus-lime.com\/crmc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.citrus-lime.com\/crmc\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.citrus-lime.com\/crmc\/wp-json\/wp\/v2\/comments?post=383"}],"version-history":[{"count":2,"href":"https:\/\/blog.citrus-lime.com\/crmc\/wp-json\/wp\/v2\/posts\/383\/revisions"}],"predecessor-version":[{"id":400,"href":"https:\/\/blog.citrus-lime.com\/crmc\/wp-json\/wp\/v2\/posts\/383\/revisions\/400"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.citrus-lime.com\/crmc\/wp-json\/wp\/v2\/media\/384"}],"wp:attachment":[{"href":"https:\/\/blog.citrus-lime.com\/crmc\/wp-json\/wp\/v2\/media?parent=383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.citrus-lime.com\/crmc\/wp-json\/wp\/v2\/categories?post=383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.citrus-lime.com\/crmc\/wp-json\/wp\/v2\/tags?post=383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}