How do I create a modal text pop-up on Intranet page of SharePoint when link is clicked?

Question

I'm building the Intranet landing page for our organization. I had hoped to turn the Quick Link buttons into short FAQs that could be clicked, with a modal pop up text box coming up with the quick answer. There seems to be no way to build a pop up into SharePoint without paying for apps (and even those apps dont seem to have the functionality I'm looking for)
Any support very appreciated!

Answer 1

Hi @Jenn Tynan ,

According to my research and testing, if you want to create modal pop up in SharePoint, you can try to use the following code (The full code is in the attachment, please check it out.):

Please follow these steps in this document: Create Modal Dialog Pop Up In SharePoint 2016 And Office 365

Similar issue for reference: How to make a Modal popup when someone clicks a link on my page

Hope it can help you. Thanks for your understanding.

Note: Microsoft is providing this information as a convenience to you. The sites are not controlled by Microsoft. Microsoft cannot make any representations regarding the quality, safety, or suitability of any software or information found there. Please make sure that you completely understand the risk before retrieving any suggestions from the above link.

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

---

Answer 2

Hi,

You can do by adding script editor web part as shown.

Then add script

<button onclick="showModalPopUp();" type="button">Click me​</button>  
<script language="javascript" type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>    
<script language="javascript" type="text/javascript">    
  
    function showModalPopUp() {    
        //Set options for Modal PopUp    
        var options = {    
            url: '/sites/xxx/Lists/List_test2', //Set the url of the page    
            title: 'SharePoint Modal Pop Up', //Set the title for the pop up    
            allowMaximize: false,    
            showClose: true,    
            width: 600,    
            height: 400    
        };    
        //Invoke the modal dialog by passing in the options array variable    
        SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options);    
        return false;    
    }    
</script>    

https://learn.microsoft.com/en-us/answers/questions/956008/creating-pop-ups-on-sharepoint.html

Answer 3

@Rijwan Ansari unfortunately I am using SharePoint in the modern version and don't have access to the Script Editor web part as shown.