App not loading on Squarespace site

Some Squarespace themes use AJAX loading by default. With AJAX loading enabled, it can sometimes happen that your POWR Apps will not load on initial page load. If your POWR App appears only after refreshing the page, you are probably affected by this issue. 

Fortunately, there are two possible solutions for this issue:

Solution #1: Disable AJAX loading in your Squarespace settings

AJAX loading is enabled by default for the following Squarepace templates:

• Brine, Basil, Clay, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Jaunt, Juke, Keene, Lincoln, Marta, Mercer, Mojave, Motto, Nueva, Rally, Rover, Sonora, Thorne
• Farro, Haute
• Skye, Foundry, Tudor (Blog landing page only)
• Tremont, Carson, Henson
• York, Artesia, Harris, Lange, Jasper, Shibori, Taylor 

To disable AJAX loading for your Squarespace site, follow these steps:

1. In the Home Menu, go to Design > Style Editor.
2. Find the Site: Loading setting.
3. Uncheck Enable Ajax Loading.
4. Save your changes.

Your App should then show up with initial page load.

Solution #2: Move modified POWR script to your website's head

Some templates rely on AJAX loading, and AJAX loading can therefore not be disabled. This is true for the following templates:

• Skye, Foundry, Tudor (Blog landing page only)

Since disabling AJAX loading isn't an option, you will instead need to follow these steps:

1. In the Squarespace Editor, go to Settings > Advanced > Code Injection > Header (as seen in this article from Squarespace's Help Center).
2. Add this version of the POWR script into the Header:
    <script src="//www.powr.io/powr.js" external-type="squarespace" powr-load="sync"></script>
3. Remove the original script from your HTML element on the page and keep just the HTML div containing your App ID.