How to add a coreILLA popup form in coreFORCE

1. Build your form in coreILLA. 
2. Click on Integrate then change the configuration as needed.
3. Click on Copy embed code. 
4. In coreFORCE, create a new Fragment. This is optional but recommended to keep the code modular. Alternatively, you can skip creating a fragment and just add the embed code block directly to the template or page. 
5. Add the copied Embed Code from coreILLA to the Content section of the fragment.
6. Add the <style> code below to the fragment. This will make the pop-up compatible with the coreFORCE template.

   <style>
   .ep-popup,
   .ep-close-icon {
       flex-grow: 0;
   }
   </style>
   
   <!--Insert Embed Code Here-->

   
   
7. Save the fragment.
8. Edit the home page if you only want to show this pop-up on the home page, or the template if you want this to show on all pages.
   • Home page - Add the fragment page module to the Data tab. 
   • Template  - Go to the Content tab, and insert the fragment page module within the _wrapper div.
   • The fragment page module is below, where COREILLA_POPUP is the Fragment Code in step 4: 

     %module:fragment:COREILLA_POPUP%

The popup form should now show up on your website.