Integrate Mighty In Squarespace

1. Navigate to code injection tool: https://account.squarespace.com/project-picker?client_id=helpcenter&redirect_url=%2Fpages%2Fwebsite-tools%2Fcode-injection 2. Copy this into header:

<script src="https://unpkg.com/mighty-academy-widget@latest/dist/mightyIframeIntegration.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
    mightyIframeIntegration.authorizePackage('dark');
});
</script>

This is how it should look like:

Click "Save" at the top left corner.

1. Way 1: Insert Mighty Page as a section on your website. When editing your squarespace website: - Click "Add Block" (top-left side of the page when editing a section)

   

- Choose "Code" (available only for paid squarespace accounts):

Then, copy this into appeared window and paste it into the code window that opened:

<mighty-page partnerid="Mighty" 
  targeturl="https://app.mighty.study/courses/123/456/789" 
  theme="dark" 
  style="width: 100%; 
  height: 100vh;">

</mighty-page>

3. Way 2: Summon widget on a button click.

First, we need to create a button. You need a bit of HTML knowledge for that. When editing your squarespace website: - Click "Add Block" (top-left side of the page when editing a section)

• Choose "Code" (available only for paid squarespace accounts):