Embedding on Your Site
There are several ways to integrate your SAR Portal public portal with your existing website.
Option 1: Direct Link
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>
In Footer Navigation
<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
- Add “Data Request” as a contact reason
- When selected, show a link to the portal
- 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
- Log into SAR Portal
- Go to Settings > Integrations
- Find “Public Portal Access” section
- 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:
- Company name
- Logo
- Primary color
Ensure these are set in Settings to match your website.
SEO Considerations
For Direct Links
- Use descriptive anchor text
- Include in sitemap if on a dedicated page
- Add rel=“nofollow” if preferred
For Privacy Policy
Search engines expect privacy policies to include:
- How to exercise data rights
- Contact information
- Process description
Linking to your portal satisfies these requirements.
Testing Your Integration
After adding links:
- Click the link - Verify it goes to correct portal
- Check branding - Ensure logo and colors appear
- Test on mobile - Confirm mobile experience
- Submit test request - Verify end-to-end flow
- 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.