Squarespace Plugin

Installing the Loyalty Web App on Squarespace (Recommended Method)

To ensure the best performance and user experience, we recommend installing the Loyalty Web App on its own dedicated page within your Squarespace site.

Using a separate page avoids layout conflicts, improves load reliability, and gives members a clear destination for loyalty and rewards features.

What You'll Need

  • Your Loyalty Web App URL (provided by LoyaltyMatch)
  • Admin access to your Squarespace website

Step 1: Create a Dedicated Loyalty Page

  1. Log in to Squarespace.
  2. In the left-hand menu, click Pages.
  3. Under Main Navigation, click the + button.
  4. Select Page.
  5. Name the page something like:
    • Loyalty
    • Rewards
    • Membership
  6. Click Edit to open the page editor.

Step 2: Add a Code Block

  1. While editing the page, hover where you want the loyalty app to appear.
  2. Click Add Block (the plus icon).
  3. Select Code.
  4. When prompted, choose HTML (not Markdown).

Step 3: Paste the iFrame Embed Code

Paste the following code into the Code Block. Replace the URL with the Loyalty Web App URL provided to you.

<div style="width:100%; max-width:1200px; margin:0 auto;">
  <iframe
    src="https://YOUR-LOYALTY-WEBAPP-URL-HERE"
    style="width:100%; height:1000px; border:0; display:block;"
    loading="lazy"
    allow="clipboard-write; fullscreen"
  ></iframe>
</div>

Step 4: Save and Preview

  1. Click Save.
  2. Preview the page on both desktop and mobile devices.

The loyalty web app is designed to work well within a 1000px height, but this value can be adjusted later if needed.

Notes & Best Practices

Dedicated page recommended

Installing the loyalty app on its own page prevents conflicts with homepage sections, banners, or galleries.

Secure connection required

The iFrame URL must use HTTPS to display correctly in modern browsers.

Height adjustments

If additional space is needed, the height value can be safely adjusted (for example: 900px or 1100px).

Technical Compatibility

The Loyalty Web App is configured to allow embedding within Squarespace websites. If any embedding restrictions occur, LoyaltyMatch can quickly whitelist the site domain to resolve the issue.