How do I Embed A Story Album Slideshow & Contribute Form on my Website?

You can seamlessly integrate memoryKPR into your own website, allowing users to view stories or contribute content directly from your domain.

✅ Prerequisites

Before you begin, please ensure:

• Subscription: The story owner has a memoryKPR Business Subscription.
• Privacy: The story visibility is set to “Public” in the story Access & Security settings.

---

Part 1: Embedding the Story Slideshow

Best for: Displaying your collected photos, videos, text, and voice recordings in a sleek slideshow format on your website.

1. Get your Slideshow URL

The easiest way to get your URL is via your dashboard:

1. Navigate to your Story.
2. Go to the Invite & Share tab.
3. Look for the “Embed” section.
4. Select your customization options (like disabling autoplay) and copy the generated URL.

Alternatively, you can manually build the URL using your Story ID:

https://app.memorykpr.com/external/[story-id]/slideshow/embed

2. Add the iFrame to your site

Copy the code below and replace YOUR_SLIDESHOW_URL with the link you obtained in Step 1.

HTML

<iframe 
  src="YOUR_SLIDESHOW_URL" 
  style="width: 100%; height: 448px;">
</iframe>

Manual Customization Options:

If you are manually building the URL, you can add parameters to the end of the link to change settings. Start the first parameter with ? and separate any additional ones with &.

Goal	Parameter to Add
Disable Autoplay	disableAutoplay=true
Hide All Text	disableText=true
Hide Text Icons	disableTextIcon=true (Note: Videos will still show the icon).

Example: https://app.memorykpr.com/external/%5Bstory-id%5D/slideshow/embed?disableText=true&disableAutoplay=true

---

Part 2: Embedding the “Contribute” Form

Best for: Allowing visitors to upload photos, videos, and audio to your story directly from your website.

1. Create your Source URL

You will need your Story ID (e.g., eddea9ab-263c-416b-b02f-3f56205018e5) from your story url. Replace [story-id] in the URL below:

https://app.memorykpr.com/external/[story-id]/contribute/embed

2. Add the iFrame to your site

Copy the code below and replace YOUR_CONTRIBUTE_URL with the link you created in Step 1.

HTML

<iframe 
  src="YOUR_CONTRIBUTE_URL" 
  style="width: 100%; height: 576px;" 
  allow="camera;microphone">
</iframe>

Important: The allow="camera;microphone" property is required. Browsers deem recording tools sensitive; without this tag, users cannot use memoryKPR’s built-in recording tools to capture memories directly from your domain.

Advanced: Using a Modal/Popup?

If you want the form to close your site’s modal automatically when a user finishes:

1. Add ?modal=true to the end of your Contribute URL.
2. Add this JavaScript listener to your site to detect when the “Close” button is clicked inside memoryKPR:

JavaScript

window.onmessage = (message) => {
  if (message?.data?.closeModal) {
    this.modal.close(); // Replace with your modal's close function
  }
};