Docs / Embedding on Your Site

Embedding on Your Site

There are several ways to integrate your SAR Portal public portal with your existing website.

The simplest approach is linking directly to your portal.

In Your Privacy Policy

<p>
  To exercise your data protection rights, please visit our
  <a href="https://app.sarportal.com/public/submit/YOUR-TENANT-ID">
    Subject Access Request Portal
  </a>.
</p>

As a Button

<a href="https://app.sarportal.com/public/submit/YOUR-TENANT-ID"
   class="btn btn-primary">
  Submit Data Request
</a>
<nav class="footer-links">
  <a href="/privacy/">Privacy Policy</a>
  <a href="/terms/">Terms of Service</a>
  <a href="https://app.sarportal.com/public/submit/YOUR-TENANT-ID">
    Data Requests
  </a>
</nav>

Option 2: Dedicated Page

Create a page on your site that explains the process and links to the portal.

Example Page Content

<h1>Your Data Rights</h1>

<p>
  Under GDPR, you have the right to access, correct, or delete
  your personal data. We take these rights seriously and have
  created a secure portal to handle your requests.
</p>

<h2>What You Can Request</h2>
<ul>
  <li><strong>Access</strong> - Get a copy of your data</li>
  <li><strong>Correction</strong> - Fix inaccurate information</li>
  <li><strong>Deletion</strong> - Remove your data</li>
  <li><strong>Portability</strong> - Transfer your data</li>
</ul>

<h2>How to Submit a Request</h2>
<ol>
  <li>Click the button below to access our secure portal</li>
  <li>Enter your email address</li>
  <li>Verify your identity with a one-time code</li>
  <li>Select your request type and submit</li>
</ol>

<p>We will respond within 30 days as required by GDPR.</p>

<a href="https://app.sarportal.com/public/submit/YOUR-TENANT-ID"
   class="button">
  Submit Request
</a>

Option 3: Contact Form Integration

Add DSAR options to your existing contact form.

Concept

  1. Add “Data Request” as a contact reason
  2. When selected, show a link to the portal
  3. Or redirect automatically

Example

<form>
  <label>How can we help?</label>
  <select id="contactReason" onchange="handleReason()">
    <option value="">Select...</option>
    <option value="sales">Sales Inquiry</option>
    <option value="support">Support</option>
    <option value="dsar">Data Privacy Request</option>
  </select>

  <div id="dsarRedirect" style="display:none;">
    <p>For data privacy requests, please use our secure portal:</p>
    <a href="https://app.sarportal.com/public/submit/YOUR-TENANT-ID">
      Go to Data Request Portal
    </a>
  </div>
</form>

<script>
function handleReason() {
  var reason = document.getElementById('contactReason').value;
  var dsarDiv = document.getElementById('dsarRedirect');
  dsarDiv.style.display = reason === 'dsar' ? 'block' : 'none';
}
</script>

Finding Your Portal URL

  1. Log into SAR Portal
  2. Go to Settings > Integrations
  3. Find “Public Portal Access” section
  4. Copy the full URL or click Get Embed Code

Your URL format:

https://app.sarportal.com/public/submit/{tenant-id}

URL Parameters

You can pre-fill certain fields using URL parameters:

Pre-fill Email

https://app.sarportal.com/public/submit/YOUR-ID?email=user@example.com

Pre-select Request Type

https://app.sarportal.com/public/submit/YOUR-ID?type=access

Available types: access, erasure, rectification, objection, restriction, portability, automated

Styling Considerations

Opening in New Tab

<a href="https://app.sarportal.com/public/submit/YOUR-ID"
   target="_blank"
   rel="noopener noreferrer">
  Submit Request
</a>

Matching Your Brand

The portal uses your configured branding:

Ensure these are set in Settings to match your website.

SEO Considerations

For Privacy Policy

Search engines expect privacy policies to include:

Linking to your portal satisfies these requirements.

Testing Your Integration

After adding links:

  1. Click the link - Verify it goes to correct portal
  2. Check branding - Ensure logo and colors appear
  3. Test on mobile - Confirm mobile experience
  4. Submit test request - Verify end-to-end flow
  5. Check case creation - Confirm case appears in dashboard

Analytics

Track portal usage:

In Google Analytics

Add UTM parameters:

?utm_source=website&utm_medium=footer&utm_campaign=dsar

Monitor in SAR Portal

View case sources in your dashboard to see how many come from the portal vs. manual creation.