Power Pages, which was earlier known as Power Apps Portals, a powerful low-code platform from Microsoft, allows you to create websites seamlessly integrated with Dynamics 365. Whether you’re building a customer portal, a partner collaboration site, or an internal application, Power Pages makes it easy to deliver rich web experiences. Here’s a beginner-friendly guide to help you create your first Power Pages site. What is the difference between Normal Websites and Websites Created by Power Pages? Getting Started with Power Pages: Sign in to Power Pages:To get started, sign in to the Power Pages platform using your Microsoft account. If you don’t have one, create a new account. Once signed in, you’ll be taken to the Power Pages home screen where you can begin creating your site. Create a New Site:You can start by creating a site from scratch. Choose the “Start from blank” option or use one of the available templates to speed up your development process. Templates are pre-built designs that you can customize to fit your needs. Choose a Site Name and Web Address:Select a site name that reflects the purpose of the site (e.g., “Customer Portal” or “Partner Collaboration Site”). Choose an appropriate web address (URL) that aligns with your business branding. Power Pages will guide you through the process of selecting a domain name and integrating it with your site. Configure Site Settings:Once your site is created, you’ll be able to configure various settings such as branding, theme, and layout. Power Pages provides an intuitive interface where you can adjust these settings with minimal effort. Click to edit the Power Pages using the Studio. Design and Edit Your Site:Click to open and edit your site using Power Pages Studio. This drag-and-drop interface makes it easy to add content such as text, images, forms, and data from your Dynamics 365 system. The Studio allows you to customize the site’s design, layout, and interactive elements to create a rich user experience. Let’s add a section and select the column as per your wish. Select ‘List’ Select the table and the list of records you want to see in your Webpage This appears after adding the List. There is a notification to set up permissions on the list. Click on + New permission. Let’s Add roles and click Save. Now click Sync followed by Preview. Sync feature is to make sure that the changes made in the Power Pages Studio are reflected across the platform whereas Preview feature allows you to see a live, interactive version of your website before publishing it. This gives you the opportunity to review and test how the site will look and function for end users. Also, there is another way of editing and designing Power Pages. Why do we need Power Pages Management? While Power Pages Studio is designed for creating and designing websites, focusing on content, layout, and interactivity, the Power Pages Management App provides a separate interface for managing the operational, security, and administrative aspects of the site. Key Functions of Power Pages Management: The separation of responsibilities between the design and management aspects ensures that both designers and administrators can focus on their respective tasks without compromising the site’s functionality, security, or scalability. This division enhances the overall efficiency and flexibility of managing a Power Pages website. Happy Developing! We hope you found this blog useful, and if you would like to discuss anything, you can reach out to us at transform@cloudfonts.com

Power Apps Pages, part of the Microsoft Power Platform, allows you to create responsive web applications that can be accessed by both internal and external users. Setting up authentication and security is crucial to ensure that only authorized users can access your application and its data. In this blog, we’ll walk you through the steps to set up authentication and security in Power Apps Pages. In this blog, we’ll cover the essentials of setting up security in Power Pages. Step 1: Configure Authentication Click on Power Pages sites and then select your portal. There is another way of authenticating your Power Pages Set Up Identity Providers using Azure For Azure AD: Enable Authentication Step 2: Setting Up Security Start by navigating to Power Pages Studio. Choose the site where you want to set up authentication. Click the ellipses (three dots) next to the Preview button and select ‘Power Pages Management’ in Power Pages Studio. This will take you to the Power Pages Management interface where you can make various administrative changes. Select the ellipses and click Web Roles Click on New to create a new web role. Name the role , in this case, (‘FreeSpirit Global Admin’) and save it. Web Page Access Control Rule in Power Pages is a security feature that defines which users or roles can access specific web pages on a site. This rule ensures that only authorized users can view or interact with restricted content, protecting sensitive data and maintaining site security. Add Web Roles to the Web Page Access Control Rule Step 3: Configure Page Security Navigating Page Settings in Power Pages Studio Go to Power Pages Studio -> Select the ellipses and Page Settings -> Go to Permissions and add the Role of the viewer Securing Power Pages using Power Pages Management Assigning Web Roles to Contact. Make sure the Form is set to Portal Contact. Select Web Roles from the Related drop-down Add Existing Web Role or create a new one if you want Table Permissions using Power Pages Management Navigate to Security > Table Permissions. Click on New to create a new table permission. Specify the table (entity) and the permission type (Read, Write, etc.). Assign the permission to a web role. Secure Individual Pages In the Portals Management App, navigate to Web Pages. Select the page you want to secure. Under the Permissions tab, add the web role that should have access to this page. Step 4: Additional Security Settings Set Up Multi-Factor Authentication (MFA) For added security, configure MFA in your Azure AD. Go to the Azure AD portal. Navigate to Security > Multi-Factor Authentication and follow the setup instructions. Configure IP Restrictions You can restrict access to your Power Apps Pages based on IP addresses. In the Portals Admin Center, navigate to Site Settings. Add new site settings for IP restrictions and specify the allowed IP addresses. Review and Monitor Security Logs Regularly review security logs for any suspicious activity. In the Azure AD portal, navigate to Monitoring > Sign-ins to review sign-in activity. Conclusion Setting up authentication and security in Power Apps Pages ensures that your application and its data are protected from unauthorized access. By configuring identity providers, creating security roles, setting up appropriate permissions, and implementing additional security measures like MFA and IP restrictions, you can manage who accesses your portal and what they can do within it. Follow these steps to create a secure and robust Power Apps Page for your users. By following this guide, you can ensure your Power Apps Pages are secure and provide a seamless experience for your users. Happy Building! We hope you found this blog useful, and if you would like to discuss anything, you can reach out to us at transform@cloudfonts.com.

When developing web applications, one of the most common features you might need is the ability to dynamically redirect users to different subpages based on certain conditions, such as whether they are logged in or not. This ensures a smooth and personalized experience for users navigating your portal. In this guide, we’ll walk through how to set up redirection in Power Pages based on user authentication. Whether you’re building a public-facing portal or a member-only dashboard, this solution will help you ensure that users land on the right page based on their status. In our example, we want to redirect users based on their authentication status: By default, when users access your Power Pages portal, they land on the homepage. In this case, you want to check if the user is logged in and redirect them accordingly. We’ll use a Web Template in Power Pages. This template will contain the necessary JavaScript to check if the user is logged in and redirect them based on that. P.S. These below lines are included from the Default Studio Template. Don’t forget to include in your code. Next, create a Page Template and add the newly created Web Template. Go to Web Pages and update the Page Template as well. Click Save. And voila! The default landing page appears as soon as I access the website. With this simple solution, you can enhance the user experience by ensuring that visitors to your Power Pages portal are always directed to the content that’s most relevant to them. Happy Building! We hope you found this blog useful, and if you would like to discuss anything, you can reach out to us at transform@cloudfonts.com